*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}:root{--blue:#2763d6;--blue-bg:#e6edfb;--blue-dark:#1a4fbb;--bg:#f4f3ef;--bg-card:#fff;--bg-sidebar:#fafaf7;--bg-nav:#ffffffe0;--text-1:#18171a;--text-2:#5f5e65;--text-3:#9e9da5;--border:#00000014;--border-md:#00000021;--accent:var(--blue);--accent-bg:var(--blue-bg);--accent-text:var(--blue-dark);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #00000012, 0 1px 2px #0000000a;--shadow-md:0 4px 14px #00000017, 0 2px 4px #0000000d;--r-xs:4px;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:18px;--nav-h:54px;--sidebar-w:272px;--font:"DM Sans", "Noto Sans TC", system-ui, sans-serif;--font-mono:"DM Mono", "Fira Mono", monospace;--t:.18s ease}[data-theme=dark]{--blue:#0078e0;--blue-bg:#0f2a4a;--blue-dark:#5aabff;--bg:#0f0f10;--bg-card:#1b1b1e;--bg-sidebar:#161618;--bg-nav:#121214e0;--text-1:#eeedf3;--text-2:#9b9aa3;--text-3:#56555d;--border:#ffffff12;--border-md:#ffffff1f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #00000059;--shadow-md:0 4px 14px #00000080;--accent-text:var(--blue-dark)}.color-blue{--cc:#2763d6;--cc-bg:#e6edfb;--cc-text:#1a4fbb}.color-purple{--cc:#8b5cf6;--cc-bg:#f3effe;--cc-text:#6b37d6}.color-teal{--cc:#0d9488;--cc-bg:#e0f5f3;--cc-text:#0a7a6e}.color-green{--cc:#16a34a;--cc-bg:#e8f9ee;--cc-text:#0e7a38}.color-amber{--cc:#d97706;--cc-bg:#fef5e0;--cc-text:#b45309}.color-pink{--cc:#db2777;--cc-bg:#fce7f3;--cc-text:#9d174d}.color-indigo{--cc:#4f46e5;--cc-bg:#eef2ff;--cc-text:#3730a3}.color-orange{--cc:#ea580c;--cc-bg:#fff1e8;--cc-text:#c2410c}.color-red{--cc:#dc2626;--cc-bg:#fef2f2;--cc-text:#991b1b}.color-gray{--cc:#52525b;--cc-bg:#f4f4f5;--cc-text:#3f3f46}[data-theme=dark] .color-blue{--cc:#0078e0;--cc-bg:#0f2a4a;--cc-text:#5aabff}[data-theme=dark] .color-purple{--cc:#a78bfa;--cc-bg:#1e1040;--cc-text:#c4b5fd}[data-theme=dark] .color-teal{--cc:#2dd4bf;--cc-bg:#042f2e;--cc-text:#5eead4}[data-theme=dark] .color-green{--cc:#4ade80;--cc-bg:#052e16;--cc-text:#86efac}[data-theme=dark] .color-amber{--cc:#fbbf24;--cc-bg:#292102;--cc-text:#fde68a}[data-theme=dark] .color-pink{--cc:#f472b6;--cc-bg:#3a0725;--cc-text:#fbcfe8}[data-theme=dark] .color-indigo{--cc:#818cf8;--cc-bg:#1e1b4b;--cc-text:#a5b4fc}[data-theme=dark] .color-orange{--cc:#fb923c;--cc-bg:#2c1200;--cc-text:#fdba74}[data-theme=dark] .color-red{--cc:#f87171;--cc-bg:#2d0808;--cc-text:#fca5a5}[data-theme=dark] .color-gray{--cc:#a1a1aa;--cc-bg:#1a1a1e;--cc-text:#d4d4d8}body{font-family:var(--font);background:var(--bg);color:var(--text-1);min-height:100vh;transition:background var(--t), color var(--t);overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}nav#main-nav{z-index:100;height:var(--nav-h);background:var(--bg-nav);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);align-items:center;gap:.75rem;padding:0 1.25rem;display:flex;position:sticky;top:0}.nav-brand{flex-shrink:0;align-items:center;text-decoration:none;display:flex}.nav-logo{flex-shrink:0;align-items:center;width:28px;height:28px;display:flex}.nav-logo svg{width:100%;height:100%}.nav-spacer{flex:1}.nav-icon-btn{border:1px solid var(--border-md);border-radius:var(--r-sm);background:var(--bg-card);width:34px;height:34px;color:var(--text-2);transition:all var(--t);justify-content:center;align-items:center;font-size:.88rem;display:flex}.nav-icon-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}#app-layout{grid-template-columns:var(--sidebar-w) 1fr;min-height:calc(100vh - var(--nav-h));display:grid}#sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);top:var(--nav-h);height:calc(100vh - var(--nav-h));flex-direction:column;gap:1.25rem;padding:1.25rem 1rem;display:flex;position:sticky;overflow-y:auto}.school-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-xs);padding:.9rem 1rem}.school-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border-radius:var(--r-xs);margin-bottom:.45rem;padding:2px 7px;font-size:.65rem;font-weight:700;display:inline-block}.school-name{color:var(--text-1);font-size:.92rem;font-weight:600;line-height:1.35}.school-name-alt{color:var(--text-2);margin-top:2px;font-size:.75rem;line-height:1.4}.school-meta{flex-direction:column;gap:4px;margin-top:.65rem;display:flex}.school-meta-row{color:var(--text-2);align-items:flex-start;gap:7px;font-size:.76rem;display:flex}.school-meta-row i{width:12px;color:var(--text-3);flex-shrink:0;margin-top:2px;font-size:.73rem}.sidebar-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:.45rem;font-size:.67rem;font-weight:700}.legend-list{flex-direction:column;gap:2px;display:flex}.legend-item{text-align:left;border-radius:var(--r-sm);width:100%;color:var(--text-2);transition:background var(--t), color var(--t);background:0 0;border:none;align-items:center;gap:9px;padding:6px 7px;font-size:.8rem;display:flex}.legend-item:hover{background:var(--bg-card);color:var(--text-1)}.legend-dot{background:var(--cc);border-radius:50%;flex-shrink:0;width:9px;height:9px}.legend-name{flex:1;line-height:1.3}.legend-credits{font-family:var(--font-mono);color:var(--text-3);font-size:.68rem}#detail-panel{flex-direction:column;gap:1rem;display:flex}.detail-back-btn{color:var(--text-2);transition:color var(--t);background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.8rem;display:flex}.detail-back-btn:hover{color:var(--accent)}.detail-back-btn i{font-size:.7rem}.detail-title-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);gap:10px;padding:.9rem 1rem;display:flex}.detail-accent-bar{background:var(--cc);border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.detail-code{font-family:var(--font-mono);color:var(--text-3);margin-bottom:3px;font-size:.68rem}.detail-name{color:var(--text-1);font-size:.9rem;font-weight:600;line-height:1.3}.detail-name-alt{color:var(--text-2);margin-top:2px;font-size:.75rem}.detail-chips{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.chip-credits{font-family:var(--font-mono);border-radius:var(--r-xs);background:var(--accent-bg);color:var(--accent-text);padding:2px 8px;font-size:.7rem;font-weight:600}.chip-type{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--border);color:var(--text-2);padding:2px 8px;font-size:.7rem}.detail-section{flex-direction:column;gap:2px;display:flex}.detail-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:.65rem;font-weight:700}.detail-row{color:var(--text-2);align-items:flex-start;gap:9px;padding:3px 0;font-size:.79rem;display:flex}.detail-row i{width:13px;color:var(--text-3);flex-shrink:0;margin-top:2px;font-size:.73rem}.detail-row-body{flex-direction:column;gap:1px;display:flex}.detail-row-label{color:var(--text-3);font-size:.68rem}.detail-link{color:var(--accent);font-size:.79rem}#main-content{min-height:calc(100vh - var(--nav-h));padding:1.5rem}#state-panel{text-align:center;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:5rem 2rem;display:flex}.state-icon{color:var(--text-3);margin-bottom:.25rem;font-size:2.2rem}.state-title{color:var(--text-1);font-size:1rem;font-weight:600}.state-desc{max-width:320px;font-size:.84rem;line-height:1.65}.state-error .state-icon{color:#ef4444}#timetable-panel{display:none}.timetable-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.timetable-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.timetable-subtitle{color:var(--text-2);margin-top:3px;font-size:.8rem}.view-toggle{border:1px solid var(--border-md);border-radius:var(--r-sm);background:var(--bg-card);flex-shrink:0;display:flex;overflow:hidden}.view-toggle button{color:var(--text-2);transition:all var(--t);background:0 0;border:none;align-items:center;gap:5px;padding:5px 13px;font-size:.78rem;display:flex}.view-toggle button.active{background:var(--accent);color:#fff}.view-toggle button:not(.active):hover{background:var(--bg);color:var(--text-1)}.timetable-grid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.grid-row{border-bottom:1px solid var(--border);display:grid}.grid-row:last-child{border-bottom:none}.grid-header-row{background:var(--bg-sidebar)}.grid-cell{border-right:1px solid var(--border);min-width:0}.grid-cell:last-child{border-right:none}.grid-period-header,.grid-period-cell{background:var(--bg-sidebar)}.grid-period-header{justify-content:center;align-items:center;padding:8px;display:flex}.grid-day-header{text-align:center;flex-direction:column;align-items:center;gap:1px;padding:9px 6px;display:flex}.day-short{color:var(--text-1);font-size:.8rem;font-weight:600}.day-long{color:var(--text-3);font-size:.65rem}.grid-period-cell{flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:56px;padding:6px 4px;display:flex}.period-num{font-family:var(--font-mono);color:var(--text-2);font-size:.72rem;font-weight:600}.period-time{color:var(--text-3);font-size:.6rem;line-height:1.3}.grid-course-cell,.grid-empty-cell{align-items:stretch;padding:4px 3px;display:flex}.course-chip{border-radius:var(--r-sm);text-align:left;background:var(--cc-bg);border:none;border-left:3px solid var(--cc);cursor:pointer;width:100%;transition:opacity var(--t), transform var(--t);flex-direction:column;gap:2px;min-width:0;padding:6px 7px;display:flex}.course-chip:hover{opacity:.82;transform:scale(.97)}.chip-name{color:var(--cc-text);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;font-weight:600;line-height:1.25;overflow:hidden}.chip-room{color:var(--cc-text);opacity:.75;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.course-list{flex-direction:column;gap:.65rem;display:flex}.course-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--t), border-color var(--t);outline:none;grid-template-columns:4px 1fr;display:grid;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-md);border-color:var(--cc)}.course-card:focus-visible{box-shadow:0 0 0 2px var(--accent)}.card-accent{background:var(--cc);width:4px}.card-body{padding:.9rem 1.1rem}.card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.card-titles{flex:1;min-width:0}.card-code{font-family:var(--font-mono);color:var(--text-3);margin-bottom:2px;font-size:.68rem;display:block}.card-name{color:var(--text-1);font-size:.95rem;font-weight:600;line-height:1.3}.card-name-alt{color:var(--text-2);margin-top:2px;font-size:.78rem}.card-tags{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.card-meta{flex-wrap:wrap;gap:5px;margin-top:.65rem;display:flex}.badge{border-radius:var(--r-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;display:inline-flex}.badge i{font-size:.65rem}.badge-credits{background:var(--accent-bg);color:var(--accent-text);font-family:var(--font-mono);font-weight:600}.badge-type{background:var(--bg);border:1px solid var(--border-md);color:var(--text-2)}.badge-session,.badge-meta{background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-2)}@media (width<=800px){#app-layout{grid-template-columns:1fr}#sidebar{display:none}#main-content{padding:1rem}}.switcher-pill{border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-card);color:var(--text-2);cursor:pointer;transition:all var(--t);white-space:nowrap;flex-direction:column;align-items:flex-start;gap:1px;min-width:80px;padding:7px 12px;font-size:.8rem;font-weight:500;display:flex;position:relative}.pill-dot{background:#fff9;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.mobile-detail-drawer{border-radius:var(--r-lg);border:1px solid var(--cc);background:var(--bg-card);box-shadow:var(--shadow-md);opacity:0;margin:1rem 0 0;transition:opacity .22s,transform .22s;overflow:hidden;transform:translateY(-10px)}.mobile-detail-drawer.open{opacity:1;transform:translateY(0)}.mdetail-inner{padding:1rem 1.1rem}.mdetail-header{grid-template-columns:3px 1fr auto auto;align-items:start;gap:0 10px;margin-bottom:.9rem;display:grid}.mdetail-accent{background:var(--cc);border-radius:2px;grid-row:1/3;align-self:stretch;width:3px}.mdetail-titles{grid-column:2}.mdetail-code{font-family:var(--font-mono);color:var(--text-3);margin-bottom:2px;font-size:.68rem;display:block}.mdetail-name{color:var(--text-1);font-size:.97rem;font-weight:600;line-height:1.3}.mdetail-name-alt{color:var(--text-2);margin-top:2px;font-size:.76rem}.mdetail-chips{flex-direction:column;flex-shrink:0;grid-column:3;align-items:flex-end;gap:4px;display:flex}.mdetail-chip-credits{font-family:var(--font-mono);border-radius:var(--r-xs);background:var(--accent-bg);color:var(--accent-text);padding:2px 8px;font-size:.7rem;font-weight:600}.mdetail-chip-type{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);padding:2px 8px;font-size:.7rem}.mdetail-close{border-radius:var(--r-sm);border:1px solid var(--border-md);background:var(--bg);width:28px;height:28px;color:var(--text-2);cursor:pointer;transition:all var(--t);flex-shrink:0;grid-column:4;justify-content:center;align-items:center;font-size:.8rem;display:flex}.mdetail-close:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.mdetail-body{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem 1.25rem;padding-top:.75rem;display:grid}.mdetail-section{flex-direction:column;gap:3px;display:flex}.mdetail-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:4px;font-size:.65rem;font-weight:700}.mdetail-row{color:var(--text-2);align-items:flex-start;gap:8px;padding:2px 0;font-size:.8rem;display:flex}.mdetail-row i{width:12px;color:var(--text-3);flex-shrink:0;margin-top:2px;font-size:.72rem}.mdetail-row-body{flex-direction:column;gap:1px;display:flex}.mdetail-row-label{color:var(--text-3);font-size:.67rem}.mdetail-link{color:var(--accent);font-size:.8rem}@media (width>=801px){.mobile-detail-drawer{display:none!important}}.nav-lang-btn{width:auto;font-family:var(--font-mono);padding:0 11px}#school-switcher-wrap{border-bottom:1px solid var(--border);background:var(--bg-nav);-webkit-backdrop-filter:blur(14px);padding:.55rem 1.25rem 0;display:none}.school-switcher{scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.school-switcher::-webkit-scrollbar{display:none}.switcher-pills{gap:6px;width:max-content;min-width:100%;padding-bottom:.55rem;display:flex}.switcher-pill{border-radius:var(--r-md);border:1px solid var(--border-md);background:var(--bg-card);color:var(--text-2);cursor:pointer;transition:all var(--t);white-space:nowrap;align-items:center;gap:9px;padding:5px 14px 5px 5px;font-size:.8rem;font-weight:500;display:flex}.switcher-pill:hover:not(.active){background:var(--accent-bg);border-color:var(--accent);color:var(--accent)}.switcher-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.pill-logo-wrap{border:1px solid var(--border);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}[data-theme=dark] .pill-logo-wrap{background:#f0f0f0}.switcher-pill.active .pill-logo-wrap{border-color:inherit}.pill-logo{object-fit:contain;object-position:center;width:calc(100% - 8px);height:calc(100% - 8px);margin:auto;display:block;position:absolute;inset:4px}.pill-logo-fallback{font-size:.7rem;font-weight:700;font-family:var(--font-mono);color:var(--text-2);letter-spacing:-.01em;justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.switcher-pill.active .pill-logo-fallback{color:inherit}.pill-text{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.pill-label{font-size:.82rem;font-weight:600;line-height:1.2}.pill-sem{opacity:.72;font-size:.62rem;font-weight:400;line-height:1.2}.switcher-pill.active .pill-sem{opacity:.85}.nav-lang-btn{width:auto;min-width:0;padding:0 11px}.nav-lang-label{letter-spacing:.06em;font-size:.72rem;font-weight:700;font-family:var(--font-mono);line-height:1}.nav-view-btn{align-items:center;gap:5px;width:auto;min-width:0;padding:0 10px;display:flex}.nav-view-label{white-space:nowrap;font-size:.72rem;font-weight:500;line-height:1}.school-switcher{align-items:center;gap:4px;display:flex}.switcher-track{scrollbar-width:none;-ms-overflow-style:none;flex:1;overflow-x:auto}.switcher-track::-webkit-scrollbar{display:none}.switcher-arrow{border-radius:var(--r-sm);border:1px solid var(--border-md);background:var(--bg-card);width:28px;height:28px;color:var(--text-2);cursor:pointer;transition:opacity .18s ease, background var(--t), color var(--t);flex-shrink:0;justify-content:center;align-items:center;display:flex}.switcher-arrow:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent)}.detail-syllabus-link{color:var(--accent);align-items:center;gap:5px;font-size:.8rem;display:inline-flex}.detail-syllabus-link:hover{text-decoration:underline}.badge-syllabus{border-radius:var(--r-xs);background:var(--accent-bg);color:var(--accent-text);transition:opacity var(--t);border:1px solid #0000;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;text-decoration:none;display:inline-flex}.badge-syllabus:hover{opacity:.8}.card-class-tag{border-radius:var(--r-xs);background:var(--bg);border:1px solid var(--border-md);color:var(--text-2);vertical-align:middle;margin-left:5px;padding:1px 6px;font-size:.68rem;font-weight:500;display:inline-block}#semester-switcher-wrap{border-bottom:1px solid var(--border);background:var(--bg-nav);-webkit-backdrop-filter:blur(14px);padding:.4rem 1.25rem;display:none}.semester-switcher{flex-wrap:wrap;gap:5px;display:flex}.semester-pill{border:1px solid var(--border-md);color:var(--text-2);font-size:.75rem;font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--t);white-space:nowrap;background:0 0;border-radius:20px;padding:3px 12px}.semester-pill:hover{background:var(--bg-card)}.semester-pill.active{background:var(--bg-card);border-width:1.5px;font-weight:600}