:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f9fb;--surface:#fff;--surface-2:#eaeef3;--hover:#1b23300d;--text:#1b2330;--text-2:#3d4757;--text-3:#5c6677;--divider:#dce2e9;--divider-strong:#c0c9d4;--brand:#1e3a5f;--accent:#1f4d8a;--accent-soft:#e3ebf5;--danger:#c0262d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1722;--surface:#152131;--surface-2:#1c2a3c;--hover:#e3e9f10d;--text:#e3e9f1;--text-2:#bfcad8;--text-3:#91a0b3;--divider:#22324a;--divider-strong:#34475f;--brand:#e3e9f1;--accent:#8fb8ee;--accent-soft:#1b3150;--danger:#ff9c93}:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--font-serif:"Noto Serif TC", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, "Noto Serif CJK TC", "PMingLiU", serif;--fs-label:11.5px;--fs-meta:13.5px;--fs-body:15px;--fs-heading:17px;--fs-title:22px;--fs-numeral:34px;--fw-regular:400;--fw-strong:600;--fw-title:700;--lh-tight:1.25;--lh-base:1.5;--lh-read:1.75;--shell-max:1240px;--page-pad:16px;--radius-sm:6px;--radius-pill:999px;--touch:44px;--ease:cubic-bezier(.2, .8, .2, 1)}@media (width>=640px){:root{--page-pad:24px}}@media (width>=1000px){:root{--page-pad:40px}}*,:before,:after{box-sizing:border-box}html,body,#root{margin:0}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:var(--lh-base);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}h1,h2,p,ol,ul{margin:0}.app{height:100dvh;max-width:var(--shell-max);padding:0 var(--page-pad) env(safe-area-inset-bottom);padding-left:max(var(--page-pad), env(safe-area-inset-left));padding-right:max(var(--page-pad), env(safe-area-inset-right));flex-direction:column;margin:0 auto;display:flex}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.top{border-bottom:1px solid var(--divider-strong);flex:none;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 20px;display:flex}.brand{min-width:0;color:var(--brand);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:currentColor;flex:none;width:34px;height:34px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.brand-text{flex-direction:column;gap:3px;min-width:0;display:flex}.site-title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-tight);letter-spacing:.12em;color:var(--brand);white-space:nowrap}.site-title-en{font-size:var(--fs-meta);font-weight:var(--fw-regular);line-height:var(--lh-tight);letter-spacing:.06em;color:var(--text-3);white-space:nowrap}.top-actions{align-items:center;gap:8px;margin-right:-12px;display:flex}.text-btn{min-height:var(--touch);color:var(--accent);font-size:var(--fs-meta);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 4px;text-decoration:none;display:inline-flex}.text-btn:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.btn-outline{min-height:var(--touch);color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.btn-face{border-radius:var(--radius-pill);font-size:var(--fs-meta);font-weight:var(--fw-strong);border:1px solid;align-items:center;gap:6px;padding:5px 14px;display:inline-flex}.btn-outline:not(:disabled):hover .btn-face{background:var(--accent-soft)}.btn-outline:disabled{color:var(--text-3);cursor:default}.icon-btn{width:var(--touch);height:var(--touch);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{color:var(--accent);background:var(--hover)}.btn-outline:disabled .btn-face,.text-btn:disabled{color:var(--text-3);cursor:default;text-decoration:none}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:40px 0 12vh;display:flex}.center-note{font-size:var(--fs-body);color:var(--text-2)}.center-error{max-width:32em;font-size:var(--fs-meta);color:var(--danger)}.who{font-size:var(--fs-meta);color:var(--text-2);padding-right:4px}.tabs{border-bottom:1px solid var(--divider-strong);flex:none;gap:24px;display:flex}.tab{min-height:var(--touch);color:var(--text-2);font-size:var(--fs-heading);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;margin-bottom:-1px;padding:0 2px;text-decoration:none;display:inline-flex}.tab:hover{color:var(--accent)}.tab.on{color:var(--accent);font-weight:var(--fw-strong);border-bottom-color:var(--accent)}.tab.small{min-height:36px;font-size:var(--fs-body);font-variant-numeric:tabular-nums}.content{flex:1;min-height:0;padding:0 0 32px;overflow:auto}.view{flex-direction:column;display:flex}.view-head{z-index:2;background:var(--bg);border-bottom:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:4px 24px;padding:12px 0;display:flex;position:sticky;top:0}.view-title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.view-nav{flex-wrap:wrap;align-items:center;gap:0 12px;display:flex}.view-nav.years{gap:0 16px}.view-add{margin-left:auto}.text-btn.on{color:var(--text);font-weight:var(--fw-strong)}.loading{font-size:var(--fs-meta);color:var(--text-3);padding:24px 0}.field-input,.field-select{border-radius:var(--radius-sm);background:var(--surface-2);height:36px;color:var(--text);font:inherit;font-size:var(--fs-body);border:0;padding:0 10px}.field-input::placeholder{color:var(--text-3)}.field-input:focus,.field-select:focus{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.field-input.date{font-variant-numeric:tabular-nums;width:11em}.field-input.time{font-variant-numeric:tabular-nums;width:7.5em}.view-nav .field-input.date{margin-left:8px}.content.fit{flex-direction:column;padding-bottom:12px;display:flex;overflow:hidden}.content.fit>.view{flex:1;min-height:0}.day{flex-direction:column;flex:1;min-height:0;display:flex}.app:has(.view.loose){height:auto;min-height:100dvh}.content.fit:has(.view.loose){flex:none;overflow:visible}.content.fit>.view.loose,.view.loose .day,.view.loose .day-row{flex:none}.day-row.open .day-main,.day-row.open .day-side{overflow:visible}.app:has(.content.page){height:auto;min-height:100dvh}.content.page{flex:none;overflow:visible}.slot-col{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.slot-col .text-btn{margin-left:-4px}.day-row{border-bottom:1px solid var(--divider-strong);flex:1 1 0;grid-template-columns:56px minmax(0,1fr) minmax(165px,225px);gap:0 24px;min-height:0;padding:12px 0;display:grid}.slot-name{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-tight);color:var(--text-2)}.day-main{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex;overflow:hidden}.day-side{border-left:1px solid var(--divider);flex-direction:column;gap:12px;min-height:0;padding-left:20px;display:flex;overflow:hidden}.slot-note{flex-direction:column;gap:2px;display:flex}.slot-note-label{font-size:var(--fs-label);font-weight:var(--fw-strong);letter-spacing:.08em;color:var(--text-3)}.empty{font-size:var(--fs-body);color:var(--text-3);align-items:center;gap:12px;display:flex}.side-teacher{flex-direction:column;gap:2px;display:flex}.side-name{font-size:var(--fs-label);font-weight:var(--fw-strong);letter-spacing:.08em;color:var(--text-3)}.side-entry{flex-direction:column;display:flex}.side-title{font-size:var(--fs-body);color:var(--text)}.side-meta{font-size:var(--fs-meta);color:var(--text-3);font-variant-numeric:tabular-nums}.side-empty{font-size:var(--fs-body);color:var(--text-3)}.side-entry.is-cancelled .side-title{color:var(--text-3)}.occ{flex-direction:column;gap:6px;min-width:0;display:flex}.occ-head{flex-wrap:wrap;align-items:baseline;gap:0 12px;display:flex}.occ-title{font-size:var(--fs-heading);font-weight:var(--fw-strong);color:var(--text);overflow-wrap:anywhere}.occ-time{font-size:var(--fs-meta);color:var(--text-2);font-variant-numeric:tabular-nums}.occ-status{font-size:var(--fs-meta);color:var(--text-2)}.occ.is-cancelled .occ-title,.occ.is-cancelled .occ-time,.occ.is-cancelled .notes{color:var(--text-3)}.edit-menu{display:contents}.edit-btn{align-self:center;margin:-12px -4px -12px -8px}.edit-actions{flex-wrap:wrap;align-self:baseline;align-items:baseline;gap:0 12px;display:inline-flex}.edit-actions .text-btn{margin:-12px 0}.occ-panel{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.occ-panel .field-input{flex:14em;min-width:0}.panel-label,.panel-note{font-size:var(--fs-meta);color:var(--text-2)}.occ-error{font-size:var(--fs-meta);color:var(--danger)}.btn-outline.danger{color:var(--danger)}.notes-wrap{flex-direction:column;gap:4px;display:flex}.notes{font-size:var(--fs-body);line-height:var(--lh-base);color:var(--text);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:40px;margin:0;padding:0;list-style:none;display:grid;position:relative}.notes:has(li:nth-child(2)):after{content:"";border-left:1px dashed var(--divider);position:absolute;top:2px;bottom:2px;left:50%}.notes li{overflow-wrap:anywhere;padding-left:1em;position:relative}.notes li:before{content:"•";color:var(--text-3);position:absolute;left:0}.notes-view{border-radius:var(--radius-sm);text-align:left;cursor:text;background:0 0;border:0;width:calc(100% + 8px);min-height:36px;margin-left:-8px;padding:6px 8px;display:block}.notes-view:hover{background:var(--hover)}.notes-empty{font-size:var(--fs-meta);color:var(--text-3)}.notes-input{border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);font:inherit;font-size:var(--fs-body);line-height:var(--lh-base);resize:vertical;border:0;padding:8px 10px}.notes-input:focus{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.notes-state{font-size:var(--fs-label);color:var(--text-3)}.notes-state.error{color:var(--danger)}.week{border-collapse:collapse;table-layout:fixed;width:100%;margin-top:8px}.week-corner{width:36px}.week-day{border-left:1px solid var(--divider-strong);text-align:left;font-weight:var(--fw-regular);padding:8px 4px 2px}.week-day-name{font-size:var(--fs-body);font-weight:var(--fw-strong);color:var(--text)}.week-day-date{font-size:var(--fs-meta);color:var(--text-3);font-variant-numeric:tabular-nums;margin-left:6px}.week-day.is-today .week-day-name,.week-day.is-today .week-day-date{color:var(--accent)}.week-teacher{border-bottom:1px solid var(--divider-strong);text-align:left;font-size:var(--fs-label);font-weight:var(--fw-regular);letter-spacing:.08em;color:var(--text-3);padding:2px 4px 6px}.week-slot{border-bottom:1px solid var(--divider-strong);vertical-align:top;text-align:left;font-size:var(--fs-heading);font-weight:var(--fw-strong);color:var(--text-2);padding:8px 0}.week-cell{border-bottom:1px solid var(--divider-strong);border-left:1px dotted var(--divider-strong);vertical-align:top;height:72px;padding:4px}.week-teacher.first,.week-cell.first{border-left:1px solid var(--divider-strong)}.cell-entry{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:4px;display:flex}.cell-entry:hover{background:var(--hover)}.cell-entry:hover .cell-title{color:var(--accent)}.cell-title{font-size:var(--fs-meta);line-height:var(--lh-tight);overflow-wrap:anywhere}.cell-mark{font-size:var(--fs-label);color:var(--text-3)}.cell-entry.is-cancelled .cell-title{color:var(--text-3)}.cell-entry.is-sub .cell-title{color:var(--text-2)}.cell-add{border-radius:var(--radius-sm);width:100%;min-height:60px;color:var(--accent);font-size:var(--fs-label);text-align:left;cursor:pointer;opacity:0;background:0 0;border:0;padding:4px;display:block}.cell-add:hover,.cell-add:focus-visible{opacity:1;background:var(--hover)}.stage{padding:20px 0 8px}.stage-title{font-size:var(--fs-heading);font-weight:var(--fw-strong);color:var(--text)}.archive{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:0 16px;padding:8px 0;display:flex}.archive-note{font-size:var(--fs-meta);color:var(--text-3);padding:8px 0 0}.dialog{border:1px solid var(--divider-strong);border-radius:var(--radius-sm);background:var(--bg);width:min(560px,100vw - 32px);max-height:calc(100dvh - 64px);color:var(--text);padding:0}.dialog::backdrop{background:var(--text);opacity:.3}.dialog-body{flex-direction:column;gap:12px;padding:12px 20px 20px;display:flex}.dialog-head{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;margin-right:-12px;padding-bottom:8px;display:flex}.dialog-title{font-size:var(--fs-heading);font-weight:var(--fw-strong)}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field-label{font-size:var(--fs-label);font-weight:var(--fw-strong);letter-spacing:.08em;color:var(--text-3)}.field-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.field-sep{color:var(--text-3)}.field-hint{font-size:var(--fs-meta);color:var(--text-3)}.field-error,.form-error{font-size:var(--fs-meta);color:var(--danger)}.field-select{align-self:flex-start;min-width:12em}.field-select.narrow{font-variant-numeric:tabular-nums;width:4.5em;min-width:0}.field-pair{flex-wrap:wrap;gap:14px 24px;display:flex}.time-pick{align-items:center;gap:4px;display:inline-flex}.field-row .choices{margin-right:8px}.choices{flex-wrap:wrap;gap:8px;display:flex}.choice{border:1px solid var(--divider-strong);border-radius:var(--radius-pill);min-width:56px;height:36px;color:var(--text-2);font-size:var(--fs-body);cursor:pointer;background:0 0;padding:0 14px}.choice:hover{color:var(--accent);border-color:var(--accent)}.choice.on{color:var(--accent);border-color:var(--accent);background:var(--accent-soft);font-weight:var(--fw-strong)}.form-actions{align-items:center;gap:16px;padding-top:4px;display:flex}