:root{--paper: oklch(.985 .008 85);--paper-2: oklch(.975 .012 85);--paper-3: oklch(.96 .016 85);--ink: oklch(.22 .02 260);--ink-2: oklch(.38 .02 260);--ink-3: oklch(.55 .02 260);--ink-4: oklch(.72 .015 260);--hair: color-mix(in oklch, var(--ink) 10%, transparent);--hair-2: color-mix(in oklch, var(--ink) 18%, transparent);--mandarin: oklch(.72 .14 55);--iris: oklch(.62 .14 280);--moss: oklch(.68 .1 150);--rose: oklch(.7 .13 20);--sky: oklch(.72 .1 230);--gold: oklch(.8 .13 90);--persona: var(--mandarin);--persona-2: var(--iris);--bg-tint: color-mix(in oklch, var(--persona) 5%, var(--paper));--r-sm:6px;--r:10px;--r-md:14px;--r-lg:18px;--serif:"Instrument Serif", Georgia, serif;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body[data-persona=student]{--persona:var(--mandarin);--persona-2:var(--iris)}body[data-persona=parent]{--persona:var(--iris);--persona-2:var(--rose)}body[data-persona=teacher]{--persona:var(--moss);--persona-2:var(--sky)}body[data-persona=mentor]{--persona:var(--rose);--persona-2:var(--mandarin)}button{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:var(--bg-tint);transition:background .35s ease}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{display:none}}.stripes{background:repeating-linear-gradient(135deg,color-mix(in oklch,var(--ink) 6%,transparent) 0 1px,transparent 1px 9px),var(--paper-2);color:var(--ink-3);font-family:var(--mono);font-size:11px;display:flex;align-items:center;justify-content:center;border:.5px solid var(--hair);border-radius:var(--r-md)}.mono{font-family:var(--mono);letter-spacing:-.01em}.serif{font-family:var(--serif);font-weight:400}.label{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;border:.5px solid var(--hair-2);background:transparent;font-size:12.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .15s ease,border-color .15s ease}.btn:hover{background:color-mix(in oklch,var(--ink) 5%,transparent)}.btn-primary{background:var(--ink);color:var(--paper);border-color:transparent}.btn-accent{background:var(--persona);color:var(--paper);border-color:transparent}.btn-ghost{border-color:transparent}.card{background:var(--paper);border:.5px solid var(--hair);border-radius:var(--r-md);padding:18px}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-family:var(--mono);font-size:10.5px;border:.5px solid var(--hair-2);color:var(--ink-2);background:color-mix(in oklch,var(--paper) 80%,transparent)}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--persona)}.mono-badge{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px;font-style:italic;color:var(--ink);background:var(--paper-3);border:.5px solid var(--hair-2);flex-shrink:0}.meter{position:relative;height:4px;border-radius:999px;background:color-mix(in oklch,var(--ink) 8%,transparent);overflow:hidden}.meter>i{position:absolute;inset:0 auto 0 0;background:var(--persona);border-radius:999px;display:block}.meter.moss>i{background:var(--moss)}.meter.iris>i{background:var(--iris)}.meter.gold>i{background:var(--gold)}.h-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px}.h-display{font-family:var(--serif);font-size:46px;line-height:1.1;letter-spacing:-.015em;margin:0 0 14px;font-weight:400;text-wrap:pretty}.h-title{font-family:var(--serif);font-size:30px;line-height:1.15;letter-spacing:-.01em;margin:0;font-weight:400}hr.hair{border:0;border-top:.5px solid var(--hair);margin:0}.chrome{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 28px;gap:14px;flex-wrap:wrap;border-bottom:.5px solid var(--hair);background:color-mix(in oklch,var(--paper) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:30}.chrome-l{display:flex;align-items:center;gap:14px;flex-shrink:0}.chrome-r{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chrome-search{display:flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:.5px solid var(--hair-2);border-radius:999px;min-width:200px;background:color-mix(in oklch,var(--paper) 90%,transparent)}@media (max-width:1180px){.chrome-hide-md{display:none!important}}.sidebar{border-right:.5px solid var(--hair);padding:18px 14px 18px 18px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh;background:color-mix(in oklch,var(--paper) 50%,transparent)}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px}.brand .glyph{width:26px;height:26px;border-radius:8px;background:radial-gradient(circle at 30% 30%,var(--mandarin),transparent 60%),radial-gradient(circle at 70% 70%,var(--iris),transparent 60%),var(--ink)}.brand b{font-family:var(--serif);font-size:18px;font-style:italic;font-weight:400}.brand small{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:-2px}.nav{display:flex;flex-direction:column;gap:1px}.nav-h{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:10px 8px 4px}.nav-i{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:var(--ink-2)}.nav-i:hover{background:color-mix(in oklch,var(--ink) 4%,transparent);color:var(--ink)}.nav-i.active{background:color-mix(in oklch,var(--persona) 14%,transparent);color:var(--ink);font-weight:500}.nav-i .ic{width:14px;height:14px;color:var(--ink-3)}.nav-i.active .ic{color:var(--persona)}.nav-i .badge{margin-left:auto;font-family:var(--mono);font-size:9.5px;color:var(--ink-3)}.persona-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:color-mix(in oklch,var(--ink) 4%,transparent);padding:3px;border-radius:10px}.persona-switch button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;height:28px;border-radius:7px;font-size:11.5px;color:var(--ink-2);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.persona-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 0 0 .5px var(--hair-2)}.persona-switch .pdot{width:6px;height:6px;border-radius:50%;background:var(--persona)}main{min-width:0}.page{padding:28px 32px 48px;max-width:1280px;margin:0 auto}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media (max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page{padding:18px}}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--moss);box-shadow:0 0 0 3px color-mix(in oklch,var(--moss) 25%,transparent);animation:livePulse 1.6s ease-in-out infinite}@keyframes livePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.65}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.kid-av{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-style:italic;font-size:13px;background:var(--paper-3);border:.5px solid var(--hair-2)}.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:6px;font-family:var(--mono);font-size:10.5px;background:color-mix(in oklch,var(--ink) 5%,transparent);color:var(--ink-2)}.tag.persona{background:color-mix(in oklch,var(--persona) 18%,transparent);color:var(--ink)}.tag.moss{background:color-mix(in oklch,var(--moss) 22%,transparent);color:var(--ink)}.tag.iris{background:color-mix(in oklch,var(--iris) 18%,transparent);color:var(--ink)}.tag.rose{background:color-mix(in oklch,var(--rose) 18%,transparent);color:var(--ink)}.tag.gold{background:color-mix(in oklch,var(--gold) 22%,transparent);color:var(--ink)}.tag.sky{background:color-mix(in oklch,var(--sky) 22%,transparent);color:var(--ink)}.spark{height:36px;width:100%;display:block}.ink-surface{background:var(--ink);color:var(--paper)}.ink-surface .label{color:color-mix(in oklch,var(--paper) 60%,transparent)}.board{background:var(--paper-2);border:.5px solid var(--hair);border-radius:var(--r-md);position:relative;overflow:hidden}.num{font-family:var(--serif);font-size:34px;line-height:1;letter-spacing:-.02em}.num small{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-left:6px}.sect-row{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 18px;gap:18px;flex-wrap:wrap}.sect-row .sect-l{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 320px}.chips{display:flex;gap:6px;flex-wrap:wrap}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.slide-in{animation:slideIn .35s ease}@keyframes voicePulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.input{height:36px;padding:0 12px;font:inherit;font-size:13px;border:.5px solid var(--hair-2);border-radius:8px;background:var(--paper-2);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--persona);box-shadow:0 0 0 3px color-mix(in oklch,var(--persona) 16%,transparent)}body[data-density=compact] .page{padding:18px 24px 32px}body[data-density=compact] .card{padding:14px}body[data-density=roomy] .page{padding:36px 40px 64px}body[data-density=roomy] .card{padding:22px}body[data-live-dots=false] .live-dot{display:none}