/* MyPanel: quiet surfaces, OLED canvas, content before decoration. */
:root:not([data-theme="light"]){--canvas:#000;--sidebar:#000;--surface:#08090c;--surface-raised:#101319;--field:#050609;--line:#20242c;--secondary:#9ca4b1;--ink:#f4f5f7;--blue-soft:#071a37;--brand:#8db6ff;--action:#174bc5}
body,.shell{background:var(--canvas)}.sidebar{background:var(--canvas);padding:26px 16px;width:220px}.shell{margin-left:220px}.brand{font-size:21px}.brand .version,.nav-label{display:none}.workspace{margin:30px 0 24px}.workspace strong{font-size:14px;font-weight:550}.workspace small{font-size:11px}.logo{background:#11357c;color:#edf4ff}.side-bottom{padding-bottom:15px}#nav button{padding:12px;font-size:13px}#nav button.active{background:var(--blue-soft);color:var(--brand)}.topbar{height:64px;border:0;padding:0 32px}.topbar-location{display:flex;align-items:center;gap:10px}#sidebar-toggle{padding:7px 10px;background:transparent;border-color:transparent;font-size:18px}.sidebar-collapsed .sidebar{display:none}.sidebar-collapsed .shell{margin-left:0}main{max-width:1440px;margin:auto;padding:25px 32px 60px}.page-heading{margin-bottom:20px;gap:15px}.page-heading .eyebrow{display:none}.page-heading h1{font-size:30px;font-weight:550;letter-spacing:-1px;margin-bottom:8px}.page-heading .muted:empty{display:none}.page-heading .muted{font-size:13px}.card{border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:22px;box-shadow:none}h2{font-size:16px}button{font-size:13px}.primary{background:var(--action);color:#fff}.school-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 0 20px;flex-wrap:wrap}.school-toolbar>span{font-size:12px;flex:1}.home-school-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;margin-bottom:20px}.home-bottom-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.home-shortcuts{display:grid;gap:16px}.shortcut{text-align:left;display:flex;flex-direction:column;gap:16px;min-width:0}.shortcut>span{font-weight:550}.shortcut>strong{font-size:27px;font-weight:500}.shortcut small{color:var(--muted);font-size:12px;font-weight:400}.home-result{display:flex;align-items:center;justify-content:space-between;gap:14px;background:none;border:0;border-radius:0;padding:12px 0;width:100%;text-align:left;border-top:1px solid var(--line)}.home-result small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.home-result b{white-space:nowrap;font-size:16px;font-weight:500}.next-course{background:linear-gradient(135deg,var(--blue-soft),var(--surface) 80%)}.task-row{padding:14px 0}.task-name strong{font-size:13px}.task-name small{color:var(--muted)}.task-row .badge{font-size:10px}.section-head{margin-bottom:12px}.school-toolbar:has(>span:empty){justify-content:flex-end}.school-toolbar:has(>span:empty)>span{display:none}.subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.subject-tile{background:var(--surface);text-align:left;padding:22px;border-radius:15px;min-width:0}.subject-tile:hover{border-color:var(--brand);background:var(--blue-soft)}.subject-monogram{display:grid;place-items:center;width:40px;height:40px;background:var(--blue-soft);color:var(--brand);border-radius:11px;font-size:13px;margin-bottom:24px}.subject-tone-1 .subject-monogram{color:#a8b4ff}.subject-tone-2 .subject-monogram{color:#82c9d7}.subject-tone-3 .subject-monogram{color:#c0b3ef}.subject-tile h2{overflow-wrap:anywhere;margin-bottom:20px}.subject-tile>div{display:flex;justify-content:space-between;gap:8px}.subject-tile small{color:var(--muted)}.subject-tile strong{font-weight:500}.subject-summary{display:flex;gap:38px;align-items:center;padding:10px 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}.subject-summary>div{display:flex;flex-direction:column;gap:8px}.subject-summary strong{font-size:32px;font-weight:500}.subject-summary small{color:var(--muted);font-size:12px}.subject-summary>button{margin-left:auto}.subject-content{display:grid;grid-template-columns:1.3fr 1fr;align-items:start;gap:20px}.subject-content>.card{min-width:0}.lesson-row{width:100%;display:flex;align-items:flex-start;gap:18px;padding:15px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;text-align:left;min-width:0}.lesson-row:hover{background:var(--blue-soft)}.lesson-row>time{font-variant-numeric:tabular-nums;font-size:14px;flex:none;min-width:40px}.lesson-row small{display:block;font-size:11px;color:var(--muted);margin-top:6px;overflow-wrap:anywhere}.lesson-row strong{font-weight:550;font-size:15px;overflow-wrap:anywhere}.lesson-row>span{min-width:0}.lesson-row em{display:block;color:var(--warning);font-size:11px;font-style:normal;margin-top:6px}.lesson-row.canceled strong{text-decoration:line-through}.lesson-row.canceled{opacity:.65}.week-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.week-day{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);min-width:0}.week-day.is-today{border-color:#2859b4}.week-day h2{font-size:14px;text-transform:capitalize}.week-day.is-today h2{color:var(--brand)}.cache-stamp{font-size:11px;color:var(--muted);line-height:1.6}.school-grade{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.school-grade strong{font-size:13px;font-weight:500}.school-grade span>small{display:block;font-size:11px;margin-top:6px;color:var(--muted)}.school-grade b{font-size:18px;font-weight:500;white-space:nowrap}.school-grade b small{font-size:11px;font-weight:400;color:var(--muted)}.subject-spark{display:flex;gap:8px;align-items:flex-end;padding:12px 0;min-height:110px}.subject-spark>div{flex:1;display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0}.subject-spark meter{width:100%;height:18px;accent-color:var(--brand)}.subject-spark small{font-size:10px;color:var(--muted)}.material-row{display:flex;gap:12px;align-items:center;padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;width:100%;text-align:left}.material-row>span:nth-child(2),.material-row>a{flex:1;min-width:0;overflow-wrap:anywhere}.material-row strong{font-size:13px;font-weight:500}.material-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.material-row>a:hover{color:var(--brand)}.upload-button{position:relative;overflow:hidden;cursor:pointer;font-size:12px}.upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.upload-button:focus-within{outline:2px solid var(--brand)}.calendar-switch{display:flex;gap:8px;margin-bottom:20px}.calendar-switch button.active{background:var(--blue-soft);color:var(--brand)}.homework-import{margin-bottom:20px}.notes-intro{display:none}.notes-templates{margin-top:0}.notes-page .note-template{padding:14px}.note-template small{display:none}.notes-page .notes-section-label{margin-top:10px}.notes-page .notes-templates{margin-bottom:20px}.notes-page .notes-toolbar{margin-top:20px}.grades-hero{min-height:0}.music-banner{padding:16px 20px}.music-banner p{margin-bottom:0}.empty{font-size:16px;padding:22px 15px}.empty p{font-size:13px}.page-heading>.eyebrow{display:none}.school-toolbar .muted{overflow-wrap:anywhere}details summary{cursor:pointer;color:var(--muted);font-size:12px;padding:10px 0}
@media(min-width:1500px){.week-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subject-content{grid-template-columns:1fr}.week-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-school-grid,.home-bottom-grid{grid-template-columns:1fr}.home-shortcuts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.sidebar{display:none}.shell,.sidebar-collapsed .shell{margin-left:0}.topbar{height:56px;padding:0 18px}#sidebar-toggle{display:none}main{padding:20px 16px 95px}.page-heading h1{font-size:26px}.page-heading{align-items:flex-start;flex-wrap:wrap}.card{padding:18px}.subject-grid{gap:12px}.subject-tile{padding:16px}.subject-tile h2{font-size:14px}.subject-tile>div{flex-direction:column}.subject-monogram{margin-bottom:20px}.subject-summary{gap:16px;flex-wrap:wrap}.subject-summary strong{font-size:27px}.subject-summary>button{margin-left:0}.week-grid{grid-template-columns:1fr}.home-shortcuts{grid-template-columns:1fr 1fr;gap:12px}.shortcut{padding:16px;gap:14px}.shortcut>span{font-size:13px}.school-toolbar{gap:10px}.school-toolbar>span{flex-basis:100%}.subject-content .section-head{flex-wrap:wrap}#mobile-nav{background:var(--canvas)}.calendar-switch{flex-wrap:wrap}.note-editor-properties{grid-template-columns:1fr 1fr}.subject-content .task-row{flex-wrap:wrap}.subject-content .task-row .task-name{min-width:120px}.home-result b{font-size:14px}.subject-summary small{max-width:160px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.subject-trend{width:100%;display:block;margin-top:12px;overflow:visible}.trend-line{fill:none;stroke:var(--brand);stroke-width:2}.trend-point{fill:var(--brand)}.trend-grid{stroke:var(--line);stroke-width:1}.trend-goal{stroke:var(--muted);stroke-dasharray:4 4;stroke-width:1}.subject-trend text{fill:var(--muted);font-size:10px}

.settings-access{background:var(--surface);color:var(--ink);border-color:var(--line)}

.school-toolbar .button-row{flex-direction:row;align-items:center;gap:6px}.school-toolbar .button-row button{padding:9px 12px}