/* Forest & sand: comfortable, neutral and designed for learning by phone. */
:root{--blue:var(--theme-color-373);--ink:var(--theme-color-374);--muted:var(--theme-color-375);--pale:var(--theme-color-376);--line:var(--theme-color-377);--paper:var(--theme-color-378);--canvas:var(--theme-color-379);--green:var(--theme-color-380)}
html{-webkit-text-size-adjust:100%;scroll-padding-top:90px}body{color:var(--ink)}button,input,select,textarea{-webkit-tap-highlight-color:var(--theme-color-381)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--theme-color-382)}.sidebar{background:var(--theme-color-383)}.sidebar .wordmark{color:var(--theme-color-384)}.sidebar .mark{background:var(--theme-color-385);color:var(--theme-color-383)}.sidebar .wordmark-dot{color:var(--theme-color-385)}.class-label,.nav-section{color:var(--theme-color-386)}.nav-button{color:var(--theme-color-387)}.nav-button[aria-current=page]{background:var(--theme-color-388);color:var(--theme-color-383)}.help-button{background:var(--theme-color-389);border-color:var(--theme-color-390);color:var(--theme-color-391)}.help-button small,.profile small{color:var(--theme-color-392)}.profile{color:var(--theme-color-393)}.avatar,.top-avatar{background:var(--theme-color-394);color:var(--theme-color-395)}.sidebar .profile-dots{color:var(--theme-color-396)}.focus-card{background:var(--theme-color-397)}.focus-card .ring>div{background:var(--theme-color-397)}.focus-card .ring{background:conic-gradient(var(--theme-color-373) calc(var(--percent)*1%),var(--theme-color-398) 0)}.focus-card .ring strong{color:var(--theme-color-399)}.focus-card .ring span,.focus-card p{color:var(--theme-color-400)}.focus-card .badge{background:var(--theme-color-401);color:var(--theme-color-402)}.focus-card .primary,.app-content button.primary,.login-submit{background:var(--theme-color-373)!important;border-color:var(--theme-color-373)!important;color:var(--theme-color-403)}.today-card{background:var(--theme-color-404);border-color:var(--theme-color-405)}.today-card .eyebrow{color:var(--theme-color-406)}.today-card p{color:var(--theme-color-407)}.today-card button{color:var(--theme-color-408)!important;background:var(--theme-color-546)!important}.subject-card>button,.app-content .subject-card>button,.app-content .subject-card>button.ready{background:var(--theme-color-409);color:var(--theme-color-410)}.subject-card .subject-icon{background:var(--theme-color-411);color:var(--theme-color-412)}.subject-card[data-color=purple] .subject-icon{background:var(--theme-color-413);color:var(--theme-color-414)}.subject-card[data-color=peach] .subject-icon{background:var(--theme-color-415);color:var(--theme-color-416)}.track>span{background:var(--theme-color-417)}.stat-card .label,.greeting p,.subject-card p,.subject-meta,.due-row p,.review-widget p{color:var(--theme-color-418)}.stat-card strong{color:var(--theme-color-419)}.stat-card:nth-child(1) .stat-symbol{background:var(--theme-color-420);color:var(--theme-color-421)}.stat-card:nth-child(4) .stat-symbol{background:var(--theme-color-422);color:var(--theme-color-423)}.block-heading button,.text-button{color:var(--theme-color-424)}.review-widget button{background:var(--theme-color-409);color:var(--theme-color-425);border-color:var(--theme-color-426)}.recent-strip,.recent-strip strong{color:var(--theme-color-427)}.login-story{background:var(--theme-color-383)}.login-story .mark{background:var(--theme-color-385);color:var(--theme-color-383)}.story-copy h1 span{color:var(--theme-color-385)}.story-copy>p{color:var(--theme-color-428)}.story-footer{color:var(--theme-color-429)}.story-card .subject-icon{color:var(--theme-color-430);background:var(--theme-color-431)}.story-card{border-color:var(--theme-color-432)}.floating-note{background:var(--theme-color-433);color:var(--theme-color-434)}.floating-note>span{background:var(--theme-color-435)}.login-form-wrap h2{color:var(--theme-color-383)}.login-form-wrap .muted,.demo-access small,.login-footnote,.login-form-wrap>.badge{color:var(--theme-color-436)}.badge,.app-content .badge{background:var(--theme-color-437);color:var(--theme-color-438)}.answer{background:var(--theme-color-439);border-left-color:var(--theme-color-440);color:var(--theme-color-441)}.app-content .sectionhead p,.app-content .hint,.app-content .sectionhead .eyebrow{color:var(--theme-color-442)}.notice{color:var(--theme-color-443)}.exam-strip{background:var(--theme-color-444)}.exam-strip small{color:var(--theme-color-445)}.exam-strip button{color:var(--theme-color-446);background:var(--theme-color-447)}.points,.plan-date{color:var(--theme-color-448)}.round-clock{background:var(--theme-color-449);border-color:var(--theme-color-450);color:var(--theme-color-451)}.empty-illustration{background:var(--theme-color-452);color:var(--theme-color-453)}.round-intro p,.empty p{color:var(--theme-color-454)}.step-art svg{stroke:var(--theme-color-455)}.step-art span{color:var(--theme-color-456)}.upload-zone .upload-symbol,.admin-steps strong{color:var(--theme-color-457)}.source-hint,.file-info small,.draft-entry p,.report-trigger{color:var(--theme-color-458)}.toast{background:var(--theme-color-459)}.class-demo{background:var(--theme-color-460);color:var(--theme-color-461);border-color:var(--theme-color-462)}.mobile-nav,.close-menu{display:none}
@media(max-width:760px){
:root{--sidebar:0px}html{scroll-padding-top:80px;scroll-padding-bottom:100px}body{font-size:16px;line-height:1.65}body.menu-open{overflow:hidden}.workspace{margin-left:0;min-width:0}.sidebar{width:min(320px,88vw);transform:translateX(-100%);transition:transform .18s;z-index:70;padding:28px 16px max(22px,env(safe-area-inset-bottom));height:100dvh;overflow:auto}.menu-open .sidebar{transform:translateX(0)}.menu-open .mobile-shade{display:block;position:fixed;inset:0;background:var(--theme-color-463);z-index:60;backdrop-filter:blur(3px)}.sidebar .wordmark{margin-bottom:23px;margin-right:35px}.close-menu{display:grid;place-items:center;position:absolute;right:10px;top:19px;min-height:48px;width:48px;padding:0;background:var(--theme-color-546);border:none;color:var(--theme-color-464);font-size:29px}.nav-section{padding-top:16px}.nav-button{min-height:48px;font-size:15px}.help-button{min-height:62px}.help-button small,.profile small{font-size:12px}.profile{min-height:65px}.sidebar-bottom{padding-top:15px}.appbar{position:sticky;top:0;z-index:40;height:72px;padding:8px 16px;gap:10px;background:var(--theme-color-465);backdrop-filter:blur(12px)}.menu-button{display:grid;place-items:center;min-width:48px;min-height:48px;padding:0;color:var(--theme-color-466);font-size:24px;background:var(--theme-color-546);border:0}.global-search{width:auto;flex:1;min-width:0;max-width:none;margin:0;min-height:48px;padding:0 12px;border-radius:24px}.global-search input{font-size:16px;min-height:46px;min-width:0}.global-search kbd{display:none}.calendar-button{display:none}.top-avatar{width:34px;height:34px;flex-shrink:0}.breadcrumbs{display:none}.app-content{padding:25px 18px 32px;min-width:0;max-width:100%}.greeting h1{font-size:34px;line-height:1.15;letter-spacing:-1px;max-width:380px}.greeting p{font-size:15px;line-height:1.7}.welcome-line{font-size:10px;letter-spacing:1px;margin-bottom:11px}.page-head{gap:12px;margin-bottom:23px;flex-wrap:wrap}.page-head>button{font-size:13px;min-height:48px;padding:10px 17px}.hero-platform{display:grid;grid-template-columns:1fr;gap:17px}.focus-card{padding:24px 21px;min-height:246px;grid-template-columns:minmax(0,1fr) 92px;gap:10px;border-radius:22px}.focus-card .badge{font-size:9px;letter-spacing:.5px;padding:6px 9px;margin-bottom:15px}.focus-card h2{font-size:27px;line-height:1.2}.focus-card p{font-size:14px;line-height:1.65;margin-top:10px}.focus-card .primary{min-height:48px;font-size:14px;padding:12px 19px}.focus-card .ring{width:90px;height:90px}.focus-card .ring>div{width:75px;height:75px}.focus-card .ring strong{font-size:27px}.focus-card .ring span{font-size:10px}.today-card{display:flex;min-height:190px;padding:23px 125px 23px 21px;border-radius:22px}.study-art{width:125px;top:45px;right:0}.today-card .eyebrow{font-size:9px;letter-spacing:.8px;margin-top:0}.today-card h2{font-size:26px}.today-card p{font-size:14px;line-height:1.6}.today-card button{min-height:48px;font-size:14px;line-height:1.4;border:0;text-decoration:underline;text-underline-offset:5px;text-align:left}.stats-platform{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.stat-card{padding:16px 13px;gap:8px;border-radius:15px;align-items:center;flex-wrap:nowrap}.stat-card .stat-symbol{display:none}.stat-card strong{font-size:27px}.stat-card strong small{font-size:13px}.stat-card .label{font-size:13px;white-space:normal;line-height:1.4;margin-top:5px}.dashboard-columns{grid-template-columns:1fr;gap:24px}.dashboard-right{display:grid;grid-template-columns:1fr;gap:16px}.block-heading{gap:10px;margin-bottom:14px}.block-heading h2{font-size:21px}.block-heading button{min-height:48px;font-size:13px;text-align:right;padding:0 4px}.subjects-preview,.subjects-grid{grid-template-columns:1fr;gap:13px}.subjects-preview .subject-card,.subjects-grid .subject-card{min-height:180px;padding:22px 20px 20px 79px}.subject-card .subject-icon,.subjects-grid .subject-card .subject-icon{width:40px;height:40px;left:20px;top:23px}.subject-card h3,.subjects-grid .subject-card h3{font-size:18px}.subject-card p,.subjects-grid .subject-card p{font-size:14px;line-height:1.5;margin-bottom:10px}.subject-meta,.subjects-grid .subject-meta{font-size:12px;gap:10px;flex-wrap:wrap;line-height:1.5}.subject-card>button,.subjects-grid .subject-card>button{min-height:48px;font-size:14px;border-radius:11px;margin-top:10px}.subject-card .track,.subject-card .empty-line{max-width:none}.soon-card,.review-widget{padding:23px;border-radius:18px}.soon-card .eyebrow{font-size:11px}.due-row h3,.review-widget h3{font-size:17px}.due-row p,.review-widget p{font-size:14px;line-height:1.65}.due-chip{font-size:12px}.soon-card .text-button{font-size:14px!important;min-height:48px}.review-widget button{min-height:48px;font-size:14px}.date-tile{width:49px;height:58px}.date-tile small{font-size:10px}.date-tile strong{font-size:25px}.recent-strip{font-size:13px;padding:15px;align-items:flex-start}.app-content .sectionhead{margin-bottom:22px}.app-content .sectionhead h1{font-size:32px;line-height:1.18}.app-content .sectionhead .eyebrow{font-size:11px;letter-spacing:1px}.app-content .sectionhead p{font-size:15px;line-height:1.7}.app-content .panel{padding:21px 18px;border-radius:19px;min-width:0}.app-content h2{font-size:23px;line-height:1.4;overflow-wrap:anywhere}.app-content .cardface h2{font-size:25px;line-height:1.45}.app-content .answer{font-size:16px;line-height:1.8;padding:17px}.app-content .cardface{min-height:220px;padding:24px 0 16px}.app-content .badge{font-size:11px;padding:6px 9px}.app-content .hint,.app-content .smalltext,.app-content .notice{font-size:14px;line-height:1.7}.app-content button,.app-content .buttonlink{min-height:48px;font-size:15px;line-height:1.4;padding:11px 14px;white-space:normal;overflow-wrap:anywhere;max-width:100%}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.actions>button{flex:1 1 130px}.actions>button.primary{flex-basis:100%}.app-content .toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.toolbar label,.toolbar .filter{width:100%;max-width:none;min-width:0}.toolbar label span,.app-content .field span.label{font-size:14px}.toolbar>.badge{justify-self:start}.app-content input:not([type=checkbox]),.app-content select,.app-content textarea,#modalBody input,#modalBody select,#modalBody textarea{font-size:16px;min-height:48px;width:100%;max-width:100%;min-width:0}.app-content textarea{min-height:150px}.app-content input[type=checkbox]{width:22px;height:22px;flex-shrink:0}.toolbar label.smalltext,.checklist label,.multi-options label,.plan-item label{min-height:48px;display:flex;align-items:center;line-height:1.5}.app-content .multi-options label{padding:15px;font-size:16px;gap:11px}.graphic-labels{grid-template-columns:1fr}.graphic-labels .label{font-size:15px;min-height:0}.graphic-labels .field{padding:18px}.app-content .fieldline{flex-wrap:wrap}.app-content .fieldline input{max-width:100%}.fieldline .unit{font-size:14px}.app-content .folder-layout{grid-template-columns:1fr;gap:18px}.app-content .sheet-list{display:grid;grid-template-columns:1fr;max-height:235px;overflow:auto;padding:10px;overscroll-behavior:contain}.app-content .sheet-list button{min-height:72px;text-align:left;gap:12px}.sheet-list strong{font-size:15px}.sheet-list small{font-size:12px}.sheet-list .num{font-size:13px}.app-content .viewer{padding:15px}.viewer .row{gap:10px}.viewer .row.between>div.row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%}.viewer .row.between>button{width:100%}.sheet-paper{padding:6px}.sheet-paper.zoom{max-height:65dvh;touch-action:pan-x pan-y pinch-zoom}.viewer label{min-height:48px;display:flex;align-items:center;line-height:1.5}.viewer .buttonlink{width:100%}.exam-strip{padding:21px;gap:14px}.exam-strip .timer{font-size:32px}.exam-strip small{font-size:13px}.exam-strip .actions{width:100%;margin:0}.exam-strip .actions>button{flex:1 1 140px}.app-content .exam-task h3{font-size:20px}.app-content .exam-task label>span{font-size:16px}.scorefield{align-items:start}.app-content .scorefield select{width:auto;min-width:90px}.app-content .two,.app-content .grid,.form-grid{grid-template-columns:minmax(0,1fr)}.app-content .round-intro{padding:28px 21px!important;margin:10px auto}.round-intro h2{font-size:27px}.round-intro p{font-size:16px;line-height:1.7}.round-meta{flex-wrap:wrap;font-size:14px;gap:12px}.round-clock{font-size:23px}.round-clock small{font-size:13px}.review-item{align-items:start;flex-wrap:wrap;padding:18px}.review-item h3{font-size:16px}.review-item button{width:100%}.review-item .badge{font-size:11px}.topic-tile h2{font-size:24px}.topic-tile p,.topic-counts,.class-demo{font-size:14px}.topic-counts{flex-wrap:wrap}.admin-steps span,.admin-note,.source-hint{font-size:13px}.upload-zone{padding:24px 18px}.upload-zone h3{font-size:17px}.upload-zone p{font-size:14px}.file-row{gap:10px;padding:12px}.file-info strong,.file-info small,.file-row label{font-size:13px}.file-row button{min-width:48px}.draft-entry{flex-wrap:wrap}.draft-entry h3{font-size:17px}.draft-entry p{font-size:14px}.admin-actions button{min-height:48px}.search-row strong{font-size:16px}.search-row small{font-size:13px}.report-trigger{font-size:13px!important;min-height:48px;margin-top:18px}.platform-footer{padding:20px 18px calc(94px + env(safe-area-inset-bottom));font-size:12px;display:flex;flex-direction:column;align-items:start;gap:8px}.platform-footer .text-button{font-size:13px;min-height:48px}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--theme-color-467);backdrop-filter:blur(15px);border-top:1px solid var(--theme-color-468);padding:7px 8px max(7px,env(safe-area-inset-bottom));gap:4px;box-shadow:0 -6px 25px var(--theme-color-469)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:56px;padding:5px 2px;border:0;border-radius:13px;background:var(--theme-color-546);color:var(--theme-color-470);font-size:11px;font-weight:650;line-height:1.3}.mobile-nav button[aria-current=page]{background:var(--theme-color-471);color:var(--theme-color-472)}.mobile-nav .navicon{display:flex;width:23px;height:23px}.mobile-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.toast{left:16px;right:16px;bottom:calc(87px + env(safe-area-inset-bottom));max-width:none;font-size:14px;z-index:80}dialog{padding:23px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 40px);overflow:auto;border-radius:22px}.modal-head h2{font-size:24px}.modal-head .icon-button{min-height:48px;width:48px;flex-shrink:0}#modalBody p{font-size:16px;line-height:1.7}#modalBody button{min-height:48px;font-size:15px}#modalBody .field .label{font-size:14px}.login-screen{grid-template-columns:1fr}.login-story{display:none}.login-form-side{min-height:100dvh;padding:35px 24px max(25px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.login-mobile-brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;margin-bottom:36px;color:var(--theme-color-383)}.login-mobile-brand .mark{background:var(--theme-color-373);color:var(--theme-color-473)}.login-form-wrap{max-width:420px}.login-form-wrap h2{font-size:35px}.login-form-wrap .muted{font-size:16px;line-height:1.7}.login-form-wrap input:not([type=checkbox]){font-size:16px;min-height:52px}.login-form-wrap .label{font-size:14px}.login-options{gap:10px}.login-options .smalltext{font-size:14px;min-height:48px;display:flex;align-items:center}.login-options .text-button{font-size:14px;min-height:48px}.password-toggle{min-height:48px;min-width:80px;top:2px;font-size:12px}.login-submit{min-height:52px;font-size:16px}.demo-access strong,.demo-access p{font-size:14px}.demo-access .small{min-height:48px;font-size:13px}.demo-access small,.login-footnote{font-size:13px;line-height:1.7}.demo-access code{font-size:13px}
}
@media(max-width:359px){.app-content{padding-left:14px;padding-right:14px}.greeting h1{font-size:31px}.focus-card{grid-template-columns:minmax(0,1fr);padding:22px}.focus-card .ring{position:absolute;right:18px;top:19px;width:55px;height:55px}.focus-card .ring>div{width:45px;height:45px}.focus-card .ring strong{font-size:18px}.focus-card .ring span{display:none}.focus-card .badge{max-width:calc(100% - 60px)}.focus-card h2{padding-right:0;max-width:220px}.focus-card p{max-width:100%}.today-card{padding-right:90px}.study-art{width:100px;right:-6px}.stat-card .label{font-size:12px}.global-search input{font-size:16px}.top-avatar{display:none}}
@media print{.mobile-nav,.close-menu{display:none!important}.platform-footer{display:none!important}}
:root{--muted:var(--theme-color-474)}.mobile-nav button{color:var(--theme-color-475)}.greeting p,.subject-card p,.subject-meta{color:var(--theme-color-476)}@media(max-width:760px){.app-content .sectionhead p,.app-content .hint,.app-content .sectionhead .eyebrow{color:var(--theme-color-477)}.login-options input[type=checkbox]{width:21px;height:21px}.app-content .plan-item{grid-template-columns:28px minmax(0,1fr)}.app-content .plan-item p{overflow-wrap:anywhere}.app-content .badge{max-width:100%}.app-content .topic-counts{gap:12px}}
@media(max-width:359px){.app-content .focus-card .badge{max-width:calc(100% - 60px)}}
