html[data-theme=dark]{--green:#85d4b8;--ink:#e3eee8;--muted:#adbbb2;--line:#39483e;--cream:#141d18}
html[data-theme=dark] body,html[data-theme=dark] #auth-root{background:var(--cream);color:var(--ink)}
html[data-theme=dark] .card,html[data-theme=dark] aside,html[data-theme=dark] header,html[data-theme=dark] .auth-layout,html[data-theme=dark] .auth-form-side,html[data-theme=dark] dialog,html[data-theme=dark] .quick{background:#1d2922;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .quiz-option{background:#17221b!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] .secondary,html[data-theme=dark] .tool-tabs button{background:#2b3c31;color:var(--ink);border-color:#4b6254}
html[data-theme=dark] .primary,html[data-theme=dark] .button{background:#2c8167;color:white}
html[data-theme=dark] .hero,html[data-theme=dark] .stat,html[data-theme=dark] .motivation,html[data-theme=dark] .feedback,html[data-theme=dark] .note-list-item.selected,html[data-theme=dark] .folder-button.selected,html[data-theme=dark] .student-choices label:has(input:checked),html[data-theme=dark] .upload-box,html[data-theme=dark] .badge,html[data-theme=dark] nav a.active{background:#293c2e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .flash-face,html[data-theme=dark] .flash-back,html[data-theme=dark] .day,html[data-theme=dark] .event{background:#2b3b30;color:var(--ink)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.feature-grid .card h2{margin-top:12px}.feature-grid p,.feature-copy{line-height:1.8;color:var(--muted)}.feature-grid .card{margin:0}.feature-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.feature-status{min-height:24px;line-height:1.7;overflow-wrap:anywhere}.shared-note-list{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.shared-note-list button.active{border-color:var(--green)}.uid-display{overflow-wrap:anywhere;user-select:all}.exam-question{padding:20px 0;border-bottom:1px solid var(--line)}.exam-question legend{font-weight:600;line-height:1.8;white-space:pre-wrap}.exam-option{display:flex;align-items:flex-start;gap:12px;padding:10px 0}.exam-option input{flex-shrink:0;margin-top:3px}.exam-timer{position:sticky;top:0;background:var(--cream);padding:15px;z-index:2;font-weight:700}.chat-message{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.chat-message[data-role=assistant]{background:var(--cream)}.chat-message strong{display:block;font-size:11px;color:var(--muted)}.maintenance-cover{position:fixed;inset:0;background:var(--cream);color:var(--ink);z-index:1000;display:grid;place-items:center;padding:25px}.maintenance-cover>section{max-width:600px;text-align:center}.maintenance-cover h1{font-size:40px}.maintenance-cover p{line-height:1.9}.feature-links{display:flex;gap:15px;flex-wrap:wrap;margin:15px 0}
@media(prefers-reduced-motion:no-preference){button,a,.card{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}button:active,.button:active{transform:scale(.98)}.feature-grid .card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #173c2810}.screen-enter{animation:studyhaven-enter .22s ease-out}@keyframes studyhaven-enter{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.feature-toolbar{gap:7px}.exam-timer{font-size:12px}.maintenance-cover h1{font-size:30px}nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}nav a[href="#profile"]{display:none}}

html[data-theme=dark] .sidebar-note,html[data-theme=dark] .writing-stats>div,html[data-theme=dark] .calendar-date,html[data-theme=dark] .calendar-week-day,html[data-theme=dark] .calculation{background:#24362a;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .quiz-option.correct{background:#214a31!important;border-color:#75b089!important}html[data-theme=dark] .quiz-option.wrong{background:#502d2d!important;border-color:#bc8282!important}

.desmos-panel{position:fixed;right:22px;top:90px;z-index:250;width:min(620px,calc(100vw - 30px));height:min(680px,calc(100dvh - 110px));display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;color:#233c35;border:2px solid #176452;border-radius:14px;box-shadow:0 15px 80px #0005}.desmos-panel iframe{width:100%;flex:1;min-height:250px;border:0;border-radius:8px;background:#fff}.desmos-bar{display:flex;justify-content:space-between;align-items:center;gap:12px}.desmos-panel .notice{font-size:12px;margin:0}.desmos-panel>a{font-size:12px;text-decoration:underline}.google-notes{margin:20px 0}.google-notes>p{line-height:1.7}.google-notes-badge{font-size:11px;color:var(--green);background:#8881;padding:10px;border-radius:20px}.google-notes-create{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:20px}.google-notes-create .field{min-width:190px}.google-file{display:flex;justify-content:space-between;align-items:center;padding:15px 0;gap:16px;border-bottom:1px solid var(--line)}.google-file strong{overflow-wrap:anywhere}.google-file-list{max-height:400px;overflow:auto}.google-file .secondary{display:inline-flex;align-items:center;min-height:40px}.google-notes .section-head{flex-wrap:wrap;gap:12px}@media(max-width:600px){.desmos-panel{top:12px;right:10px;height:calc(100dvh - 24px)}.google-file{align-items:start;flex-direction:column}.google-notes-create{align-items:stretch;flex-direction:column}}

.desmos-panel .notice{color:#52695f!important}.desmos-panel .desmos-bar strong,.desmos-panel>a{color:#233c35}

.google-notes-disclosure{border:1px solid var(--line);border-radius:14px;margin:20px 0;background:#88808}.google-notes-disclosure>summary{padding:18px;cursor:pointer;font-weight:700;color:var(--green)}.google-notes-disclosure>summary span{display:inline-block;margin-left:14px;font-weight:400;font-size:12px;color:var(--muted)}.google-notes-disclosure .google-notes{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 14px 14px}

.notification-bell{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--line);border-radius:30px;color:var(--green);white-space:nowrap}.notification-bell>span:last-child{font-size:10px;font-weight:800;background:var(--green);color:var(--cream);border-radius:20px;padding:3px 6px}.notification-filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.notification-item{display:flex;gap:18px;padding:24px 14px;border-bottom:1px solid var(--line);border-left:3px solid transparent}.notification-item.is-unread{background:#26836309;border-left-color:var(--green)}.notification-symbol{background:#8881;width:42px;height:42px;display:grid;place-items:center;font-size:24px;color:var(--green);border-radius:12px;flex-shrink:0}.notification-copy{min-width:0;flex:1}.notification-copy h3{margin:7px 0;font-size:16px}.notification-copy p{margin:8px 0;line-height:1.6;overflow-wrap:anywhere}.notification-copy .actions{margin-top:14px}.notification-copy .actions>a{display:inline-flex;align-items:center;min-height:38px}.notification-lower{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-top:22px;align-items:start}.notification-toggle{display:flex;align-items:center;gap:10px;padding:10px 0}.notification-toggle input,.assignment-row input{width:auto}.notification-empty{text-align:center;padding:40px 15px;color:var(--muted)}.notification-empty>span{display:inline-grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#8881;color:var(--green);font-size:30px}.assignment-list{margin-top:24px}.assignment-row{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;justify-content:space-between;align-items:center}.assignment-row>label{display:flex;align-items:center;gap:12px;min-width:0}.assignment-row strong{overflow-wrap:anywhere}.assignment-row small{line-height:1.6}.notification-head .active{border-color:var(--green);color:var(--green)}@media(max-width:850px){.notification-lower{grid-template-columns:1fr}.notification-item{padding:18px 8px;gap:12px}.assignment-row{flex-direction:column;align-items:stretch}.workspace-status{gap:8px}.notification-bell{padding:6px}}

.classroom-sync{margin:22px 0}.classroom-sync>p{line-height:1.7}.classroom-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:280px;overflow:auto;margin:18px 0}.classroom-courses>label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer}.classroom-courses input{width:auto}.classroom-sync .section-head{flex-wrap:wrap;gap:10px}.assignment-row .actions>a{display:inline-flex;align-items:center;min-height:38px}.assignment-row input:disabled+span{opacity:.8}
.course-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 22px}.course-hero p,.course-summary p,.course-lesson p{line-height:1.8}.course-days{display:flex;flex-wrap:wrap;gap:12px 20px;border:1px solid var(--line);border-radius:12px;padding:18px;margin:12px 0 22px}.course-days label,.course-check{display:flex;align-items:center;gap:10px}.course-days input,.course-check input{width:auto;flex-shrink:0}.course-path{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.course-unit{display:grid;grid-template-columns:36px 1fr;text-align:left;align-items:start;gap:8px 12px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper,var(--cream));color:inherit;min-width:0}.course-unit>span{grid-row:span 2;color:var(--green);font-size:22px}.course-unit small{color:var(--muted)}.course-unit.is-complete{border-left:4px solid var(--green)}.course-agenda{display:flex;flex-wrap:wrap;gap:14px 32px;padding-left:22px}.course-agenda li{padding:8px 0}.course-agenda strong{display:block}.course-audio{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.course-audio .field{min-width:150px;max-width:220px}.course-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:24px 0}.course-examples article{padding:20px;border:1px solid var(--line);border-radius:14px;min-width:0;overflow-wrap:anywhere}.course-target{font-size:24px;line-height:1.8}.course-task{margin:26px 0;padding:24px;border:1px solid var(--line);border-radius:16px}.course-task li{line-height:1.8;margin:8px 0}.course-alphabet{padding:20px;border:1px solid var(--line);border-radius:14px}.course-alphabet summary,.language-phrasebook-panel>summary{cursor:pointer;font-weight:700;line-height:1.7}.course-letter-grid{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.course-letter-grid>span{display:grid;place-items:center;min-width:42px;min-height:48px;border:1px solid var(--line);border-radius:10px;font-size:26px}.course-explanation{max-width:78ch;font-size:16px}.course-lesson textarea[dir=rtl],.course-lesson input[dir=rtl]{font-size:20px;line-height:1.9}.course-lesson .actions{flex-wrap:wrap}.course-unit strong{overflow-wrap:anywhere}.language-phrasebook-panel>.language-home{box-shadow:none;border:0;padding:18px 0 0;margin:0}@media(max-width:650px){.course-form-grid,.course-path{grid-template-columns:1fr}.course-task{padding:16px}.course-target{font-size:22px}.course-days{gap:14px}.course-unit{padding:16px}.course-agenda{display:block}.course-agenda strong{display:inline-block;margin-right:10px}}

.address-migration-notice{padding:16px 24px;background:var(--cream,#f7f7ef);color:var(--text,#183f37);border-bottom:1px solid var(--line,#dde4d9);font:14px/1.6 system-ui,sans-serif}.address-migration-notice p{max-width:1000px;margin:0 0 8px}.address-migration-notice a{display:inline-block;margin-right:22px;color:var(--green,#176452);font-weight:700}
