:root{--color-background: #fdfbf7;--color-surface: #ffffff;--color-surface-soft: #f7f3eb;--color-peach: #fff1eb;--color-text: #3d2c24;--color-text-secondary: #735c4f;--color-brown: #3d2c24;--color-brown-hover: #5a4338;--color-mint: #d8efe4;--color-mint-strong: #72b395;--color-green: #006b56;--color-green-hover: #005140;--color-mint-wash: #effaf5;--color-pink: #f5d6d6;--color-pink-hover: #ecc0cb;--color-pink-wash: #fff3f5;--color-berry: #80515c;--color-border: #eadbce;--color-border-subtle: #f2e7dc;--color-danger: #9b3d40;--color-focus: #006b56;--radius-card: 24px;--radius-control: 12px;--shadow-card: 0 4px 16px -4px rgb(62 44 34 / 5%), 0 1px 3px rgb(62 44 34 / 3%);--shadow-raised: 0 10px 28px -10px rgb(62 44 34 / 14%);--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Comfortaa", "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--color-text);font:14px/1.65 var(--font-body);background-color:var(--color-background);background-image:linear-gradient(rgb(234 219 206 / 48%) 1px,transparent 1px),linear-gradient(90deg,rgb(234 219 206 / 48%) 1px,transparent 1px);background-size:24px 24px}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--color-green);text-underline-offset:4px}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35;overflow-wrap:anywhere}h1{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.045em}h2{font-size:21px;font-weight:750;letter-spacing:-.035em}h3{font-size:16px;font-weight:700;letter-spacing:-.02em}p+p{margin-top:10px}::selection{background:var(--color-mint);color:var(--color-text)}.icon{flex:none;vertical-align:middle}.muted{color:var(--color-text-secondary)}.kicker{color:var(--color-green);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.page{padding:24px 28px 0}.app-shell{max-width:1240px;margin:0 auto}.student-area,.admin-area{margin-top:28px;min-height:65vh}.stack{display:grid;gap:20px}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);padding:28px;box-shadow:var(--shadow-card);min-width:0}.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:22px}.card>h2{margin-bottom:16px}.card>h3{margin-top:26px;margin-bottom:14px}.card>.muted{margin:10px 0 22px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 24px}.page-heading .muted{margin-top:10px;max-width:650px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-heading>.icon{color:var(--color-green)}.section-heading>.tag{margin-left:auto}.section-heading--spaced{margin-top:32px}.actions,.dialog-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.primary,.ghost,.pill,.button-mint,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 16px;border-radius:var(--radius-control);border:1px solid transparent;font-size:12px;font-weight:700;line-height:1.5;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}.primary{background:var(--color-brown);color:var(--color-surface);box-shadow:0 3px 8px #3e2c2217}.primary:hover:not(:disabled){background:var(--color-brown-hover);transform:translateY(-1px)}.primary:active:not(:disabled),.button-mint:active:not(:disabled){transform:translateY(1px)}.ghost{color:var(--color-text);background:var(--color-surface-soft);border-color:transparent}.ghost:hover:not(:disabled){background:var(--color-peach);border-color:var(--color-border)}.button-mint{background:var(--color-mint);color:var(--color-green-hover)}.button-mint:hover:not(:disabled){background:var(--color-mint-strong)}.icon-button{width:40px;min-height:40px;padding:8px;color:var(--color-text-secondary);background:transparent}.icon-button:hover{background:var(--color-surface-soft)}.text-button{border:0;background:transparent;padding:10px 4px;color:var(--color-text-secondary);font-weight:600;font-size:12px}.text-button:hover{text-decoration:underline}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none}.text-link:hover{text-decoration:underline}.danger{color:var(--color-danger)}.primary--danger{background:var(--color-danger)}.primary--danger:hover:not(:disabled){background:var(--color-berry)}.pill-row,.file-filters{display:flex;flex-wrap:wrap;gap:6px}.pill{min-height:34px;padding:7px 13px;border-radius:999px;color:var(--color-text);background:var(--color-surface-soft);font-size:11px}.pill:hover:not(:disabled){border-color:var(--color-border)}.pill.active{background:var(--color-brown);color:var(--color-surface)}.tag,.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:4px 10px;font-size:10px;line-height:1.5;font-weight:650;color:var(--color-text);background:var(--color-surface-soft);white-space:nowrap}.tag--mint{background:var(--color-mint);color:var(--color-green-hover)}.tag--pink{background:var(--color-pink);color:var(--color-berry)}.status-dot,.footer-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-green);flex:none}.eyebrow{background:var(--color-peach);font-size:10px;padding:6px 12px;letter-spacing:.025em}.form{display:grid;gap:17px;margin-top:20px}label{display:grid;gap:8px;color:var(--color-text-secondary);font-size:12px;font-weight:600}input,select,textarea{width:100%;min-width:0;min-height:46px;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-text);background:var(--color-surface);font-size:14px;transition:border-color .16s,box-shadow .16s}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.85}input:focus,select:focus,textarea:focus{border-color:var(--color-mint-strong);box-shadow:0 0 0 3px #72b39521}textarea{resize:vertical;min-height:100px}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px}.alert{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:1px solid var(--color-border);border-radius:12px;padding:12px 16px;margin:12px 0;background:var(--color-peach);font-size:13px;overflow-wrap:anywhere}.alert--error{color:var(--color-danger);background:var(--color-pink-wash);border-color:var(--color-pink)}.alert--success{background:var(--color-mint-wash)}.empty{display:grid;justify-items:center;gap:10px;padding:32px 20px;background:var(--color-background);border:1px dashed var(--color-border);border-radius:16px;text-align:center}.empty p{max-width:420px;color:var(--color-text-secondary);font-size:13px}.empty-icon,.feature-icon{width:48px;height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-mint);color:var(--color-green)}.loading-state,.session-loading{padding:30px;display:flex;gap:12px;align-items:center;justify-content:center;color:var(--color-text-secondary)}.loading-dot{width:9px;height:9px;border-radius:50%;background:var(--color-mint-strong);animation:breathe 1.6s ease-in-out infinite}.session-loading{min-height:75vh}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--color-brown);color:#fff;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-card)}.brand{display:flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;flex:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--color-mint);color:var(--color-green);border-radius:50%}.brand strong{display:block;font-size:19px;line-height:1.25;font-weight:800;letter-spacing:-.045em}.brand small{display:block;font-size:8px;color:var(--color-green);text-transform:uppercase;letter-spacing:.09em;font-weight:700}.main-nav{display:flex;align-items:center;justify-content:center;padding:4px;border:1px solid var(--color-border-subtle);border-radius:999px;background:var(--color-peach);gap:2px}.main-nav a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;font-size:11px;font-weight:600;color:var(--color-text);text-decoration:none;white-space:nowrap}.main-nav a .icon{display:none}.main-nav a:hover{background:var(--color-surface)}.main-nav a[aria-current]{background:var(--color-pink);color:var(--color-brown)}.user-menu{display:flex;align-items:center;gap:9px;min-width:0;max-width:200px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--color-peach)}.avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--color-mint);color:var(--color-green);font-size:13px;font-weight:700}.user-menu>div{min-width:0}.user-greeting{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.logout{display:block;border:none;background:transparent;padding:0;text-align:left;color:var(--color-text-secondary);font-size:10px}.logout:hover{color:var(--color-green);text-decoration:underline}.site-footer{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding:24px 0;color:var(--color-text-secondary);font-size:10px}.site-footer>span:first-child{display:inline-flex;align-items:center;gap:8px}.cat-mascot{display:block;object-fit:contain;height:auto;max-width:100%;-webkit-user-select:none;user-select:none}.cat-mascot--large{width:420px}.cat-mascot--medium{width:300px}.cat-mascot--small{width:120px}.cat-mascot--floating{animation:cat-float 4.5s ease-in-out infinite}.page--login{padding-top:0}.login-page{min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:52px 0 20px}.login-heading{text-align:center;margin-bottom:34px}.login-heading .eyebrow{text-transform:uppercase;letter-spacing:.08em;padding:7px 17px}.login-heading h1{font-family:var(--font-display);color:var(--color-green);font-size:36px;margin:18px 0 12px;letter-spacing:-.05em}.login-heading p{color:var(--color-berry);font-size:15px}.login-notebook{width:100%;max-width:1020px;display:grid;grid-template-columns:1fr 1fr;padding:52px 48px;background:radial-gradient(ellipse at top left,var(--color-pink-wash),transparent 35%),radial-gradient(ellipse at bottom right,var(--color-mint-wash),transparent 40%),var(--color-surface);border-radius:36px;border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-raised)}.login-mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:36px;border-right:1px solid var(--color-border)}.speech-bubble{position:relative;background:var(--color-peach);border-radius:18px;padding:12px 20px;font-size:12px;font-weight:650;margin-bottom:6px}.speech-bubble:after{content:"";position:absolute;width:12px;height:12px;bottom:-5px;left:calc(50% - 6px);background:var(--color-peach);transform:rotate(45deg)}.mascot-caption{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--color-berry);font-weight:600}.mascot-caption .icon{color:var(--color-green)}.login-form-panel{padding-left:40px;align-self:center}.login-form-panel h2{font-size:25px;margin-bottom:6px}.login-form-panel>.muted{font-size:12px;margin-bottom:28px}.login-form-panel .form{gap:10px}.login-form-panel label{font-size:10px;text-transform:uppercase;color:var(--color-berry);letter-spacing:.08em;margin:10px 0 0 5px}.input-with-icon{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--color-peach);border:1px solid transparent;border-radius:999px}.input-with-icon:focus-within{border-color:var(--color-mint-strong);background:var(--color-surface)}.input-with-icon input{padding:8px 5px;border:none;background:transparent;min-height:40px;box-shadow:none}.input-with-icon input:focus-visible{outline-offset:1px;border-radius:8px}.input-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;background:var(--color-mint);border-radius:50%;color:var(--color-green)}.input-icon--pink{background:var(--color-pink);color:var(--color-berry)}.login-submit{margin-top:16px;background:var(--color-green);color:#fff;border-radius:999px;min-height:50px;font-size:13px;gap:20px}.login-submit:hover:not(:disabled){background:var(--color-green-hover)}.login-help{margin-top:24px;text-align:center;color:var(--color-text-secondary);font-size:11px}.login-help strong{font-weight:600}.page--login .site-footer{max-width:1020px;margin:0 auto}.welcome-card{display:grid;grid-template-columns:minmax(0,1fr) 285px;align-items:center;gap:36px;padding:26px 36px;min-height:240px;margin-bottom:28px;background:radial-gradient(ellipse at 65% 100%,var(--color-mint-wash),transparent 55%),var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.welcome-copy h1{margin:14px 0 10px;font-size:32px}.welcome-copy>p{color:var(--color-text-secondary);font-size:13px}.welcome-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.welcome-chip{display:inline-flex;gap:10px;align-items:center;padding:10px 13px;border-radius:14px;background:var(--color-peach);color:var(--color-text);font-size:11px;line-height:1.5;text-decoration:none}.welcome-chip strong{display:block;font-size:10px;font-weight:600}.welcome-chip .icon{color:var(--color-green)}a.welcome-chip{background:var(--color-mint-wash)}a.welcome-chip:hover{background:var(--color-mint)}.welcome-mascot{position:relative;display:grid;justify-items:center;align-items:center;padding:8px 8px 18px}.mascot-note{position:absolute;bottom:2px;left:15px;padding:6px 12px;font-size:10px;background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-card);border-radius:10px;transform:rotate(-2deg)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.dashboard-main,.dashboard-side{display:grid;gap:24px;min-width:0}.dashboard-side{position:sticky;top:24px}.meeting{background:radial-gradient(ellipse at top right,var(--color-mint-wash),transparent 60%),var(--color-surface)}.lesson-card{padding:22px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface)}.lesson-card .card-header{margin-bottom:12px}.lesson-card h3{font-size:18px}.lesson-date{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--color-text-secondary);font-size:12px;margin-bottom:16px;font-variant-numeric:tabular-nums}.lesson-card>a,.lesson-card>.preserve-lines{display:block;margin:12px 0}.lesson-card>.actions{margin-top:20px}.next-lesson{padding:0;background:transparent;border:0}.next-lesson h3{font-size:25px;letter-spacing:-.04em}.lesson-eyebrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--color-green)}.next-lesson .card-header .tag{display:none}.meeting-button{background:var(--color-pink);color:var(--color-brown);flex:1;min-height:48px;font-size:13px}.lesson-materials{margin-top:22px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.rotate{transform:rotate(180deg)}.lesson-form{padding:24px;border:1px solid var(--color-mint-strong);border-radius:18px;background:var(--color-mint-wash);margin-bottom:24px}.lesson-form>.muted{font-size:11px}.announcements{position:relative}.announcements:before{content:"";position:absolute;width:80px;height:8px;background:var(--color-pink);top:-4px;left:calc(50% - 40px);transform:rotate(-2deg)}.announcements h2{font-size:17px}.announcements .section-heading>.icon{color:var(--color-berry)}.announcement-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.announcement-list li{background:var(--color-pink-wash);padding:16px;border-radius:14px;font-size:12px;overflow-wrap:anywhere}.announcement-list li:nth-child(2n){background:var(--color-peach)}.archive-shortcut .feature-icon{background:var(--color-peach);color:var(--color-brown);margin-bottom:16px}.archive-shortcut h2{font-size:19px}.archive-shortcut .ghost{width:100%;justify-content:space-between}.study-note{display:flex;align-items:flex-start;gap:12px;padding:22px;border-radius:18px;background:var(--color-surface-soft);color:var(--color-text-secondary);font-size:12px}.study-note .icon{color:var(--color-green);margin-top:3px}.library-layout{display:grid;grid-template-columns:264px minmax(0,1fr);align-items:start;gap:24px}.library-sidebar{position:sticky;top:24px;border:1px solid var(--color-border);border-radius:22px;padding:24px 18px 18px;background:var(--color-surface)}.sidebar-heading{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;padding:0 8px 22px;color:var(--color-brown)}.sidebar-heading .icon{color:var(--color-green)}.sidebar-step{animation:sidebar-slide .18s ease-out}.sidebar-step h2{font-size:12px;font-weight:700;color:var(--color-text-secondary);margin:4px 10px 14px;letter-spacing:0}.sidebar-options{list-style:none;padding:0;margin:0;display:grid;gap:7px}.sidebar-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:var(--color-background);text-align:left;color:var(--color-text);font-size:13px;font-weight:600;transition:background .15s}.sidebar-option span{overflow-wrap:anywhere}.sidebar-option:hover{background:var(--color-surface-soft);border-color:var(--color-border)}.sidebar-option.is-selected{background:var(--color-mint);color:var(--color-green-hover);border-color:var(--color-mint-strong)}.back-navigation{display:inline-flex;align-items:center;text-align:left;gap:8px;font-size:10px;font-weight:650;color:var(--color-green);border:0;background:transparent;padding:8px 10px;margin:-5px 0 12px}.back-navigation:hover{background:var(--color-mint-wash);border-radius:8px}.sidebar-footnote{display:flex;align-items:flex-start;gap:8px;color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);padding:18px 8px 0;margin-top:24px;font-size:10px;overflow-wrap:anywhere}.sidebar-hint{font-size:12px;padding:12px;color:var(--color-text-secondary)}.sidebar-form{border-top:1px solid var(--color-border-subtle);padding-top:16px}.sidebar-form .ghost{font-size:11px}.library-main{min-height:500px}.library-placeholder{min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.notebook-mark{width:96px;height:96px;display:grid;place-items:center;border-radius:28px;background:var(--color-mint-wash);color:var(--color-green);margin-bottom:26px;transform:rotate(-5deg)}.library-placeholder h2{font-size:25px;margin:4px 0 14px}.library-placeholder p.muted{max-width:390px;font-size:13px}.file-type-legend{display:flex;gap:8px;margin-top:24px}.mobile-library-toggle{display:none}.materials-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:4px 0 20px}.sort-field{display:flex;align-items:center;gap:8px;font-size:10px}.sort-field select{min-height:34px;padding:6px 26px 6px 10px;font-size:11px;border-color:var(--color-border-subtle);width:auto}.materials-list{display:grid;gap:12px}.file-card{display:flex;align-items:center;gap:14px;padding:18px 16px;background:var(--color-peach);border:1px solid transparent;border-radius:16px;transition:border-color .15s,box-shadow .15s;min-width:0}.file-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-card)}.file-card--video{background:var(--color-mint-wash)}.file-card--image{background:var(--color-surface-soft)}.file-symbol{display:grid;place-items:center;width:46px;height:52px;border-radius:13px;flex:none;color:var(--color-brown);background:var(--color-surface-soft)}.file-symbol--pdf{background:var(--color-pink);color:var(--color-berry)}.file-symbol--video{background:var(--color-mint);color:var(--color-green)}.file-symbol--document{background:var(--color-border-subtle)}.file-details{min-width:0;flex:1}.file-label{display:flex;align-items:center;gap:8px;font-size:8px;margin-bottom:3px;letter-spacing:.03em}.file-label>span:first-child{background:var(--color-surface);padding:1px 5px;border-radius:4px;font-weight:700}.file-details h3{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.file-details p{color:var(--color-text-secondary);font-size:10px;margin-top:5px;font-variant-numeric:tabular-nums}.file-actions{display:flex;align-items:center;gap:5px;flex:none}.file-actions .ghost,.file-actions .button-mint{font-size:10px;min-height:36px;padding:8px 11px}.file-actions .ghost{background:var(--color-surface)}.archive-panel>.page-heading{margin-top:0}.archive-group{border:1px solid var(--color-border-subtle);border-radius:18px;background:var(--color-surface);padding:20px;margin-top:18px}.archive-group summary{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;list-style:none}.archive-group summary::-webkit-details-marker{display:none}.archive-group summary:after{content:"+";margin-left:auto;color:var(--color-green);font-size:20px;font-weight:400}.archive-group[open]>summary:after{content:"−"}.archive-group[open]>summary{margin-bottom:18px}.archive-group summary>.icon{color:var(--color-green)}.upload-panel{margin-top:26px;padding-top:20px;border-top:1px solid var(--color-border-subtle)}.upload-destination{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--color-text-secondary);margin-bottom:12px;overflow-wrap:anywhere}.dropzone{display:grid;justify-items:center;gap:8px;padding:28px 18px;text-align:center;background:var(--color-background);border:1px dashed var(--color-mint-strong);border-radius:16px;transition:background .16s}.dropzone.is-dragging{background:var(--color-mint);border-color:var(--color-green)}.dropzone>.icon{color:var(--color-green);margin-bottom:5px}.dropzone>p{font-size:12px}.dropzone>.muted{font-size:10px}.file-input-label{cursor:pointer;padding:0}.file-input-label input{width:min(100%,310px);font-size:11px;padding:8px;min-height:38px;background:var(--color-surface)}input::file-selector-button{border:0;border-radius:8px;background:var(--color-mint);color:var(--color-green-hover);padding:8px 12px;margin-right:12px;font:inherit;font-weight:600;cursor:pointer}.upload-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;padding:12px 14px;border:1px solid var(--color-border-subtle);border-radius:12px;margin-top:10px;background:var(--color-surface)}.upload-item strong{overflow-wrap:anywhere;font-size:12px}.upload-item small{font-size:11px;color:var(--color-text-secondary)}.upload-item progress{grid-column:1 / -1}.upload-item>span{font-size:11px;color:var(--color-green)}progress{width:100%;height:7px;accent-color:var(--color-mint-strong);border:0;border-radius:99px;overflow:hidden;background:var(--color-surface-soft)}progress::-webkit-progress-bar{background:var(--color-surface-soft)}progress::-webkit-progress-value{background:var(--color-mint-strong);border-radius:99px;transition:width .15s}.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 24px;padding:5px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.subnav a{padding:10px 16px;font-size:12px;font-weight:600;color:var(--color-text-secondary);text-decoration:none;border-radius:11px}.subnav a[aria-current]{background:var(--color-mint);color:var(--color-green-hover)}.subnav a:hover{background:var(--color-surface-soft)}.admin-area .card{padding:25px}.admin-area .lesson-card{padding:18px}.admin-area .lesson-card h3{font-size:16px}.admin-area .file-card{padding:12px 14px}.admin-area .form{gap:14px}.admin-form{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;padding:20px;border-radius:16px;background:var(--color-surface-soft)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.stats>*{display:flex;flex-direction:column;padding:18px 22px;border-radius:16px;background:var(--color-mint-wash);color:var(--color-text-secondary);font-size:12px;text-decoration:none}.stats>*:nth-child(2){background:var(--color-peach)}.stats>*:nth-child(3){background:var(--color-pink-wash)}.stats strong{font-size:30px;letter-spacing:-.04em;color:var(--color-text);line-height:1.4;font-variant-numeric:tabular-nums}.section-tabs{margin:24px 0}.search-field{max-width:480px;margin:24px 0}.user-list{display:grid;gap:8px;margin:22px 0}.user-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--color-border-subtle);border-radius:14px;background:var(--color-background)}.user-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}.user-meta strong,.student-link strong{overflow-wrap:anywhere}.student-link{color:var(--color-text);text-decoration:none}.student-link:hover{border-color:var(--color-mint-strong);background:var(--color-mint-wash)}.student-link p,.student-link>span{font-size:11px}.student-link>span{color:var(--color-green)}.dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid var(--color-border);border-radius:24px;padding:28px;color:var(--color-text);background:var(--color-surface);box-shadow:0 18px 45px #3e2c2226}.dialog[open]{animation:dialog-enter .16s ease-out}.dialog::backdrop{background:#2a1d1752;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.dialog-heading h2{min-width:0;font-size:19px}.dialog-actions{justify-content:flex-end;margin-top:24px}.dialog--wide{width:min(1020px,calc(100% - 32px))}.viewer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.viewer-frame{width:100%;height:65dvh;border:1px solid var(--color-border);border-radius:12px}.viewer-media{display:block;width:100%;max-height:65dvh;object-fit:contain;border-radius:12px;background:var(--color-surface-soft)}@keyframes cat-float{0%,to{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes sidebar-slide{0%{opacity:.3;transform:translate(7px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{50%{opacity:.3}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.site-header{border-radius:24px;flex-wrap:wrap}.main-nav{order:3;width:100%}.main-nav a{flex:1;text-align:center;justify-content:center}.user-menu{margin-left:auto}.dashboard{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.dashboard .card{padding:22px}.library-layout{grid-template-columns:244px minmax(0,1fr);gap:20px}.file-card{flex-wrap:wrap}.file-actions{margin-left:auto}}@media(max-width:959px){.library-layout{grid-template-columns:minmax(0,1fr)}.library-sidebar{position:static;padding:18px}.sidebar-heading{display:none}.mobile-library-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;padding:5px;background:transparent;font-weight:700;color:var(--color-text);text-align:left}.mobile-library-toggle[aria-expanded=true]>.icon{transform:rotate(180deg)}.sidebar-content{display:none;margin-top:22px}.sidebar-content.is-open{display:block}.sidebar-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-footnote{margin-top:18px}.library-main{min-height:350px}.library-placeholder{min-height:310px}.welcome-card{grid-template-columns:minmax(0,1fr) 215px;gap:16px;padding:26px}.welcome-copy h1{font-size:27px}.dashboard{grid-template-columns:minmax(0,1fr)}.dashboard-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.study-note{grid-column:1 / -1}.login-notebook{padding:36px 30px}.login-mascot{padding-right:25px}.login-form-panel{padding-left:28px}}@media(max-width:640px){body{font-size:13px}.page{padding:16px 16px 0}.student-area,.admin-area{margin-top:20px}.site-header{padding:12px;gap:12px;border-radius:20px}.brand strong{font-size:17px}.brand-mark{width:34px;height:34px}.brand-mark .icon{width:20px}.user-menu{max-width:160px;padding:3px 6px 3px 3px}.user-greeting{font-size:10px}.avatar{width:30px;height:30px}.main-nav{justify-content:flex-start;overflow-x:auto;border:0;border-radius:12px;padding:4px;scrollbar-width:thin}.main-nav a{padding:8px 10px;flex-direction:column;gap:5px;flex:1 0 auto;font-size:11px;border-radius:10px}.main-nav a .icon{display:block}.card,.dashboard .card,.admin-area .card{padding:20px;border-radius:20px}h2{font-size:19px}.page-heading{margin:24px 0 20px}.page-heading h1{font-size:27px}.page-heading .muted{font-size:12px}.card-header{margin-bottom:18px}.welcome-card{grid-template-columns:minmax(0,1fr) 105px;gap:0;padding:22px 18px;border-radius:20px;min-height:0;align-items:start}.welcome-copy .eyebrow{font-size:8px;padding:5px 8px}.welcome-copy h1{font-size:25px;margin:14px 0 10px}.welcome-copy>p{font-size:12px}.welcome-mascot{padding:30px 0 0}.mascot-note{display:none}.welcome-chips{margin-right:-105px;margin-top:18px;gap:8px}.welcome-chip{padding:10px}.dashboard-main,.dashboard-side{gap:20px}.dashboard-side{grid-template-columns:minmax(0,1fr)}.next-lesson h3{font-size:23px}.lesson-eyebrow{margin-bottom:18px}.lesson-card{padding:18px}.meeting-button{min-width:100%;font-size:12px}.lesson-date{font-size:11px}.file-card{padding:14px 12px;gap:10px}.file-symbol{width:38px;height:44px;border-radius:10px}.file-symbol .icon{width:22px}.file-details h3{font-size:12px}.file-actions{width:100%;justify-content:flex-end}.file-actions .ghost,.file-actions .button-mint{min-height:40px}.materials-controls{align-items:flex-start;gap:14px}.sort-field{margin-left:auto}.library-placeholder{padding:22px 5px}.library-placeholder h2{font-size:22px}.sidebar-options{grid-template-columns:minmax(0,1fr)}.archive-group{padding:16px}.archive-group summary{font-size:13px}.form-columns,.admin-form{grid-template-columns:minmax(0,1fr)}input,textarea,select{font-size:16px}.stats{gap:8px}.stats>*{padding:12px;font-size:10px}.stats strong{font-size:25px}.subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.subnav a{flex:none;padding:8px 12px;font-size:11px}.user-row{flex-wrap:wrap;padding:14px}.student-link>span{width:100%}.dialog{padding:22px;max-height:calc(100dvh - 24px)}.dialog--wide{width:calc(100% - 16px);padding:16px}.site-footer{margin-top:32px;font-size:11px;flex-wrap:wrap;gap:6px}.page--login{padding:0 16px}.login-page{padding:30px 0 12px}.login-heading{margin-bottom:24px}.login-heading h1{font-size:28px;margin:14px 0 10px}.login-heading p{font-size:12px}.login-notebook{display:flex;flex-direction:column;padding:20px 24px 30px;border-radius:28px}.login-mascot{border-right:0;padding:0}.login-mascot .cat-mascot{width:180px}.login-mascot .speech-bubble{font-size:10px;padding:8px 14px}.mascot-caption{display:none}.login-form-panel{width:100%;padding:12px 0 0}.login-form-panel h2{font-size:23px}.login-form-panel>.muted{margin-bottom:14px}.login-help{font-size:10px}.input-with-icon input{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.primary.meeting-button:hover{background:var(--color-pink-hover);color:var(--color-brown)}.meet-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.recurrence-options{margin:8px 0;padding:18px;border:1px solid var(--color-pink);border-radius:16px;background:var(--color-pink-wash);min-width:0}.recurrence-options legend{padding:0 6px;font-weight:700;color:var(--color-berry)}.recurrence-options .muted{margin-bottom:0}.welcome-card{background:linear-gradient(110deg,var(--color-surface) 35%,var(--color-pink-wash))}.welcome-chip,.archive-shortcut .feature-icon{background:var(--color-pink-wash)}.sidebar-option.is-selected{background:var(--color-pink);border-color:var(--color-pink-hover);color:var(--color-brown)}.subnav a[aria-current]{background:var(--color-pink);color:var(--color-brown)}