:root{--bg-1:#1e1a3a;--bg-2:#2b1a4d;--bg-3:#0f1a3a;--accent:#7c8cff;--text:#fffffff5;--text-dim:#ffffff94;--glass-bg:#ffffff0f;--glass-border:#ffffff1f;--glass-shadow:0 8px 32px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0;padding:0}body{font-feature-settings:"cv11", "ss01";color:var(--text);background:radial-gradient(800px 600px at 10% -10%, var(--bg-2), transparent 60%), radial-gradient(700px 500px at 110% 30%, var(--bg-1), transparent 60%), radial-gradient(900px 700px at 50% 110%, var(--bg-3), transparent 50%), linear-gradient(160deg, #0a0a1f, #15103a);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{max-width:600px;padding:20px 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.header{margin-bottom:16px}.title{letter-spacing:-.02em;font-size:26px;font-weight:700}.subtitle{color:var(--text-dim);margin-top:4px;font-size:13px}.tabs{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex;position:relative}.tab{color:var(--text-dim);cursor:pointer;z-index:1;background:0 0;border:0;border-radius:10px;flex:1;min-height:44px;padding:10px;font-size:14px;font-weight:500;transition:color .15s;position:relative}.tab:hover,.tab-active{color:var(--text)}.tab-indicator{z-index:-1;background:#ffffff1f;border-radius:10px;position:absolute;inset:0}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);border-radius:16px}.content{min-height:240px}.day-header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:4px 4px 12px;font-size:12px;font-weight:600}.now-card{border-width:1px;margin-bottom:16px;padding:18px 18px 14px;position:relative;overflow:hidden}.now-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:inline-flex}.pulse{border-radius:50%;width:8px;height:8px;display:inline-block}.now-body{align-items:center;gap:14px;display:flex}.now-icon{border-radius:16px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.now-text{flex:1;min-width:0}.now-subject{text-overflow:ellipsis;white-space:nowrap;font-size:19px;font-weight:600;line-height:1.2;overflow:hidden}.now-meta{color:var(--text-dim);gap:6px;margin-top:4px;font-size:13px;display:flex}.now-progress{background:#ffffff14;border-radius:4px;height:4px;margin-top:14px;overflow:hidden}.now-progress-fill{border-radius:4px;height:100%}.now-footer{color:var(--text-dim);font-size:12px}.now-footer-row{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.lessons{gap:8px;margin:0;padding:0;list-style:none;display:grid}.lesson{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(14px);border-radius:14px;grid-template-columns:56px 3px 1fr;align-items:stretch;gap:12px;padding:12px 14px 12px 12px;display:grid}.lesson-current{border-color:var(--accent);background:#ffffff1a}.lesson-past{opacity:.45}.lesson-break{background:#ffffff08;border-style:dashed;border-color:#ffffff1a}.lesson-break .lesson-time-start{color:var(--text-dim);font-weight:500}.lesson-break-body{color:var(--text-dim);align-items:center;gap:8px;font-size:14px;font-style:italic;display:flex}.lesson-accent-break{box-shadow:none!important;background:#ffffff26!important}.lesson-time{text-align:right;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.lesson-time-start{letter-spacing:-.01em;font-size:17px;font-weight:600}.lesson-time-end{color:var(--text-dim);margin-top:2px;font-size:11px}.lesson-accent{border-radius:3px;align-self:stretch;width:3px;margin:2px 0}.lesson-body{min-width:0}.lesson-subject-row{align-items:center;gap:10px;display:flex}.lesson-icon{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.lesson-subject{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.lesson-bottom-row{color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;margin-left:42px;font-size:12px;display:flex}.lesson-room-text{color:var(--text-dim)}.week-strip{scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;margin:0 -16px 16px;padding:4px 16px 8px;display:flex;overflow-x:auto}.week-strip::-webkit-scrollbar{display:none}.week-chip{border:1px solid var(--glass-border);background:var(--glass-bg);width:52px;min-height:60px;color:var(--text);cursor:pointer;scroll-snap-align:center;-webkit-backdrop-filter:blur(14px);border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;transition:background .15s,transform .15s,border-color .15s;display:flex}.week-chip:active{transform:scale(.96)}.week-chip-day{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.week-chip-date{font-variant-numeric:tabular-nums;margin-top:2px;font-size:17px;font-weight:600}.week-chip-today{border-color:#ffffff47}.week-chip-today .week-chip-date{color:var(--accent)}.week-chip-active{background:#ffffff24;border-color:#ffffff52}.week-chip-dot{background:#ff5a6e;border-radius:50%;width:5px;height:5px;position:absolute;bottom:6px;box-shadow:0 0 8px #ff5a6e99}.week-chip{position:relative}.online-banner{color:#ffd0d4;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#ff5a6e38,#ff5a6e1a);border:1px solid #ff5a6e66;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.lesson-online{color:#ffd0d4;letter-spacing:.04em;text-transform:uppercase;background:#ff5a6e2e;border:1px solid #ff5a6e66;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.now-online{color:#ffb3bb;align-items:center;gap:3px;font-weight:500;display:inline-flex}.now-online svg{vertical-align:-2px}.zoom-btn{color:#fff;cursor:pointer;background:#2d8cff;border:0;border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:8px 14px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 4px 12px #2d8cff59}.zoom-btn:hover{box-shadow:0 6px 16px #2d8cff73}.zoom-btn:active{transform:scale(.96)}.zoom-btn-ghost{color:#9cc4ff;box-shadow:none;background:#2d8cff2e}.zoom-btn-ghost:hover{box-shadow:none;background:#2d8cff47}.zoom-btn-mini{color:#9cc4ff;cursor:pointer;background:#2d8cff2e;border:1px solid #2d8cff59;border-radius:8px;align-items:center;gap:4px;min-height:24px;padding:4px 8px;font-size:11px;font-weight:600;transition:background .12s;display:inline-flex}.zoom-btn-mini:hover{background:#2d8cff47}.zoom-btn-mini:active{transform:scale(.95)}.lesson-password,.now-password{color:var(--text);background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:2px 7px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.lesson-password{color:var(--text-dim);background:0 0;border:0;padding:0;font-size:11px}.lesson-password code{color:var(--text);background:#ffffff14;border-radius:5px;margin-left:3px;padding:2px 6px;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:11.5px}.toast{left:12px;right:12px;top:calc(max(12px, env(safe-area-inset-top)) + 8px);color:#fff;z-index:1000;letter-spacing:.01em;text-align:center;word-break:break-all;overflow-wrap:anywhere;background:#1e1c38f5;border:1px solid #ffffff2e;border-radius:14px;max-width:420px;margin:0 auto;padding:12px 18px;font-size:14.5px;font-weight:500;position:fixed;box-shadow:0 12px 48px #0009}.toast code,.toast b{color:#ffe79a;letter-spacing:.04em;word-break:break-all;vertical-align:bottom;max-width:100%;font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:15px;font-weight:600;display:inline-block}.week-swipe{touch-action:pan-y}.week-nav{color:var(--text-dim);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:14px;margin-top:18px;font-size:13px;display:flex}.week-nav-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:10px;place-items:center;transition:background .15s,opacity .15s;display:grid}.week-nav-btn:hover:not(:disabled){background:#ffffff1f}.week-nav-btn:disabled{opacity:.35;cursor:not-allowed}.message{color:var(--text-dim);text-align:center;padding:16px}.error{color:#ffb3b3;border-color:#ff64644d;align-items:center;gap:10px;padding:12px 14px;display:flex}.loading{color:var(--text-dim);align-items:center;gap:10px;padding:14px 16px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{text-align:center;color:var(--text-dim);opacity:.6;margin-top:28px;font-size:11px}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.grades-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.grade-card{border-radius:16px;overflow:hidden}.grade-card-head{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;transition:background .15s;display:flex}.grade-card-head:hover:not(:disabled){background:#ffffff0a}.grade-card-head:disabled{cursor:default}.grade-icon{border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.grade-head-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.grade-subject{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.grade-tri-row{flex-wrap:wrap;gap:6px;display:flex}.grade-tri-chip{font-variant-numeric:tabular-nums;background:#ffffff08;border:1px solid;border-radius:999px;align-items:baseline;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.grade-tri-label{opacity:.7;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.grade-tri-val{font-weight:600}.grade-head-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.grade-overall-wrap{flex-direction:column;align-items:flex-end;gap:1px;line-height:1;display:flex}.grade-overall{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700;line-height:1}.grade-overall-label{text-transform:lowercase;color:var(--text-dim);letter-spacing:.02em;font-size:10px}.grade-tri-chip-year{background:#ffffff0f}.grade-tri-chip-year .grade-tri-label{font-size:11px;font-weight:700}.grade-chevron{color:var(--text-dim);place-items:center;display:inline-grid}.grade-entries-wrap{overflow:hidden}.grade-entries{border-top:1px solid #ffffff12;flex-direction:column;gap:12px;padding:4px 14px 14px;display:flex}.grade-tri-block{flex-direction:column;gap:6px;display:flex}.grade-tri-block-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);justify-content:space-between;align-items:baseline;padding-top:8px;font-size:12px;display:flex}.grade-tri-block-avg{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-transform:none;font-size:13px;font-weight:600}.grade-entry-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.grade-entry{background:#ffffff06;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.grade-entry-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grade-entry-date{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11.5px}.grade-entry-task{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.grade-entry-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.grade-entry-weight{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.grade-entry-mark{text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid;border-radius:8px;min-width:30px;padding:3px 8px;font-size:14px;font-weight:700}.recent-list{flex-direction:column;gap:16px;display:flex}.recent-group{flex-direction:column;gap:6px;display:flex}.recent-group-head{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding-left:4px;font-size:12px}.recent-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recent-item{border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.recent-icon{border-radius:10px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.recent-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recent-subject{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.recent-task{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.recent-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.recent-weight{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px}.recent-mark{text-align:center;font-variant-numeric:tabular-nums;background:#ffffff0a;border:1px solid;border-radius:10px;min-width:34px;padding:4px 10px;font-size:15px;font-weight:700}.bottom-bar{z-index:40;padding:6px 8px calc(6px + env(safe-area-inset-bottom)) 8px;-webkit-backdrop-filter:blur(18px);background:#0e0c1ee0;border-top:1px solid #ffffff14;align-items:stretch;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar-group{flex:1;gap:2px;display:flex}.bottom-bar-group-end{flex:none}.bottom-bar-sep{background:#ffffff14;width:1px;margin:8px 2px}.bottom-tab{min-width:56px;color:var(--text-dim);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:8px 6px 6px;font-size:10.5px;font-weight:500;transition:color .15s;display:flex;position:relative}.bottom-tab>svg,.bottom-tab>.bottom-tab-label{z-index:1;position:relative}.bottom-tab:hover,.bottom-tab-active{color:var(--text)}.bottom-tab-active>svg{color:var(--accent)}.bottom-tab-indicator{z-index:0;background:#ffffff14;border-radius:10px;position:absolute;inset:4px}.bottom-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.placeholder{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.placeholder-icon{width:56px;height:56px;color:var(--accent);background:#ffffff0f;border-radius:18px;place-items:center;display:grid}.placeholder-title{font-size:18px;font-weight:600}.placeholder-hint{color:var(--text-dim);max-width:320px;font-size:13.5px}.placeholder-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);background:#ffffff0f;border-radius:999px;margin-top:4px;padding:3px 10px;font-size:11px;font-weight:600}.profile{flex-direction:column;gap:12px;display:flex}.profile-card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 18px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#7864dc59,#508cdc40);border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.profile-name{font-size:19px;font-weight:600}.profile-sub{color:var(--text-dim);font-size:13px}.profile-rows{padding:4px}.profile-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:11px 14px;display:flex}.profile-row:last-child{border-bottom:0}.profile-row-key{color:var(--text-dim);font-size:13.5px}.profile-row-val{text-align:right;word-break:break-word;font-size:14px;font-weight:500}