:root{--ivory:#fbf6ee;--sidebar:#f4ece0;--card:#fff;--mocha:#4a2e2a;--mocha-soft:#6e4f47;--line:#e6dacb;--blush:#f6c6cf;--gold:#e3b866;--sage:#c9dcc4;--lavender:#d9ccf0;--lavender-soft:#efe8fa;--maths:#f3dfae;--peach:#fbd8c4;--sand:#efe4d6;--learn-ink:#4f6b4a;--home-ink:#5e4a86;--error:#9b2c2c;--radius-sm:12px;--radius:16px;--radius-lg:22px;--font-head:"Fraunces", Georgia, serif;--font-body:"Nunito", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--ivory);color:var(--mocha);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}a{color:var(--mocha)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.h1{font-family:var(--font-head);margin:0;font-size:clamp(28px,4vw,36px);font-weight:500;line-height:1.15}.h2{font-family:var(--font-head);margin:0;font-size:21px;font-weight:500}.muted{color:var(--mocha-soft);margin:0}.strong{font-weight:700}.small{font-size:14px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.tone-learn.eyebrow{color:var(--learn-ink)}.tone-home.eyebrow{color:var(--home-ink)}.text-link{align-items:center;min-height:40px;font-size:15px;font-weight:800;display:inline-flex}.btn{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.6;cursor:wait}.btn-dark{background:var(--mocha);color:var(--ivory)}.btn-light{background:var(--card);border:1px solid var(--line)}.btn-block{width:100%}.icon-btn{background:var(--card);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.link-btn{cursor:pointer;background:0 0;border:0;padding:8px 4px;font-weight:700;text-decoration:underline}.shell{min-height:100dvh;display:flex}.main{flex:auto;min-width:0}.page{flex-direction:column;gap:20px;max-width:1120px;padding:32px 40px 48px;display:flex}.page.narrow{max-width:640px}.page-head{flex-direction:column;gap:4px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-gap{align-items:center;gap:12px;display:flex}.sidebar{background:var(--sidebar);flex-direction:column;flex:0 0 248px;gap:18px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{width:150px;height:auto;margin:4px 12px 0}.side-group{flex-direction:column;gap:2px;display:flex}.side-bottom{margin-top:auto}.side-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--mocha-soft);justify-content:space-between;align-items:center;margin:0 12px 6px;font-size:12px;font-weight:800;display:flex}.side-add{letter-spacing:0;text-transform:none;background:var(--card);border-radius:999px;padding:2px 10px;font-size:12px;text-decoration:none}.side-link{border-radius:var(--radius-sm);align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.side-link:hover{background:#fff9}.side-link.active{font-weight:800}.side-today.active{background:var(--blush)}.side-learn.active{background:var(--sage)}.side-home.active{background:var(--lavender)}.side-account{min-height:52px;font-weight:700}.avatar{background:var(--gold);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.bottom-nav{display:none}.bottom-link{width:64px;min-height:56px;color:var(--mocha-soft);flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.bottom-pill{border-radius:16px;justify-content:center;align-items:center;width:56px;height:32px;display:flex}.bottom-link.active{color:var(--mocha);font-weight:800}.tone-today.active .bottom-pill{background:var(--blush)}.tone-learn.active .bottom-pill{background:var(--sage)}.tone-home.active .bottom-pill{background:var(--lavender)}.bottom-add{border:4px solid var(--ivory);background:var(--mocha);width:58px;height:58px;color:var(--ivory);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-top:-24px;display:flex}.phone-only{display:none}@media (width<=899px){.sidebar,.desktop-only{display:none}.phone-only{display:revert}.tabs.phone-only{display:grid}.bottom-nav{z-index:10;padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid #eadfd2;justify-content:space-around;align-items:flex-start;display:flex;position:fixed;bottom:0;left:0;right:0}.page{gap:16px;padding:24px 20px 120px}}.card{background:var(--card);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:24px;display:flex}.card-row{flex-wrap:wrap;gap:20px;display:flex}.grow-2{flex:2 420px}.grow-1{flex:280px}.empty,.locked{align-items:flex-start;padding:32px 28px}.empty-icon,.locked-icon{background:var(--blush);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.tone-bg-learn{background:var(--sage)}.tone-bg-home{background:var(--lavender)}.plain-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.tabs{border-radius:var(--radius);background:var(--card);grid-auto-columns:minmax(max-content,1fr);grid-auto-flow:column;gap:4px;padding:4px}.tab{border-radius:var(--radius-sm);min-height:40px;color:var(--mocha-soft);white-space:nowrap;justify-content:center;align-items:center;padding:0 8px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.tabs-learn .tab.active{background:var(--sage);color:var(--mocha);font-weight:800}.tabs-home .tab.active{background:var(--lavender);color:var(--mocha);font-weight:800}.sheet-backdrop{z-index:20;background:#4a2e2a73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--ivory);width:100%;max-width:520px;padding:12px 20px calc(28px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;flex-direction:column;gap:18px;display:flex}@media (width>=900px){.sheet-backdrop{align-items:center}.sheet{border-radius:28px}}.sheet-handle{background:#d9cbbb;border-radius:3px;align-self:center;width:44px;height:5px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.quick-tile{background:var(--card);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:92px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.quick-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.form{flex-direction:column;gap:14px;display:flex}.field{color:var(--mocha-soft);flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.field input{border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--mocha);border-radius:14px;padding:0 14px;font-size:16px;font-weight:400}.error{color:var(--error);margin:0;font-weight:700}.notice{background:var(--sage);border-radius:12px;margin:0;padding:12px 14px;font-weight:700}.auth{justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{background:var(--card);border-radius:28px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:32px 28px;display:flex}.auth-logo{width:170px;height:auto}.auth-links{flex-wrap:wrap;gap:4px 16px;display:flex}.splash{justify-content:center;align-items:center;min-height:100dvh;display:flex}.m0{margin:0}.grow{flex:auto;min-width:0}.wrap{flex-wrap:wrap}.h3{margin:0;font-size:16px;font-weight:800}.btn-sm{border-radius:12px;min-height:38px;padding:0 14px;font-size:14px}.danger{color:var(--error)}.field select,.field textarea,.inline-input{border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--mocha);border-radius:14px;padding:0 14px;font-size:16px;font-weight:400}.field textarea{resize:vertical;padding:12px 14px}.inline-input{flex:160px;min-width:0;min-height:42px}fieldset.field{border:0;margin:0;padding:0}fieldset.field legend{margin-bottom:6px;padding:0}.field.compact input,.field.compact select{min-height:42px}.field-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;min-height:38px;padding:0 14px;font-size:14px;font-weight:700}.chip[aria-pressed=true]{background:var(--mocha);border-color:var(--mocha);color:var(--ivory)}.chip-static{white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.segmented{border-radius:var(--radius);background:var(--card);grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segmented button{border-radius:var(--radius-sm);min-height:40px;color:var(--mocha-soft);cursor:pointer;background:0 0;border:0;font-weight:700}.segmented button[aria-pressed=true]{background:var(--sage);color:var(--mocha);font-weight:800}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:36px;height:36px}.swatch[aria-pressed=true]{border-color:var(--mocha);box-shadow:inset 0 0 0 3px var(--card)}.pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.subject-dot{border-radius:5px;flex:none;width:16px;height:16px;display:inline-block}.notes{background:var(--card);white-space:pre-wrap;border-radius:14px;margin:0;padding:14px}.sheet{max-height:92dvh;overflow-y:auto}.child-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.child-card{flex-direction:row;align-items:center;gap:14px}.child-dot{width:48px;height:48px;font-family:var(--font-head);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:22px;display:flex}.lesson-row{border-top:1px solid #f1e8dc;align-items:center;gap:12px;padding:8px 0;display:flex}.lesson-row:first-child{border-top:0}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.week-scroll{background:var(--card);border-radius:var(--radius-lg);padding:16px;overflow-x:auto}@media (width>=900px){.week-grid{grid-template-columns:repeat(var(--days,5), minmax(150px, 1fr))!important}}.week-grid{gap:12px;display:grid}.week-day{border-radius:var(--radius);flex-direction:column;gap:8px;min-width:0;padding:8px;display:flex}.week-day.is-today{background:var(--ivory)}.week-day-title{margin:0 0 2px;font-size:14px;font-weight:800}.plan-card{border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.plan-card.is-done .plan-title{opacity:.75;text-decoration:line-through}.tick{width:22px;height:22px;accent-color:var(--mocha);flex:none;margin:1px 0 0}.plan-body{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:auto;gap:2px;min-width:0;padding:0;display:flex}.plan-subject{font-size:12px;font-weight:800}.plan-title{font-size:14px;font-weight:700}.plan-meta{font-size:12px}.add-slot{min-height:40px;color:var(--mocha-soft);cursor:pointer;background:0 0;border:1px dashed #d9cbbb;border-radius:14px;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}@media (width<=899px){.week-scroll{background:0 0;padding:0;overflow:visible}.week-grid{min-width:0;grid-template-columns:1fr!important}.week-day{background:var(--card);padding:14px}.week-day.is-today{box-shadow:inset 0 0 0 2px var(--blush);background:var(--card)}}.today-group{flex-direction:column;display:flex}.today-child{color:var(--mocha-soft);margin:8px 0 2px;font-size:13px;font-weight:800}.today-row{align-items:center;gap:12px;min-height:44px;display:flex}.today-title{text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;min-width:0;padding:8px 0;font-size:15px}.today-title.is-done{color:var(--mocha-soft);text-decoration:line-through}.term-table{flex-direction:column;gap:10px;display:flex}.term-row{grid-template-columns:70px minmax(0,1fr) minmax(0,1fr);align-items:end;gap:10px;display:grid}@media (width<=599px){.term-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.term-row>.strong{grid-column:1/-1}}.subject-row{border-top:1px solid #f1e8dc;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.subject-row:first-child{border-top:0}.subject-row .swatch{width:28px;height:28px}.subject-row legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.invite-box{border-radius:var(--radius);background:var(--ivory);flex-direction:column;gap:10px;margin-top:8px;padding:16px;display:flex}.link-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.link-box code{overflow-wrap:anywhere;background:var(--card);border-radius:12px;flex:220px;min-width:0;padding:10px 12px;font-size:13px}a.btn{text-decoration:none}.field input[type=file]{background:0 0;border:0;max-width:100%;min-height:0;padding:0;font-size:14px}.term-pick select{min-width:170px}.stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}@media (width<=700px){.stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat{gap:4px;padding:18px 20px}.stat-label{color:var(--mocha-soft);font-size:13px;font-weight:800}.stat-number{font-family:var(--font-head);font-size:34px;line-height:1.1}.legend{color:var(--mocha-soft);flex-wrap:wrap;gap:6px 14px;font-size:13px;font-weight:700;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:4px;width:12px;height:12px;display:inline-block}.att-grid{flex-direction:column;gap:6px;display:flex}.att-row{grid-template-columns:48px repeat(5,minmax(0,1fr));align-items:stretch;gap:6px;display:grid}.att-head span{color:var(--mocha-soft);text-align:center;font-size:12px;font-weight:800}.att-week{color:var(--mocha-soft);align-self:center;font-size:12px;font-weight:800}.att-cell{cursor:pointer;min-height:52px;color:var(--mocha);border:1px solid #efe4d6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:4px;display:flex}.att-cell:disabled{cursor:default}.att-out{background:0 0;border:0}.att-date{font-size:14px;font-weight:800}.att-label{font-size:11px;font-weight:700}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.sample{background:var(--ivory);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.sample-thumb{aspect-ratio:4/3;background:var(--sand);justify-content:center;align-items:center;text-decoration:none;display:flex;overflow:hidden}.sample-thumb img{object-fit:cover;width:100%;height:100%}.sample-file{color:var(--mocha-soft);font-size:18px;font-weight:800}.sample-body{flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px 12px;display:flex}.report-page{max-width:1240px}.report-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}@media (width<=1000px){.report-layout{grid-template-columns:1fr}}.report-doc{border-radius:var(--radius-lg);color:var(--mocha);background:#fff;padding:36px 40px;font-size:14.5px;line-height:1.55;box-shadow:0 1px #efe4d6}.report-head{border-bottom:2px solid var(--blush);flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:18px;display:flex}.report-logo{width:120px;height:auto}.report-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--mocha-soft);margin:0;font-size:12px;font-weight:800}.report-title{font-family:var(--font-head);margin:2px 0;font-size:32px;font-weight:500}.report-sub{color:var(--mocha-soft);margin:0}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 6px;display:grid}.report-stats div{background:var(--ivory);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.report-stats strong{font-family:var(--font-head);font-size:24px;font-weight:500;line-height:1.1}.report-stats span{color:var(--mocha-soft);font-size:12px}.report-h{font-family:var(--font-head);margin:22px 0 8px;font-size:19px;font-weight:500}.report-text{white-space:pre-wrap;margin:0 0 8px}.report-empty{color:#a08a80;font-style:italic}.report-subject{break-inside:avoid;border-top:1px solid #f1e8dc;padding:10px 0}.report-subject-name{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-weight:800;display:flex}.report-subject-meta{color:var(--mocha-soft);font-weight:600}.report-dot{border-radius:4px;width:12px;height:12px;display:inline-block}.report-topics{color:var(--mocha-soft);margin:0 0 6px;font-size:13.5px}.report-samples{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.report-sample{break-inside:avoid;margin:0}.report-sample img,.report-sample-file{aspect-ratio:4/3;object-fit:cover;background:var(--ivory);border-radius:10px;width:100%}.report-sample-file{text-align:center;overflow-wrap:anywhere;justify-content:center;align-items:center;padding:8px;font-size:12px;display:flex}.report-sample figcaption{color:var(--mocha-soft);margin-top:4px;font-size:12px}.report-foot{color:var(--mocha-soft);border-top:1px solid #f1e8dc;margin-top:26px;padding-top:12px;font-size:12px}@media print{@page{size:A4;margin:14mm}body{background:#fff!important}.sidebar,.bottom-nav,.no-print,.sheet-backdrop{display:none!important}.shell,.main,.page,.report-layout{max-width:none!important;padding:0!important;display:block!important}.report-doc{box-shadow:none;border-radius:0;padding:0}.report-empty{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}textarea,select{font:inherit;color:inherit}.report-h{break-after:avoid;page-break-after:avoid}.report-samples{break-inside:avoid}.plan-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.plan-ok{background:var(--sage)}.plan-warn{background:var(--peach)}.plan-off{background:var(--sand)}.plan-founding{background:var(--gold)}.notice-warn{background:var(--peach)}.plan-choose{border-top:1px solid var(--line);gap:12px;padding-top:12px;display:grid}.plan-choose .h3,.plan-choose p{margin:0}.plan-options{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.plan-option{text-align:left;border:2px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--mocha);font:inherit;cursor:pointer;gap:4px;padding:14px 16px;display:grid}.plan-option[aria-checked=true]{border-color:var(--mocha);background:var(--ivory)}.plan-option:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.plan-price{font-family:var(--font-head);font-size:26px;font-weight:600}.stack{flex-direction:column;gap:16px;display:flex}.add-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.add-row .grow{flex:3 220px}.add-row .qty{flex:110px}.add-row .cat{flex:170px;padding-right:8px}.add-row .date{flex:150px}.add-row .btn{min-height:42px}.small-chips .chip{min-height:32px;font-size:13px}.list{flex-direction:column;display:flex}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:48px;display:flex}.list-row:last-child{border-bottom:0}.list-main{flex:auto;min-width:0;padding:10px 0;font-size:15px}.list-main.as-button{text-align:left;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.list-main.as-button:disabled{cursor:default}.list-main.is-done .list-title{color:var(--mocha-soft);text-decoration:line-through}.list-title{overflow-wrap:anywhere}.list-note{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-meta{flex:none;align-items:center;gap:8px;display:inline-flex}.list-group-label{color:var(--mocha-soft);margin:12px 0 2px;font-size:13px;font-weight:800}.list-group-label.danger{color:var(--error)}.who{flex:none}.icon-btn.subtle{width:36px;height:36px;color:var(--mocha-soft);background:0 0}.icon-btn.subtle:hover{background:var(--sand)}.text-btn{font:inherit;color:var(--mocha);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:800}.field-row.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.home-today-links{flex-direction:column;gap:0;margin-top:4px;display:flex}@media (width<=599px){.add-row .grow{flex-basis:100%}.add-row .btn{flex:100%}.list-meta{flex-direction:column;align-items:flex-end;gap:2px}}.often-row{color:var(--mocha);align-items:center;gap:10px;font-weight:400;display:flex}.often-row .num{width:84px}.often-row select{flex:auto}.hint{margin-top:4px;font-weight:400}.check-row{cursor:pointer;align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.is-paused{opacity:.6}.preset-list{max-height:55vh;margin:4px -4px;padding:0 4px;overflow-y:auto}.center{justify-content:center}.card.empty .row-gap{margin-top:6px}