:root{--ink: #222222;--ink-soft: #5f5f5f;--paper: #f1f1ef;--surface: #ffffff;--line: #e6e5e2;--primary: #ec6132;--primary-d: #cc2d00;--primary-tint: #ffe4d6;--cta: #ec6132;--cta-d: #d8511f;--alert: #ff3900;--ok: #12a150;--radius: 20px;--radius-sm: 12px;--shadow: 0 12px 32px rgba(30, 24, 20, .14);--shadow-sm: 0 4px 16px rgba(30, 24, 20, .09);--ease: cubic-bezier(.22, 1, .36, 1);--font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: var(--font);--mono: "Space Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1100px 520px at 108% -12%,#ffe4d6 0,transparent 60%),radial-gradient(820px 460px at -8% 2%,#fff2ec 0,transparent 55%),var(--paper);background-attachment:fixed}body[data-bg]{background-repeat:repeat,no-repeat;background-size:168px 168px,100% 100%;background-attachment:fixed,fixed;background-position:0 0,0 0}body[data-bg=space]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='18' y='46' font-size='30' opacity='0.12'>⭐</text><text x='112' y='80' font-size='26' opacity='0.10'>🚀</text><text x='60' y='132' font-size='30' opacity='0.10'>🪐</text><text x='132' y='156' font-size='18' opacity='0.12'>✨</text></svg>"),linear-gradient(180deg,#edf0fc,var(--paper))}body[data-bg=math]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='16' y='46' font-size='28' opacity='0.11'>➗</text><text x='104' y='74' font-size='26' opacity='0.10'>➕</text><text x='58' y='130' font-size='26' opacity='0.10'>✖️</text><text x='126' y='150' font-size='24' opacity='0.11'>📐</text></svg>"),linear-gradient(180deg,#e8f1fb,var(--paper))}body[data-bg=science]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='18' y='48' font-size='28' opacity='0.11'>🔬</text><text x='110' y='78' font-size='26' opacity='0.10'>⚗️</text><text x='56' y='132' font-size='28' opacity='0.10'>🧪</text><text x='128' y='152' font-size='22' opacity='0.11'>🧬</text></svg>"),linear-gradient(180deg,#e7f5f0,var(--paper))}body[data-bg=flowers]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='16' y='46' font-size='28' opacity='0.13'>🌸</text><text x='108' y='76' font-size='26' opacity='0.11'>🌼</text><text x='58' y='130' font-size='28' opacity='0.12'>🌷</text><text x='128' y='152' font-size='22' opacity='0.12'>🍀</text></svg>"),linear-gradient(180deg,#fcecf3,var(--paper))}body[data-bg=books]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='16' y='48' font-size='28' opacity='0.11'>📚</text><text x='110' y='76' font-size='24' opacity='0.10'>✏️</text><text x='56' y='132' font-size='26' opacity='0.10'>📖</text><text x='130' y='150' font-size='22' opacity='0.11'>🍎</text></svg>"),linear-gradient(180deg,#faf1e3,var(--paper))}body[data-bg=sports]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='168' height='168'><text x='18' y='48' font-size='28' opacity='0.11'>⚽</text><text x='110' y='78' font-size='26' opacity='0.10'>🏀</text><text x='56' y='132' font-size='26' opacity='0.10'>🎾</text><text x='130' y='152' font-size='24' opacity='0.11'>🏈</text></svg>"),linear-gradient(180deg,#e9f5ea,var(--paper))}h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.4px;color:var(--ink)}h1{font-weight:800}h2{font-size:1.12rem}h3{font-size:1rem}.center{min-height:100vh;display:grid;place-items:center;padding:2rem;position:relative;overflow:hidden}.muted{color:var(--ink-soft);font-weight:600}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.btn:focus-visible,.widget:focus-visible,.continue-card:focus-visible,.game-tile:focus-visible,.mood-btn:focus-visible,.chip.selectable:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:16px}.swatch:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.error{color:#d23;font-weight:700}.ok{color:var(--ok);font-weight:700}.hint{font-size:.85rem;color:var(--ink-soft);font-weight:600}.spacer{flex:1}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.btn{font-family:var(--display);font-weight:700;font-size:.95rem;padding:.6rem 1.15rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:transform .15s var(--ease),box-shadow .18s var(--ease),background .15s ease}.btn:active{transform:translateY(1px) scale(.985)}.btn.primary{background:var(--cta);color:var(--ink);box-shadow:0 4px 14px #ec613280}.btn.primary:hover{background:var(--cta-d);transform:translateY(-2px);box-shadow:0 8px 20px #d8511f8c}.btn.primary:active{transform:translateY(0) scale(.99);box-shadow:0 3px 10px #ec613273}.btn.primary:disabled{opacity:.5;box-shadow:none;cursor:default;transform:none}.btn.big{padding:.85rem 1.6rem;font-size:1.1rem}.btn.sm{padding:.4rem .8rem;font-size:.85rem}.btn.google{background:#fff;border-color:var(--line);width:100%;color:var(--ink);box-shadow:var(--shadow-sm)}.btn.google:hover{transform:translateY(-2px)}.btn.ghost{background:#ffffff29;color:#fff;border-color:#ffffff59}.btn.ghost:hover{background:#ffffff47}.btn.ghost-dark{background:transparent;border-color:var(--line);color:var(--ink)}.btn.ghost-dark:hover{background:#fff;box-shadow:var(--shadow-sm)}.btn.link{background:none;border:none;color:var(--primary-d);font-weight:700}.btn.link:hover{text-decoration:underline}.btn.link.danger{color:#d23}input,textarea,select{font:inherit;padding:.7rem .85rem;width:100%;border:2px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:border .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #ec613238}textarea{min-height:84px;resize:vertical}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .8rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:var(--shadow-sm)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.15rem 1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.panel>.section-head{margin-bottom:.1rem}.col{display:flex;flex-direction:column;gap:.9rem}.auth-card{width:380px;text-align:center;gap:.8rem;box-shadow:var(--shadow);position:relative;z-index:1}.divider{color:var(--ink-soft);font-weight:700;margin:.2rem 0}.creds{background:var(--primary-tint);border:2px dashed var(--primary);border-radius:var(--radius-sm);padding:.7rem}.announcement{border-left:6px solid var(--primary)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;font-size:.85rem;font-weight:700}.chip.selectable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:.12s}.chip.selectable:hover{border-color:var(--primary)}.chip.selectable.on{background:var(--primary);border-color:var(--primary);color:#fff}.chip.behind{background:#fde7e7;border-color:#f3b4b4;color:#c23;font-size:.72rem;padding:.1rem .5rem}.chip.stuck{background:#ffe0cf;border-color:var(--primary);color:var(--primary-d);font-size:.72rem;padding:.1rem .5rem}.progress-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm)}.progress-table{width:100%;border-collapse:collapse;font-weight:600;min-width:480px}.progress-table th{text-align:left;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);padding:.6rem .85rem;border-bottom:2px solid var(--line);background:var(--paper);white-space:nowrap}.progress-table td{padding:.55rem .85rem;border-bottom:1px solid var(--line);vertical-align:middle}.progress-table tbody tr:last-child td{border-bottom:none}.progress-table tbody tr.pt-row{cursor:pointer}.progress-table tbody tr:hover td{background:color-mix(in srgb,var(--primary) 5%,var(--surface))}.pt-name{font-weight:800}.progress-table td:first-child .chip{margin-left:.4rem;vertical-align:middle}.pt-done{font-family:var(--mono);font-weight:700}.pt-action{text-align:right;white-space:nowrap}.progress-table .row-behind td{background:#fff7f4}.progress-table .row-stuck td{background:var(--primary-tint)}.detail-card{background:#fff;border-radius:22px;width:min(880px,94vw);height:min(78vh,720px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow);animation:pop .25s ease}.detail-card .chat-head{display:flex;align-items:center}.detail-body{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;min-height:0}.detail-col{display:flex;flex-direction:column;gap:.5rem;min-height:0}.detail-log{flex:1;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem}.notes-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.note p{margin:0 0 .25rem}@media (max-width: 720px){.detail-body{grid-template-columns:1fr;overflow-y:auto}}.card.subtle{background:var(--paper);box-shadow:none;gap:.5rem}.module-edit{gap:.4rem}.shell{min-height:100vh}.topbar{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.brand{font-family:var(--display);font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}a.brand{color:var(--ink);text-decoration:none;cursor:pointer}a.brand:hover{opacity:.8}.who{font-size:.85rem;color:var(--ink-soft);font-weight:700}.content{padding:1.2rem 1.4rem;max-width:1120px;margin:0 auto}.sandbox-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.45rem 1.5rem;background:var(--ink);color:#fff;font-size:.82rem}.sandbox-bar .sb-label{font-family:var(--display);font-weight:700}.sandbox-bar .sb-sep{opacity:.6;margin-left:.25rem}.sandbox-bar .sb-btn{padding:.25rem .7rem;font-size:.8rem;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none;text-transform:capitalize}.sandbox-bar .sb-btn:hover{background:#ffffff38;transform:none}.sandbox-bar .sb-btn.sb-active{background:var(--primary);border-color:var(--primary);color:#fff}.sandbox-bar .sb-btn.sb-reset{margin-left:auto;border-color:#ff787880;color:#ffb4b4}.sandbox-bar .sb-btn.sb-reset:hover{background:#ff5a5a33}.sandbox-bar .sb-msg{opacity:.9;width:100%}.grid{display:flex;flex-direction:column;gap:.9rem}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:1.1rem;align-items:start}.grid h2,.two-col h2{margin:.05rem 0}.widget-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.6rem}.widget{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.4rem;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.widget:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--primary)}.widget{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s ease}.widget:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary)}.cta{color:var(--primary-d);font-weight:800;font-family:var(--display)}.ring{background:var(--surface);border-radius:var(--radius-sm);padding:.35rem;text-align:center}.ring span{font-size:1.3rem;font-weight:800;font-family:var(--display);color:var(--primary-d)}.ring small{display:block;color:var(--ink-soft);font-weight:700}.stats{display:flex;gap:1rem;flex-wrap:wrap}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.7rem;text-align:center;box-shadow:var(--shadow-sm)}.stat .num{font-size:2.2rem;font-weight:800;font-family:var(--display);color:var(--primary-d)}.stat .lbl{color:var(--ink-soft);font-weight:700}.usage-table{width:100%;border-collapse:collapse;font-weight:600}.usage-table th{text-align:left;color:var(--ink-soft);font-size:.82rem;padding:.4rem .5rem;border-bottom:2px solid var(--line)}.usage-table td{padding:.45rem .5rem;border-bottom:1px solid var(--line)}.usage-table td:not(:first-child),.usage-table th:not(:first-child){text-align:right}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.modules{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow-sm)}.stepper{list-style:none;padding:0;margin:0}.step{display:flex;gap:.85rem;padding:.7rem 0;opacity:.5}.step.active,.step.current,.step.done{opacity:1}.step .dot{width:16px;height:16px;border-radius:50%;background:var(--line);margin-top:.25rem;flex:none}.step.done .dot{background:var(--ok)}.step.current .dot{background:var(--primary);box-shadow:0 0 0 5px #ec613240}.xp-badge{font-family:var(--display);font-weight:700;background:var(--primary-tint);border:1px solid var(--primary);color:var(--primary-d);border-radius:999px;padding:.25rem .7rem}.project-done{background:var(--primary-tint);border-color:var(--primary);text-align:center;font-family:var(--display);font-weight:700}.celebrate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#14100a73;animation:pop .25s ease;padding:1rem}.celebrate-card{background:#fff;border-radius:28px;padding:2rem 2.5rem;text-align:center;box-shadow:var(--shadow);display:grid;justify-items:center;gap:.25rem;animation:bob .5s ease}.celebrate-card h2{margin:.25rem 0}.celebrate-card .ok{font-family:var(--display);font-size:1.4rem}.ace{height:100%}.chat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;height:540px;box-shadow:var(--shadow-sm);overflow:hidden}.chat-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;display:flex;align-items:center;gap:.5rem;background:var(--primary-tint)}.chat-log{flex:1;overflow-y:auto;padding:1.1rem;display:flex;flex-direction:column;gap:.55rem}.bubble{max-width:82%;padding:.6rem .9rem;border-radius:18px;line-height:1.4;font-weight:600}.bubble.me{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:5px}.bubble.mascot,.bubble.peer{align-self:flex-start;background:var(--paper);border-bottom-left-radius:5px}.bubble.peer .sender,.bubble.teacher .sender{display:block;font-size:.72rem;font-weight:800;color:var(--primary-d);margin-bottom:2px}.bubble.teacher{align-self:flex-start;background:var(--primary-tint);border:1.5px solid var(--primary)}.group-chat{height:320px;margin-top:1rem}.studio{display:flex;flex-direction:column;gap:.2rem;position:relative}.studio:before,.teacher-dash:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(34,28,22,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(34,28,22,.06) 1px,transparent 1px);background-size:26px 26px;background-position:center top}.studio-top,.tracker,.studio-grid{position:relative;z-index:1}.teacher-dash{position:relative}.teacher-dash>*{position:relative;z-index:1}.lab-tag{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.14em;margin-bottom:.35rem;padding:.14rem .55rem;border-radius:999px;color:color-mix(in srgb,var(--phase) 55%,#141414);border:1px solid color-mix(in srgb,var(--phase) 35%,var(--line));background:color-mix(in srgb,var(--phase) 8%,var(--surface))}.lab-tag svg{color:var(--phase)}.phase-code{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.02em;color:color-mix(in srgb,var(--phase) 52%,#141414)}.phase-hero-side{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex:none}.lab-status{font-family:var(--mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;color:color-mix(in srgb,var(--phase) 52%,#141414);display:inline-flex;align-items:center;gap:.35rem}.lab-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--phase);animation:pulseDot 1.5s ease-out infinite}.lab-status.done{color:var(--ink-soft)}.lab-status.done:before{background:var(--ink-soft);animation:none}@keyframes pulseDot{0%{box-shadow:0 0 color-mix(in srgb,var(--phase) 55%,transparent)}70%,to{box-shadow:0 0 0 6px transparent}}.dock-head{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.66rem;font-weight:700;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.45rem}.dock-live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 7px var(--ok);animation:pulseLive 1.6s ease-in-out infinite}@keyframes pulseLive{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.lab-status:before,.dock-live{animation:none}}.studio-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.studio-titles h1{font-family:var(--mono);font-size:1.35rem;letter-spacing:-.5px;margin:0}.studio-titles p{margin:.2rem 0 0;max-width:46rem}.challenge-title-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.challenge-edit-btn{flex:none}.studio-titles.editing{width:100%;max-width:46rem;display:flex;flex-direction:column;gap:.4rem}.challenge-title-in{font-family:var(--mono);font-size:1.2rem;font-weight:700;letter-spacing:-.4px;padding:.45rem .6rem;border-radius:10px;border:1.5px solid var(--line);background:var(--surface)}.challenge-desc-in{font-family:inherit;font-weight:600;line-height:1.45;resize:vertical;padding:.5rem .6rem;border-radius:10px;border:1.5px solid var(--line);background:var(--surface)}.challenge-title-in:focus,.challenge-desc-in:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.challenge-edit-actions{display:flex;gap:.4rem}.studio-team{display:flex;gap:.35rem;flex-wrap:wrap}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1.5px solid var(--line);font-size:.72rem;font-weight:800;color:var(--ink-soft)}.avatar.me{width:auto;padding:0 .65rem;background:var(--primary);border-color:var(--primary);color:var(--ink)}.tracker{display:flex;align-items:flex-start;gap:0;margin:.3rem 0 1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1.2rem;box-shadow:var(--shadow-sm)}.track-step{position:relative;flex:1;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:none;border:none;padding:0;cursor:pointer;color:var(--ink-soft)}.track-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;z-index:1;background:var(--surface);border:2.5px solid var(--line);color:var(--ink-soft);transition:.18s var(--ease)}.track-step:hover .track-ico{border-color:var(--step-c)}.track-step.current .track-ico{border-color:var(--step-c);color:var(--step-c);box-shadow:0 0 0 5px color-mix(in srgb,var(--step-c) 18%,transparent),0 0 18px color-mix(in srgb,var(--step-c) 55%,transparent);transform:scale(1.08)}.track-step.done .track-ico{background:var(--step-c);border-color:var(--step-c);color:var(--ink);box-shadow:0 0 12px color-mix(in srgb,var(--step-c) 42%,transparent)}.track-label{font-family:var(--mono);font-size:.64rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.track-step.current .track-label{color:color-mix(in srgb,var(--step-c) 55%,#141414)}.track-step.done .track-label{color:var(--ink)}.track-line{position:absolute;top:20px;left:50%;width:100%;height:3px;background:var(--line);z-index:0}.track-line.on{background:var(--step-c);box-shadow:0 0 8px color-mix(in srgb,var(--step-c) 45%,transparent)}.track-pct{align-self:center;font-family:var(--mono);font-weight:700;font-size:.92rem;color:color-mix(in srgb,var(--phase) 55%,#141414);margin-left:.7rem;white-space:nowrap}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;align-items:start}.studio-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem 1rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.9rem;position:relative}.studio-main:after{content:"";position:absolute;top:0;left:16px;right:16px;height:3px;z-index:3;border-radius:0 0 3px 3px;background:var(--phase);box-shadow:0 0 12px color-mix(in srgb,var(--phase) 60%,transparent)}.phase-hero{display:flex;align-items:center;gap:1rem;margin:.1rem 0 .3rem;padding:.9rem 1.1rem;border-radius:16px;border:1px solid var(--line);border-left:4px solid var(--phase);background:linear-gradient(115deg,var(--phase-tint),var(--surface) 82%)}.phase-hero-ico{width:54px;height:54px;border-radius:16px;flex:none;display:grid;place-items:center;background:var(--phase);color:var(--ink);box-shadow:0 6px 16px color-mix(in srgb,var(--phase) 42%,transparent)}.phase-hero-text{flex:1;min-width:0}.phase-hero h2{font-family:var(--mono);margin:.05rem 0 0;font-size:1.4rem;letter-spacing:-.5px;line-height:1.12}.phase-hero .ace-dancing,.phase-hero svg{flex:none}.phase-kicker{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--phase) 62%,#1a1a1a)}.phase-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.3rem;border-top:1px solid var(--line);padding-top:.8rem}.tracker{align-items:center;gap:.9rem;transition:border-color .4s,background .4s}.track-steps{flex:1;min-width:0;display:flex;flex-direction:column;gap:.55rem}.track-row{position:relative;display:flex;align-items:flex-start}.track-min{font-family:var(--mono);font-size:.58rem;font-weight:700;color:var(--ink-soft);display:inline-flex;align-items:center;gap:2px;letter-spacing:.02em}.track-min.now{color:#fff;background:var(--step-c);padding:1px 6px;border-radius:999px;animation:nowPulse 1.8s ease-in-out infinite}@keyframes nowPulse{0%,to{box-shadow:0 2px 6px color-mix(in srgb,var(--step-c) 35%,transparent)}50%{box-shadow:0 2px 12px color-mix(in srgb,var(--step-c) 65%,transparent)}}.track-pace{position:relative;height:5px;border-radius:4px;overflow:hidden;background:color-mix(in srgb,var(--ink) 9%,transparent)}.track-pace-fill{height:100%;border-radius:4px;transition:width 1s linear,background .4s;background:linear-gradient(90deg,#54c98a,#18a558)}.track-time{flex:none;display:flex;align-items:center;gap:.4rem}.track-clock{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:11px;border:1.5px solid var(--line);background:var(--surface)}.track-fuse{font-size:1.15rem;line-height:1;transform-origin:50% 80%}.track-clock-val{font-family:var(--mono);font-weight:700;font-size:.9rem;color:var(--ink);font-variant-numeric:tabular-nums}.tracker.pace-warm .track-pace-fill{background:linear-gradient(90deg,#f6cf52,#f2b705)}.tracker.pace-warm .track-clock-val{color:#9a7400}.tracker.pace-danger .track-pace-fill{background:linear-gradient(90deg,#f3925f,#ec6132)}.tracker.pace-danger .track-clock{border-color:color-mix(in srgb,#ec6132 50%,var(--line))}.tracker.pace-danger .track-clock-val{color:#c64a1c}.tracker.pace-critical{border-color:#e23b2e}.tracker.pace-critical .track-clock{border-color:#e23b2e;background:color-mix(in srgb,#e23b2e 6%,var(--surface));animation:bombPulse 1s ease-in-out infinite}.tracker.pace-critical .track-fuse{animation:fuseShake .5s linear infinite}.tracker.pace-critical .track-pace-fill{background:#e23b2e}.tracker.pace-critical .track-clock-val,.tracker.pace-expired .track-clock-val{color:#c0271c}.tracker.pace-expired .track-clock{border-color:#e23b2e;background:color-mix(in srgb,#e23b2e 8%,var(--surface))}.track-gear-wrap{position:relative}.track-gear{width:32px;height:32px;border-radius:9px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--ink-soft);transition:.12s var(--ease)}.track-gear:hover{border-color:var(--primary);color:var(--primary-d)}.pace-pop{position:absolute;top:calc(100% + .4rem);right:0;z-index:20;width:220px;display:flex;flex-direction:column;gap:.5rem;padding:.7rem;border-radius:13px;border:1.5px solid var(--line);background:var(--surface);box-shadow:0 12px 30px #1e19142e}.pace-pop-head{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--ink-soft)}.pace-pop-head button{border:none;background:none;cursor:pointer;color:var(--ink-soft);padding:2px}.pace-presets{display:flex;flex-wrap:wrap;gap:.3rem}.pace-presets button{flex:1;min-width:38px;padding:.35rem;border-radius:9px;border:1.5px solid var(--line);background:var(--paper);font-weight:800;font-size:.8rem;cursor:pointer;color:var(--ink-soft)}.pace-presets button.on{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-d)}.pace-min-row{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.85rem}.pace-min-row input{width:5rem;padding:.4rem .5rem;border-radius:9px;border:1.5px solid var(--line);font-weight:700}.pace-pop-note{margin:0;font-size:.72rem;color:var(--ink-soft);line-height:1.35}@keyframes bombPulse{0%,to{box-shadow:0 0 color-mix(in srgb,#e23b2e 45%,transparent)}50%{box-shadow:0 0 0 5px transparent}}@keyframes fuseShake{0%,to{transform:rotate(0) translate(0)}25%{transform:rotate(-9deg) translate(-1px)}75%{transform:rotate(9deg) translate(1px)}}@media (max-width: 640px){.tracker{flex-wrap:wrap}.track-time{order:-1;width:100%;justify-content:flex-end}.track-label{font-size:.58rem}}@media (prefers-reduced-motion: reduce){.tracker.pace-critical .track-clock,.tracker.pace-critical .track-fuse,.track-min.now{animation:none}}.studio-dock{position:sticky;top:1rem}.room{display:flex;flex-direction:column;height:560px;border-radius:18px;border:1.5px solid var(--line);background:var(--surface);overflow:hidden;box-shadow:0 10px 30px #1e191412}.room-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .85rem;border-bottom:1px solid var(--line);flex:none;background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}.room-title{font-family:var(--display);font-weight:800;font-size:1rem}.room-online{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.68rem;font-weight:700;color:var(--ink-soft)}.room-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}.room-dot.live{box-shadow:0 0 color-mix(in srgb,var(--ok) 70%,transparent);animation:roomPulse 2s infinite}@keyframes roomPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--ok) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.room-log{flex:1;overflow-y:auto;padding:.85rem .8rem .4rem;display:flex;flex-direction:column;gap:.55rem;background:radial-gradient(circle at 18% 12%,color-mix(in srgb,var(--primary) 6%,transparent),transparent 42%),radial-gradient(circle at 86% 88%,color-mix(in srgb,#4f9dde 7%,transparent),transparent 46%)}.room-empty{margin:auto;text-align:center;color:var(--ink-soft);font-weight:600;font-size:.9rem;max-width:220px;line-height:1.5}.room-empty b{color:var(--primary-d)}.room-msg{display:flex;gap:.45rem;max-width:100%;animation:roomIn .22s var(--ease)}@keyframes roomIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.room-col{display:flex;flex-direction:column;gap:.12rem;min-width:0;max-width:82%}.room-msg.me{flex-direction:row-reverse}.room-msg.me .room-col{align-items:flex-end}.room-sender{font-size:.68rem;font-weight:800;color:var(--ink-soft);padding:0 .3rem;letter-spacing:.01em}.room-sender.ace{color:var(--primary-d)}.room-ace{flex:none;align-self:flex-end}.room-bubble{padding:.5rem .72rem;border-radius:15px;font-weight:600;line-height:1.42;font-size:.92rem;word-break:break-word;border:1.5px solid transparent}.room-msg.peer .room-bubble{background:var(--paper);border-color:var(--line);border-bottom-left-radius:5px}.room-msg.me .room-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:5px}.room-msg.mascot .room-bubble{border-bottom-left-radius:5px;background:color-mix(in srgb,var(--primary) 12%,#fff);border-color:color-mix(in srgb,var(--primary) 35%,transparent)}.room-bubble.thinking{color:var(--ink-soft);font-style:italic}.room-bubble.thinking:after{content:"…";animation:dots 1.2s steps(4) infinite}@keyframes dots{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.mention{font-weight:800;color:var(--primary-d);background:var(--primary-tint);padding:0 .2rem;border-radius:5px}.room-msg.me .mention{color:#fff;background:#ffffff40}.mention.ace{color:var(--primary-d);background:color-mix(in srgb,var(--primary) 22%,#fff)}.room-react-row{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;padding:0 .15rem}.room-msg.me .room-react-row{justify-content:flex-end}.react-chip{display:inline-flex;align-items:center;gap:.15rem;font-size:.74rem;font-weight:800;padding:.1rem .42rem;border-radius:11px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:.12s var(--ease)}.react-chip:hover:not(:disabled){border-color:var(--primary)}.react-chip.mine{background:var(--primary-tint);border-color:var(--primary);color:var(--primary-d)}.react-chip:disabled{cursor:default}.react-add-wrap{position:relative}.react-add{width:20px;height:20px;border-radius:50%;border:1.5px dashed var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;font-size:.8rem;line-height:1;display:grid;place-items:center;opacity:0;transition:.12s var(--ease)}.room-msg:hover .react-add,.react-add:focus{opacity:1}.react-add:hover{border-style:solid;border-color:var(--primary);color:var(--primary-d)}.react-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#14100c0a}.react-pop{position:absolute;bottom:26px;left:-4px;z-index:30;display:flex;align-items:center;gap:.1rem;padding:.25rem .4rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);box-shadow:0 6px 24px #1e191438;transform-origin:bottom left;animation:reactPop .18s cubic-bezier(.18,.9,.32,1.4)}.room-msg.me .react-pop{left:auto;right:-4px;transform-origin:bottom right}@keyframes reactPop{0%{opacity:0;transform:translateY(8px) scale(.82)}to{opacity:1;transform:none}}.react-pop button{border:none;background:none;cursor:pointer;font-size:1.5rem;line-height:1;width:2.1rem;height:2.1rem;border-radius:50%;display:grid;place-items:center;transition:transform .12s var(--ease),background .12s var(--ease)}.react-pop button:hover{transform:scale(1.32) translateY(-2px);background:var(--paper)}.react-pop button:active{transform:scale(1.05)}.room-error{font-size:.8rem;font-weight:700;color:#c0392b;text-align:center}.room-typing{flex:none;display:flex;align-items:center;gap:.4rem;padding:.25rem .9rem .1rem;font-size:.74rem;font-weight:700;color:var(--ink-soft)}.typing-dots{display:inline-flex;gap:3px}.typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--primary);animation:typBob 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}@keyframes typBob{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.room-input-wrap{position:relative;flex:none;padding:.55rem .7rem .7rem;border-top:1px solid var(--line);background:var(--surface)}.mention-pop{position:absolute;bottom:calc(100% - .3rem);left:.7rem;z-index:6;min-width:150px;display:flex;flex-direction:column;padding:.3rem;gap:.1rem;border-radius:13px;border:1.5px solid var(--line);background:var(--surface);box-shadow:0 -6px 22px #1e191429}.mention-pop button{text-align:left;border:none;background:none;cursor:pointer;font-weight:800;padding:.35rem .5rem;border-radius:9px;color:var(--ink);font-size:.88rem}.mention-pop button:hover{background:var(--primary-tint);color:var(--primary-d)}.mention-pop button.ace-mention{color:var(--primary-d)}.room-input{display:flex;align-items:center;gap:.4rem}.room-input input{flex:1;min-width:0;padding:.6rem .8rem;border-radius:13px;border:1.5px solid var(--line);background:var(--paper);font-weight:600;font-size:.92rem}.room-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.room-ace-btn{flex:none;width:40px;height:40px;border-radius:50%;cursor:pointer;border:1.5px solid color-mix(in srgb,var(--primary) 40%,transparent);background:var(--primary-tint);display:grid;place-items:center;transition:.12s var(--ease)}.room-ace-btn:hover:not(:disabled){transform:translateY(-2px) rotate(-6deg);box-shadow:0 6px 14px color-mix(in srgb,var(--primary) 40%,transparent)}.room-ace-btn:disabled{opacity:.5;cursor:default}.room-input .btn.primary{flex:none}.room-readonly{flex:none;padding:.7rem;text-align:center;font-weight:700;font-size:.82rem;color:var(--ink-soft);border-top:1px solid var(--line);background:var(--paper)}.ai-lens{margin-top:.5rem;padding:.8rem .9rem;border-radius:14px;border:1.5px solid color-mix(in srgb,var(--primary) 32%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 7%,var(--surface)),var(--surface));display:flex;flex-direction:column;gap:.5rem}.ai-lens-head{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-weight:700;font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-d)}.ai-lens-hint{margin:0;font-size:.82rem;font-weight:600;color:var(--ink-soft);line-height:1.4}.ai-lens .field{gap:.2rem}.ai-area{resize:vertical;min-height:2.4rem;font-family:inherit;font-weight:600;padding:.5rem .7rem;border-radius:11px;border:1.5px solid var(--line);background:var(--paper)}.ai-area:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent)}.evidence.gotcha{background:color-mix(in srgb,#a06cf0 8%,var(--paper));border-color:color-mix(in srgb,#a06cf0 28%,var(--line))}.prompt-actions{display:flex;gap:.5rem;flex-wrap:wrap}.prompt-result{display:flex;flex-direction:column;gap:.45rem;margin-top:.2rem}.prompt-output{background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:.7rem .85rem;font-weight:600;line-height:1.5;white-space:pre-wrap}.prompt-tip{display:flex;align-items:flex-start;gap:.4rem;padding:.55rem .75rem;border-radius:12px;background:color-mix(in srgb,var(--primary) 12%,#fff);border:1.5px solid color-mix(in srgb,var(--primary) 32%,transparent);font-weight:600;font-size:.9rem;line-height:1.4;color:color-mix(in srgb,var(--primary-d) 92%,#000)}.prompt-tip svg{flex:none;margin-top:2px;color:var(--primary-d)}.prompt-saved{margin-top:.3rem}.prompt-saved strong{display:block;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.35rem}.prompt-saved .evidence span{font-style:italic}.ethics-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:start center;padding:4vh 1rem;overflow-y:auto;background:#14100c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:roomIn .18s var(--ease)}.ethics-scroll{width:min(720px,100%)}.ethics-toolbar{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.6rem}.ethics-card{background:var(--surface);border-radius:18px;border:1.5px solid var(--line);box-shadow:0 20px 60px #14100c4d;padding:1.4rem 1.5rem 1.6rem}.ethics-head{display:flex;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:2px solid var(--line)}.ethics-badge{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta))}.ethics-head h2{margin:0;font-family:var(--display);font-size:1.45rem}.ethics-head p{margin:.1rem 0 0;color:var(--ink-soft);font-weight:700;font-size:.85rem}.ethics-score{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:1.1rem;color:var(--primary-d);background:var(--primary-tint);padding:.3rem .6rem;border-radius:10px}.ethics-problem{margin:1rem 0}.ethics-problem strong,.ethics-gotchas strong{display:block;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.25rem}.ethics-problem p{margin:0;font-size:1.1rem;font-weight:700;line-height:1.4}.ethics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:0 0 1rem}.ethics-item{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem}.ethics-item.empty{opacity:.55}.ethics-item dt{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--primary-d);font-weight:700;margin-bottom:.2rem}.ethics-item dd{margin:0;font-weight:600;font-size:.92rem;line-height:1.4}.ethics-gotchas ul{margin:.3rem 0 0;padding-left:1.1rem}.ethics-gotchas li{font-weight:600;line-height:1.45;margin-bottom:.25rem}@media (max-width: 560px){.ethics-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.ethics-card,.ethics-card *{visibility:visible!important}.ethics-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.ethics-toolbar{display:none!important}.ethics-card{box-shadow:none;border:none}}.badge-wall{border:1.5px solid var(--line);border-radius:14px;padding:.75rem .85rem;background:var(--surface)}.badge-wall-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.badge-wall-head span{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;color:var(--ink-soft)}.badge-wall-head strong{font-family:var(--mono);color:var(--primary-d)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:.7rem .4rem;justify-items:center}.badge-wall .badge{width:100%;max-width:90px}.badge-wall .badge .badge-icon{color:var(--ink-soft)}.badge-wall .badge.earned .badge-icon{color:#b88a00}.badge-wall .badge small{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.cert-cta{display:flex;justify-content:center}.cert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:start center;padding:4vh 1rem;overflow-y:auto;background:#14100c8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:roomIn .18s var(--ease)}.cert-scroll{width:min(720px,100%)}.cert-toolbar{display:flex;justify-content:flex-end;gap:.5rem;margin-bottom:.6rem}.certificate{--gold: #b8932e;--gold-2: #e3c468;--ink-d: #2a2420;position:relative;overflow:hidden;text-align:center;color:var(--ink-d);background:repeating-linear-gradient(135deg,rgba(184,147,46,.04) 0 2px,transparent 2px 9px),radial-gradient(120% 80% at 50% -10%,#fffdf6,#fbf6e9 70%);border-radius:8px;padding:14px;box-shadow:0 24px 70px #14100c59;outline:2px solid var(--gold);outline-offset:-7px}.certificate>.ace-dancing,.certificate>svg:first-child{position:absolute;top:50%;left:50%;translate:-50% -45%;opacity:.05;pointer-events:none;filter:grayscale(1)}.cert-frame{position:relative;border:1.5px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:4px;padding:2.3rem 2rem 1.6rem}.cert-orn{position:absolute;width:16px;height:16px;border:2px solid var(--gold)}.cert-orn.tl{top:8px;left:8px;border-right:0;border-bottom:0}.cert-orn.tr{top:8px;right:8px;border-left:0;border-bottom:0}.cert-orn.bl{bottom:8px;left:8px;border-right:0;border-top:0}.cert-orn.br{bottom:8px;right:8px;border-left:0;border-top:0}.cert-org{position:relative;margin:0;display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-weight:700;font-size:.82rem;letter-spacing:.26em;color:var(--ink-d)}.cert-pip{display:inline-grid;place-items:center}.cert-kicker{position:relative;margin:.35rem 0 0;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:700}.cert-title{position:relative;margin:.6rem 0 .2rem;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:2.1rem;letter-spacing:.01em;color:var(--ink-d)}.cert-divider{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:.2rem auto .9rem;color:var(--gold)}.cert-divider span{display:block;width:64px;height:1.5px;background:linear-gradient(90deg,transparent,var(--gold))}.cert-divider span:last-of-type{background:linear-gradient(90deg,var(--gold),transparent)}.cert-lead{position:relative;margin:0;font-family:Georgia,serif;font-style:italic;font-size:.92rem;color:#6c6258}.cert-team{position:relative;margin:.35rem 0 .15rem;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:2.6rem;line-height:1.04;color:var(--ink-d);display:inline-block;padding:0 .4rem .25rem;border-bottom:2px solid color-mix(in srgb,var(--gold) 60%,transparent)}.cert-sub{position:relative;margin:.45rem 0 0;font-family:var(--mono);font-size:.76rem;letter-spacing:.04em;color:#6c6258;font-weight:700}.cert-body{position:relative;max-width:31rem;margin:1rem auto 0;font-family:Georgia,serif;font-size:.96rem;line-height:1.6;color:#4a423a}.cert-badges{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:1.15rem 0 .4rem}.cert-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:800;padding:.25rem .65rem;border-radius:999px;background:#fbf3dd;color:#7a5e10;border:1.5px solid color-mix(in srgb,var(--gold) 70%,transparent)}.cert-badge svg{flex:none;color:var(--gold)}.cert-foot{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:1rem;margin-top:1.6rem}.cert-sign{display:flex;flex-direction:column;align-items:center;gap:.2rem}.cert-sign-value{font-family:Georgia,serif;font-style:italic;font-size:.95rem;color:var(--ink-d)}.cert-sign-line{width:100%;max-width:12rem;height:1.5px;background:color-mix(in srgb,var(--ink-d) 45%,transparent)}.cert-sign-cap{font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.12em;color:#8a8076}.cert-medallion{position:relative;width:74px;height:74px}.cert-medal-disc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 38% 32%,var(--gold-2),var(--gold) 70%);border:3px solid #fff;box-shadow:0 4px 14px #b8932e80,0 0 0 2px color-mix(in srgb,var(--gold) 60%,transparent)}.cert-medal-ribbon{position:absolute;top:52px;width:16px;height:30px;background:var(--cta);z-index:1;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.cert-medal-ribbon.left{left:16px;rotate:12deg;background:color-mix(in srgb,var(--cta) 88%,#000)}.cert-medal-ribbon.right{right:16px;rotate:-12deg}@media (max-width: 540px){.cert-title{font-size:1.6rem}.cert-team{font-size:1.9rem}.cert-foot{grid-template-columns:1fr;gap:1.1rem}.cert-medallion{order:-1;margin:0 auto}}@media print{body *{visibility:hidden!important}.certificate,.certificate *{visibility:visible!important}.cert-overlay{position:static;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.cert-toolbar{display:none!important}.certificate{box-shadow:none}}.showcase{max-width:1040px;margin:0 auto;padding:1.2rem 1rem 3rem}.showcase-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.3rem}.showcase-ico{width:52px;height:52px;border-radius:15px;flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--primary),var(--cta));box-shadow:0 8px 20px color-mix(in srgb,var(--cta) 40%,transparent)}.showcase-head h1{margin:0;font-family:var(--display);font-size:1.7rem}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.show-card{background:var(--surface);border:1.5px solid var(--line);border-radius:16px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.7rem;transition:.15s var(--ease)}.show-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px #1e19141a}.show-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.show-card-top h3{margin:0;font-family:var(--display);font-size:1.15rem}.show-score{font-family:var(--mono);font-weight:700;color:var(--primary-d);background:var(--primary-tint);padding:.2rem .5rem;border-radius:9px;font-size:.82rem;flex:none}.show-badges{display:flex;flex-wrap:wrap;gap:.3rem;min-height:1.7rem}.show-badge{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff7e2;border:1.5px solid #e6b400;color:#b88a00}.show-rubric{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.show-rubric li{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.85rem;color:var(--ink-soft)}.show-rubric li.ok{color:var(--ink)}.show-check{width:18px;height:18px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--line);color:#fff}.show-rubric li.ok .show-check{background:var(--ok);border-color:var(--ok)}.show-actions{display:flex;gap:.4rem;margin-top:auto;padding-top:.3rem}.show-actions .btn{flex:1;justify-content:center}.muted.sm{font-size:.82rem}.phase-body{display:flex;flex-direction:column;gap:.7rem}.phase-help{margin:0;font-weight:600;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:.25rem;font-weight:700}.field span{font-size:.85rem;color:var(--ink-soft)}.statement-card{background:var(--phase-tint);border:1.5px solid var(--phase);border-radius:var(--radius-sm);padding:.8rem .95rem}.statement-card strong{font-family:var(--display);color:color-mix(in srgb,var(--phase) 60%,#1a1a1a);display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.2rem}.statement-card p{font-size:1.05rem}.statement-card p{margin:0;line-height:1.45}.add-row{display:flex;gap:.4rem}.add-row input{flex:1}.add-row .url-in{flex:.75}.add-row .btn{flex:none}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.evidence{display:flex;align-items:center;gap:.5rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .7rem;font-weight:600}.evidence>span,.evidence>a:first-child{flex:1;min-width:0}.evidence a{color:var(--primary-d);font-weight:700}.evidence .x,.idea-note .x{background:none;border:none;color:var(--ink-soft);cursor:pointer;padding:2px;border-radius:6px}.evidence .x:hover,.idea-note .x:hover{color:#d23}.btn.go{background:var(--phase);color:var(--ink);box-shadow:0 4px 14px color-mix(in srgb,var(--phase) 45%,transparent)}.btn.go:hover{filter:brightness(.96);transform:translateY(-2px);box-shadow:0 8px 20px color-mix(in srgb,var(--phase) 55%,transparent)}.btn.go:active{transform:translateY(0) scale(.99)}.idea-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:.7rem .8rem;padding:.5rem;border-radius:var(--radius-sm);background:radial-gradient(circle,color-mix(in srgb,var(--ink) 9%,transparent) 1.2px,transparent 1.2px) 0 0 / 16px 16px}.idea-note{position:relative;background:#fff7a8;border:none;border-radius:10px;padding:.65rem .95rem .65rem .72rem;font-weight:700;min-height:66px;line-height:1.3;box-shadow:0 3px 8px #231c1424;transition:box-shadow .14s var(--ease)}.idea-note:hover{box-shadow:0 7px 16px #231c1438;z-index:2}.idea-note .x{position:absolute;top:3px;right:3px}.present-summary{display:flex;flex-direction:column;gap:.4rem}.sum-row{display:flex;gap:.6rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .7rem}.sum-row strong{font-family:var(--display);min-width:5.5rem;flex:none}.sum-row span{color:var(--ink-soft);font-weight:600}@media (max-width: 860px){.studio-grid{grid-template-columns:1fr}.studio-dock{position:static}.studio-dock .room{height:460px}}@media (prefers-reduced-motion: reduce){.room-dot.live,.room-msg,.react-pop,.typing-dots i,.room-bubble.thinking:after{animation:none}.react-pop button:hover{transform:scale(1.15)}}.deck-actions{display:flex;gap:.6rem;flex-wrap:wrap}.deck-zone{display:flex;flex-direction:column;gap:.4rem}.build-deck{margin-top:.4rem;border-top:1px solid var(--line);padding-top:.9rem}.deliverables{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.deliverable{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.9rem;display:flex;flex-direction:column;gap:.7rem;min-width:0}.deliverable-head{display:flex;align-items:center;gap:.6rem}.deliverable-ico{font-size:1.5rem;flex:none}.deliverable-head strong{display:block;font-family:var(--display)}.deliverable-head small{color:var(--ink-soft);font-weight:600}.deliverable .btn.big{width:100%;font-size:.98rem}.deliverable .deck-actions{flex-direction:column;gap:.45rem}.deliverable .deck-actions .btn{width:100%}.share-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.share-url{flex:1 1 140px;min-width:0;font-family:var(--mono);font-size:.72rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:.35rem .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-row .btn{flex:none}.site-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:var(--surface);display:flex;flex-direction:column;animation:pop .25s ease}.site-bar{display:flex;align-items:center;gap:.5rem;padding:.55rem .8rem;flex:none;border-bottom:1px solid var(--line);background:var(--surface)}.site-bar .site-url{flex:1}.site-scroll{flex:1;overflow-y:auto}.site{position:relative;color:var(--ink);overflow-x:hidden;background:linear-gradient(180deg,#eef3fb,#f7f4ef 40%,#fff)}.site-aurora{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.5;background:radial-gradient(36% 42% at 18% 24%,rgba(79,157,222,.4) 0,transparent 60%),radial-gradient(38% 44% at 82% 30%,rgba(236,97,50,.35) 0,transparent 60%),radial-gradient(44% 48% at 60% 88%,rgba(24,165,88,.28) 0,transparent 60%);animation:deckAurora 24s ease-in-out infinite alternate}.site>*:not(.site-aurora){position:relative;z-index:1}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.site-hero{position:relative;min-height:70vh;display:grid;place-items:center;text-align:center;padding:4rem 1.5rem;color:#fff;background-size:cover;background-position:center;overflow:hidden}.site-blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.site-blobs span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:radial-gradient(circle at 30% 30%,#ffffff59,#ffffff0d);width:calc(120px + var(--b) * 70px);height:calc(120px + var(--b) * 70px);left:calc(8% + var(--b) * 30%);top:calc(12% + var(--b) * 18%);animation:floatBlob calc(9s + var(--b) * 3s) ease-in-out infinite alternate}@keyframes floatBlob{0%{transform:translateY(0) scale(1)}to{transform:translateY(-26px) scale(1.08)}}.site-hero-card{max-width:760px;padding:2rem 2.4rem;border-radius:26px;background:#ffffff1f;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border:1px solid rgba(255,255,255,.28);box-shadow:0 20px 60px #00000059,inset 0 1px #ffffff59}.site-hero-card h1{font-family:var(--display);color:#fff;font-size:clamp(2rem,6vw,3.8rem);line-height:1.05;margin:0;text-shadow:0 2px 24px rgba(0,0,0,.4)}.site-tagline{font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:600;margin:1rem 0 1.5rem;color:#fff;opacity:.97}.site-cta{display:inline-block;background:var(--primary);color:var(--ink);font-family:var(--display);font-weight:800;padding:.75rem 1.5rem;border-radius:999px;box-shadow:0 10px 28px #ec613280;transition:transform .15s var(--ease),box-shadow .15s}.site-cta:hover{transform:translateY(-2px);box-shadow:0 14px 34px #ec613299}.site-credit{font-family:var(--mono);font-size:.82rem;margin:1.2rem 0 0;color:#fff;opacity:.85}.site-section{max-width:1040px;margin:1.6rem auto;padding:2.2rem;display:grid;grid-template-columns:1fr 1fr;gap:2.2rem;align-items:center;border-radius:26px;background:#ffffff8c;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.7);box-shadow:0 14px 40px #231c141a}.site-section.alt{direction:rtl}.site-section.alt>*{direction:ltr}.site-text h2{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .8rem}.site-text p{font-size:1.12rem;line-height:1.6;color:var(--ink-soft);font-weight:500;margin:0}.site-img img{width:100%;height:320px;object-fit:cover;border-radius:18px;display:block;box-shadow:0 14px 36px #231c1438;border:4px solid rgba(255,255,255,.7)}.site-footer{background:var(--ink);color:#fff;text-align:center;padding:2.6rem 1.5rem;display:flex;flex-direction:column;gap:.3rem;margin-top:1.6rem}.site-footer strong{font-family:var(--display);font-size:1.25rem}.site-footer .muted{color:#fff9}@media (prefers-reduced-motion: reduce){.site-aurora,.site-blobs span{animation:none}.reveal{opacity:1;transform:none;transition:none}}@media (max-width: 720px){.site-section{grid-template-columns:1fr;gap:1.2rem;padding:1.5rem;margin:1rem auto}.site-section.alt{direction:ltr}.site-img img{height:220px}.site-hero-card{padding:1.4rem}}.deck-overlay.cinematic{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;grid-template-rows:1fr auto;place-items:center;gap:1.1rem;padding:2rem 1.5rem 1.4rem;background:#0c0b0a;animation:pop .25s ease}.deck-close{position:absolute;top:1rem;right:1.2rem;z-index:5;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid rgba(255,255,255,.25)}.deck-close:hover{background:#ffffff3d}.deck-aurora{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:0;pointer-events:none;filter:blur(48px);opacity:.5;background:radial-gradient(38% 48% at 22% 32%,rgba(236,97,50,.5) 0,transparent 62%),radial-gradient(40% 50% at 78% 22%,rgba(79,157,222,.45) 0,transparent 62%),radial-gradient(46% 50% at 60% 82%,rgba(160,108,240,.4) 0,transparent 62%);animation:deckAurora 20s ease-in-out infinite alternate}@keyframes deckAurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.18)}}.deck-overlay.glassy>.deck-stage,.deck-overlay.glassy>.deck-controls{position:relative;z-index:1}.deck-stage{position:relative;width:min(1040px,96vw);aspect-ratio:16 / 9;max-height:80vh;align-self:center;border-radius:22px;overflow:hidden;box-shadow:0 30px 80px #0009;animation:slideEnter .5s var(--ease)}@keyframes slideEnter{0%{opacity:0;transform:translate(calc(var(--dir, 1) * 6%))}to{opacity:1;transform:none}}.deck-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:kenburns 14s ease-out both}.deck-photo.fallback{animation:none}@keyframes kenburns{0%{transform:scale(1.06)}to{transform:scale(1.2) translateY(-1.5%)}}.deck-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#08080a1a,#08080a3d 42%,#08080ac7)}.deck-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.deck-bubbles span{position:absolute;bottom:-60px;left:calc(6% + var(--b) * 16%);width:calc(16px + var(--b) * 9px);height:calc(16px + var(--b) * 9px);border-radius:50%;background:radial-gradient(circle at 32% 30%,#ffffff8c,#ffffff0f);border:1px solid rgba(255,255,255,.22);animation:deckBubble calc(9s + var(--b) * 2s) linear infinite;animation-delay:calc(var(--b) * -2.4s)}@keyframes deckBubble{0%{transform:translateY(0) scale(.7);opacity:0}15%{opacity:.6}to{transform:translateY(-78vh) scale(1.15);opacity:0}}.deck-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 2.2rem;color:#fff}.deck-glass{max-width:72%;align-self:flex-start;padding:1.5rem 1.7rem;border-radius:22px;background:#100f1461;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 50px #0006,inset 0 1px #ffffff2e}.deck-kicker{display:block;font-family:var(--mono);font-size:.78rem;font-weight:700;letter-spacing:.1em;opacity:.92;margin-bottom:.5rem}.deck-content h2{font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.05;margin:0 0 .9rem;color:#fff}.deck-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.deck-bullets li{position:relative;padding-left:1.5rem;font-size:clamp(1rem,1.7vw,1.25rem);font-weight:600;line-height:1.35;animation:bulletIn .5s var(--ease) both;animation-delay:calc(.22s + var(--bi) * .12s)}.deck-bullets li:before{content:"▹";position:absolute;left:0;color:var(--c, var(--primary));font-weight:800}@keyframes bulletIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.deck-note{margin:1rem 0 0;font-style:italic;opacity:.8;font-weight:600}.deck-glass.cover{max-width:80%}.deck-glass.cover h2{font-size:clamp(2.2rem,6vw,4rem)}.cover-school{font-family:var(--mono);opacity:.85;margin:.2rem 0 1.1rem;font-size:1rem}.cover-students{display:flex;flex-wrap:wrap;gap:.5rem}.cover-chip{background:#ffffff29;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:.32rem .85rem;font-weight:700;font-size:.92rem}.deck-progress{position:absolute;bottom:0;left:0;z-index:4;height:5px;transition:width .45s var(--ease)}.deck-controls{display:flex;align-items:center;gap:1.2rem}.deck-nav{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;border:1px solid rgba(255,255,255,.3);background:#ffffff1f}.deck-nav:hover:not(:disabled){background:#ffffff3d}.deck-nav:disabled{opacity:.3;cursor:default}.deck-dots{display:flex;gap:.5rem}.deck-dot{width:11px;height:11px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;padding:0;transition:.15s}.deck-dot.on{background:#fff;transform:scale(1.25)}@media (prefers-reduced-motion: reduce){.deck-photo,.deck-stage,.deck-bullets li,.deck-aurora,.deck-bubbles span{animation:none}}@media (max-width: 560px){.deck-content{padding:1.2rem}.deck-glass,.deck-glass.cover{max-width:100%;padding:1.1rem 1.2rem}}.bubble.thinking{opacity:.7;font-style:italic}.bubble.error-bubble{align-self:stretch;background:#fde7e7;border:1px solid #f3b4b4;color:#b22;font-weight:700;max-width:100%}.chat-input{display:flex;gap:.5rem;padding:.85rem;border-top:1px solid var(--line);background:#fff}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.35rem;padding:.6rem .85rem 0}.chip-suggest{font-size:.78rem;font-weight:700;padding:.25rem .6rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;transition:.12s var(--ease)}.chip-suggest:hover:not(:disabled){border-color:var(--primary);background:var(--primary-tint)}.chip-suggest:disabled{opacity:.5;cursor:default}.landing{color:var(--ink);position:relative;overflow:hidden}.landing>*:not(.doodles){position:relative;z-index:1}.landing-nav{display:flex;align-items:center;gap:.75rem;padding:1.1rem 2rem;max-width:1200px;margin:0 auto}.landing-nav .brand{font-size:1.3rem}.hero{max-width:1200px;margin:0 auto;padding:2.5rem 2rem 4rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.hero-text h1{font-size:3.4rem;line-height:1.04;margin:0 0 1rem}.hero-text h1 .accent{color:var(--primary)}.hero-text .lede{font-size:1.2rem;color:var(--ink-soft);line-height:1.55;max-width:34rem;font-weight:600}.hero-cta{display:flex;gap:.8rem;margin:1.6rem 0 .6rem;flex-wrap:wrap}.hero-art{display:grid;place-items:center;position:relative}.hero-art .blob{position:absolute;width:360px;height:360px;border-radius:46% 54% 60% 40%/50% 44% 56% 50%;background:linear-gradient(135deg,#ffd9c2,#ffeede);filter:blur(2px);animation:float 6s ease-in-out infinite}.mascot-wrap{position:relative;z-index:1;filter:drop-shadow(0 18px 28px rgba(20,16,10,.2));animation:bob .55s ease}.speech{position:absolute;top:6px;right:-6px;z-index:2;background:#fff;border:2px solid var(--line);border-radius:18px;padding:.65rem .95rem;box-shadow:var(--shadow);font-weight:800;max-width:14rem;font-family:var(--display);animation:pop .35s ease}.speech:after{content:"";position:absolute;left:18px;bottom:-9px;width:16px;height:16px;background:#fff;border-right:2px solid var(--line);border-bottom:2px solid var(--line);transform:rotate(45deg)}.greeter-inline{display:grid;justify-items:center;gap:.25rem;text-align:center}.speech.inline{position:static;top:auto;right:auto;max-width:20rem;margin:0 auto}.speech.inline:after{left:50%;right:auto;transform:translate(-50%) rotate(45deg)}.empty-state{align-items:center;text-align:center;padding:2rem 1.5rem;gap:1rem}.welcome-banner{align-items:center;padding:1.25rem;background:var(--primary-tint);border-color:#ffd9c2}.greet-bar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;padding:.1rem .15rem}.greet-name{font-family:var(--display);font-size:1.2rem;font-weight:800;margin:0}.level-box{min-width:220px;flex:1}.level-num{font-family:var(--display);font-weight:800;font-size:1.4rem;color:var(--primary-d)}.xp-bar{height:12px;background:#fff;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:.4rem 0 .25rem}.xp-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-d));border-radius:999px;transition:width .4s ease}.continue-card{text-align:left;cursor:pointer;gap:.4rem;border:2px solid var(--primary);background:var(--primary-tint);transition:transform .14s,box-shadow .14s}.continue-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.continue-card h2{margin:.1rem 0}.continue-label{font-family:var(--display);font-weight:700;color:var(--primary-d);font-size:.9rem}.progress-row{display:flex;align-items:center;gap:.6rem}.progress-row .bar{flex:1;height:10px;background:#fff;border:1px solid var(--line);border-radius:999px;overflow:hidden}.progress-row .fill{height:100%;background:var(--primary);border-radius:999px}.progress-row span{font-weight:800;font-family:var(--display);color:var(--ink-soft)}.status-pill{align-self:flex-start;font-size:.8125rem;font-weight:800;font-family:var(--font);padding:.2rem .65rem;border-radius:999px}.status-pill.assigned{background:#e9e9e9;color:#4a4a4a}.status-pill.in_progress{background:var(--primary-tint);color:var(--primary-d)}.status-pill.submitted{background:#e1e9fb;color:#2f6fe0}.status-pill.complete{background:#d8f0e1;color:#137a41}.games-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.game-tile{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:.65rem;display:grid;justify-items:center;gap:.25rem;text-align:center;color:var(--ink-soft);opacity:.8}.game-tile strong{color:var(--ink)}.level-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.streak-chip{font-family:var(--font);font-weight:800;font-size:.9rem;background:#fff;border:1.5px solid var(--primary);color:var(--primary-d);border-radius:999px;padding:.3rem .75rem;display:inline-flex;align-items:center;gap:.35rem}.due-label{font-size:.8125rem;font-weight:800;font-family:var(--font);color:var(--ink-soft)}.due-label.soon{color:var(--primary-d)}.due-label.overdue{color:#c2261b}.badges-row{display:flex;flex-wrap:wrap;gap:.6rem .8rem}.badge{display:grid;justify-items:center;gap:.22rem;text-align:center;width:60px;cursor:default}.badge .badge-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;background:var(--paper);border:2px solid var(--line);transition:transform .14s var(--ease)}.badge.earned .badge-icon{background:#fff7e2;border-color:#e6b400;animation:badgeGlow 2.6s ease-in-out infinite}.badge:nth-child(2n) .badge-icon{animation-delay:.6s}.badge:nth-child(3n) .badge-icon{animation-delay:1.2s}.badge:nth-child(4n) .badge-icon{animation-delay:1.8s}.badge.earned:hover .badge-icon{transform:translateY(-3px) scale(1.08)}@keyframes badgeGlow{0%,to{box-shadow:0 2px 8px #e6b40052}50%{box-shadow:0 5px 16px #e6b40094}}.badge.locked{opacity:.4;filter:grayscale(1)}.badge small{font-size:.68rem;font-weight:800;line-height:1.05;color:var(--ink-soft)}.plan-card{padding:.7rem .8rem}.plan-list{margin:0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem;font-weight:600}.plan-list li{line-height:1.35}.help-card{align-items:stretch;gap:.6rem}.help-banner{background:#fff4ee;border:2px solid var(--primary);gap:.5rem}.help-banner strong{font-family:var(--display);color:var(--primary-d)}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.dash>*{animation:riseIn .5s var(--ease) both}.dash>*:nth-child(2){animation-delay:.07s}.progress-row .fill,.bar .fill{transition:width .7s var(--ease)}.streak-chip svg{animation:flamePulse 2.4s ease-in-out infinite;transform-origin:center bottom}@keyframes flamePulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.12);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bob{0%{transform:translateY(0)}28%{transform:translateY(-9px) rotate(-2deg)}60%{transform:translateY(0) rotate(1.5deg)}to{transform:translateY(0) rotate(0)}}.ace-wave-arm{transform-box:fill-box;transform-origin:0% 90%;animation:aceWave .55s ease-in-out infinite}@keyframes aceWave{0%,to{transform:rotate(-26deg)}50%{transform:rotate(34deg)}}.ace-dancing{animation:aceBounce .8s ease-in-out infinite}@keyframes aceBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(-2.5deg)}50%{transform:translateY(-1px) rotate(0)}75%{transform:translateY(-5px) rotate(2.5deg)}}.ace-foot-l,.ace-foot-r{transform-box:fill-box;transform-origin:50% 100%}.ace-foot-l{animation:footTapA .8s linear infinite}.ace-foot-r{animation:footTapB .8s linear infinite}@keyframes footTapA{0%{transform:translateY(0) rotate(0)}12%{transform:translateY(-9px) rotate(-14deg)}25%{transform:translateY(0) rotate(0)}37%{transform:translateY(-5px) rotate(-8deg)}50%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(0)}}@keyframes footTapB{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(0) rotate(0)}62%{transform:translateY(-9px) rotate(14deg)}75%{transform:translateY(0) rotate(0)}87%{transform:translateY(-5px) rotate(8deg)}to{transform:translateY(0) rotate(0)}}@media (prefers-reduced-motion: reduce){.hero-art .mascot-wrap,.speech,.hero-art .blob,.ace-wave-arm,.ace-dancing,.ace-foot-l,.ace-foot-r,.dash>*,.streak-chip svg,.badge.earned .badge-icon{animation:none}.progress-row .fill,.bar .fill{transition:none}}.features{max-width:1200px;margin:0 auto;padding:3rem 2rem}.features h2,.steps-section h2{text-align:center;font-size:2.2rem;margin-bottom:2.2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s}.feature:hover{transform:translateY(-5px) rotate(-.4deg);box-shadow:var(--shadow)}.feature-icon{font-size:2.2rem;display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:16px;background:var(--primary-tint)}.feature h3{margin:.8rem 0 .4rem}.feature p{color:var(--ink-soft);line-height:1.55;margin:0;font-weight:600}.steps-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3.5rem 2rem}.how-steps{max-width:780px;margin:0 auto;display:grid;gap:1rem;counter-reset:step;list-style:none;padding:0}.how-steps li{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.2rem 1.1rem 4rem;position:relative;font-weight:600}.how-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:1.1rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background:var(--primary);color:var(--ink);display:grid;place-items:center;font-weight:800;font-family:var(--display);box-shadow:0 4px 12px #ec613280}.cta-band{text-align:center;padding:4rem 2rem;margin:0 1rem;position:relative;overflow:hidden;background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:28px}.cta-band h2{color:var(--ink);font-size:2rem;margin-bottom:1.6rem}.cta-band .btn.primary{background:var(--cta);color:var(--ink);box-shadow:0 4px 14px #ec613280}.cta-content{position:relative;z-index:1}.doodles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}@media (max-width: 560px){.doodles{display:none}}.landing-footer{max-width:1200px;margin:0 auto;padding:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-weight:700}.landing-footer .brand{font-size:1.05rem}.student-app{position:relative;padding-bottom:90px}.tab-view{display:flex;flex-direction:column;gap:.9rem;max-width:720px;margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--line);box-shadow:0 -4px 20px #232a3612;padding-bottom:env(safe-area-inset-bottom)}.tabbar-inner{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.tab{display:grid;justify-items:center;gap:3px;padding:.5rem 0 .55rem;background:none;border:none;cursor:pointer;color:var(--ink-soft)}.tab-ico{display:grid;place-items:center;width:46px;height:30px;border-radius:15px;transition:background .18s var(--ease),color .18s}.tab-label{font-size:.72rem;font-weight:800}.tab.on{color:var(--ink)}.tab.on .tab-ico{background:var(--primary);color:var(--ink)}.tab:hover:not(.on) .tab-ico{background:var(--primary-tint)}.help-cta{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;cursor:pointer;background:var(--cta);color:var(--ink);border:none;border-radius:var(--radius);padding:1.1rem 1.2rem;box-shadow:0 8px 22px #ec613273;transition:transform .15s var(--ease),box-shadow .15s}.help-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #d8511f80}.help-cta:disabled{cursor:default;opacity:.92}.help-cta-text{display:flex;flex-direction:column;gap:2px}.help-cta-text strong{font-family:var(--display);font-size:1.1rem}.help-cta-text span{font-size:.88rem;opacity:.8;font-weight:600}.help-cta-ico{margin-left:auto;flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#0000001a}.proj-list{display:flex;flex-direction:column;gap:.6rem}.proj-row{display:flex;align-items:center;gap:.9rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.75rem .85rem}.proj-info{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.proj-info h3{margin:0}.proj-row .btn{flex:none}.me-hero{align-items:center;text-align:center;gap:.5rem;background:var(--primary-tint);border-color:#ffd9c2;padding:1.4rem 1rem 1.2rem}.me-name{font-family:var(--display);font-size:1.3rem}@media (max-width: 480px){.proj-row{flex-direction:column;align-items:stretch}.proj-row .btn{width:100%}}.learn-stepper{margin:0}.learn-stepper .step-body{display:flex;flex-direction:column;gap:.2rem}.learn-stepper .step-body p{margin:0}.learn-stepper .step-body .btn{align-self:flex-start;margin-top:.45rem}.customizer-inline{display:flex;flex-direction:column;gap:.85rem;width:100%}.customizer-inline.compact{gap:.55rem}.customizer-inline.compact .customizer-section{gap:.3rem}.customizer-inline.compact .customizer-section>strong{font-size:.85rem}.customizer-inline.compact .swatches{gap:.4rem}.customizer-inline.compact .swatch{width:24px;height:24px}.customizer-inline.compact .chip{padding:.18rem .55rem;font-size:.8rem}.customizer-inline.compact .bg-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:.35rem}.customizer-inline.compact .bg-tile{padding:.35rem .2rem}.customizer-inline.compact .bg-emoji{font-size:1.15rem}.customizer-inline.compact .bg-tile small{font-size:.7rem}.me-hero+.panel{margin-top:0}.signout-btn{align-self:center;margin-top:.4rem}.section-head{display:flex;align-items:center;gap:.55rem;margin:0}.section-head.compact{gap:.5rem;margin:0}.section-head-text{display:flex;flex-direction:column;gap:0}.section-head h2,.section-head h3{margin:0;line-height:1.1}.section-sub{margin:1px 0 0;font-size:.85rem;font-weight:600;color:var(--ink-soft);font-family:var(--font)}.icon-badge{flex:none;display:grid;place-items:center;border-radius:50%;background:var(--primary-tint);background:color-mix(in srgb,var(--primary) 15%,#fff);color:var(--primary-d);box-shadow:inset 0 0 0 1.5px var(--primary-tint);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--primary) 28%,transparent);transition:transform .14s var(--ease)}.section-icon-btn{background:none;border:none;padding:0;cursor:pointer;border-radius:50%}.section-icon-btn:hover .icon-badge{transform:scale(1.1)}.section-icon-btn:hover .icon-badge{box-shadow:inset 0 0 0 2px var(--primary)}.cal-modal{background:#fff;border-radius:24px;padding:1.3rem 1.4rem 1.1rem;width:min(420px,94vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);position:relative;animation:pop .25s ease}.cal-modal-head{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.8rem}.cal-modal-head strong{font-family:var(--display);font-size:1.15rem;min-width:9.5rem;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.cal-dow{text-align:center;font-size:.72rem;font-weight:800;color:var(--ink-soft);padding-bottom:.2rem}.cal-cell{aspect-ratio:1;display:grid;place-items:center;position:relative;border-radius:10px;font-weight:700}.cal-cell.empty{background:none}.cal-cell.has{background:var(--paper)}.cal-cell.today{background:var(--cta);color:#fff}.cal-num{font-size:.85rem}.cal-dot{position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--primary)}.cal-cell.today .cal-dot{background:#fff}.cal-modal-list{margin-top:1rem;display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--line);padding-top:.7rem}.hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.announce-top{flex-direction:row;align-items:center;gap:.75rem;padding:.75rem .9rem;background:#fff3c9;border:2px solid var(--alert);border-left-width:6px;border-radius:var(--radius-sm);box-shadow:0 4px 16px #ff39002e;animation:psaBlink 1.3s ease-in-out infinite}.announce-badge{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--alert);color:#fff;box-shadow:0 3px 10px #ff390073;transform-origin:50% 15%;animation:announceRing 3s ease-in-out infinite}.announce-items{display:flex;flex-direction:column;gap:.15rem;min-width:0}.announce-items:before{content:"Announcement";font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#b1731a}.announce-item{margin:0;line-height:1.3;font-size:.9rem}.announce-item strong{margin-right:.35rem;font-weight:800}@keyframes announceRing{0%,82%,to{transform:rotate(0)}85%{transform:rotate(-13deg)}88%{transform:rotate(11deg)}91%{transform:rotate(-8deg)}94%{transform:rotate(5deg)}97%{transform:rotate(-2deg)}}@keyframes psaBlink{0%,to{border-color:var(--alert)}50%{border-color:#ffb38a}}@media (prefers-reduced-motion: reduce){.announce-badge,.announce-top{animation:none}}.customizer-card{background:#fff;border-radius:28px;padding:1.6rem 1.8rem;width:min(420px,94vw);max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);display:grid;justify-items:center;gap:.9rem;animation:pop .25s ease}.customizer-card h2{margin:0}.customizer-preview{background:var(--primary-tint);border-radius:20px;padding:.75rem 2rem}.customizer-section{width:100%;display:grid;gap:.5rem}.swatches{display:flex;gap:.55rem;flex-wrap:wrap}.swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;cursor:pointer;box-shadow:0 0 0 1px var(--line);transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch.on{box-shadow:0 0 0 3px var(--ink)}.bg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));gap:.5rem;width:100%}.bg-tile{border:2px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .25rem;display:grid;justify-items:center;gap:.15rem;cursor:pointer;background:#fff;transition:transform .12s var(--ease),border-color .12s}.bg-tile:hover{transform:translateY(-2px);border-color:var(--primary)}.bg-tile.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}.bg-emoji{font-size:1.5rem;line-height:1}.bg-tile small{font-weight:800;color:var(--ink-soft);font-size:.78rem}.bg-tile[data-bg-swatch=space]{background:linear-gradient(180deg,#edf0fc,#fff)}.bg-tile[data-bg-swatch=math]{background:linear-gradient(180deg,#e8f1fb,#fff)}.bg-tile[data-bg-swatch=science]{background:linear-gradient(180deg,#e7f5f0,#fff)}.bg-tile[data-bg-swatch=flowers]{background:linear-gradient(180deg,#fcecf3,#fff)}.bg-tile[data-bg-swatch=books]{background:linear-gradient(180deg,#faf1e3,#fff)}.bg-tile[data-bg-swatch=sports]{background:linear-gradient(180deg,#e9f5ea,#fff)}.challenge-card{gap:.7rem}.challenge-head{display:flex;gap:.7rem;align-items:center}.challenge-head strong{font-family:var(--display)}.challenge-q{margin:.15rem 0 0;line-height:1.35;font-weight:600}.mood-card{gap:.6rem}.mood-card strong{font-family:var(--display)}.mood-row{display:flex;gap:.4rem;justify-content:space-between}.mood-btn{flex:1;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.5rem .2rem;display:grid;justify-items:center;gap:.15rem;cursor:pointer;transition:.12s}.mood-btn:hover{border-color:var(--primary);transform:translateY(-2px);background:#fff}.mood-btn small{font-weight:800;color:var(--ink-soft);font-size:.8125rem}.mood-emoji{font-size:1.5rem;line-height:1}.mood-reply{margin:0;font-weight:700;line-height:1.4;display:flex;align-items:center;gap:.5rem}.cal-card{padding:0}.cal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cal-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--line)}.cal-row:last-child{border-bottom:none}.cal-icon{font-size:1.1rem}.cal-title{flex:1;font-weight:700}.cal-date{font-family:var(--font);font-weight:800;font-size:.8125rem;color:var(--ink-soft);white-space:nowrap}.cal-row.soon .cal-date{color:var(--primary-d)}.standings-card{display:flex;flex-direction:column;gap:.5rem}.sticky-pad{display:flex;flex-direction:column;gap:.55rem}.sticky-stack{position:relative;height:156px;perspective:800px}.sticky-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 4px 6px 6px;background:#f2e7a0}.sticky-layer.l1{transform:rotate(-1.5deg) translateY(3px);background:#f6edb0}.sticky-layer.l2{transform:rotate(1.8deg) translateY(6px);background:#eee2a2}.sticky{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px 4px 6px 6px;padding:.55rem .6rem .7rem;box-shadow:0 6px 14px #232a3629;transform-origin:100% 0;will-change:transform,opacity}.sticky:after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.12) 50%);border-radius:0 0 6px}.sticky textarea{width:100%;height:100%;border:none;background:transparent;resize:none;padding:0;font-family:var(--font);font-weight:600;font-size:.92rem;color:#3a3526;line-height:1.35}.sticky textarea:focus{outline:none;box-shadow:none}.sticky textarea::placeholder{color:#3a352673}.sticky.enter{animation:stickyEnter .34s var(--ease)}.sticky.peel{animation:stickyPeel .46s var(--ease) forwards}@keyframes stickyEnter{0%{opacity:0;transform:translateY(8px) scale(.97) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes stickyPeel{0%{transform:rotate(0) translate(0);opacity:1}30%{transform:rotate(-5deg) translate(-2%,1%)}to{transform:rotate(16deg) translate(62%,-46%) scale(.66);opacity:0}}.sticky-controls{display:flex;align-items:center;gap:.35rem}.sticky-count{font-size:.8rem;font-weight:800;color:var(--ink-soft);min-width:44px;text-align:center}.sticky-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.12s var(--ease)}.sticky-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-d);transform:translateY(-1px)}.sticky-btn:disabled{opacity:.4;cursor:default}.sticky-btn.danger:hover:not(:disabled){border-color:#d23;color:#d23}@media (prefers-reduced-motion: reduce){.sticky.enter,.sticky.peel{animation:none}}.standings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.standings-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .7rem;border-radius:var(--radius-sm);background:var(--paper);border:1px solid var(--line)}.standings-row.me{background:var(--primary-tint);border-color:var(--primary)}.standings-rank{font-size:1.05rem;width:1.8rem;text-align:center;font-family:var(--display);font-weight:800}.standings-name{flex:1;font-weight:800}.standings-score{font-family:var(--display);font-weight:800;color:var(--primary-d)}.standings-score small{color:var(--ink-soft);font-weight:700}.game-tile.playable{border-style:solid;opacity:1;cursor:pointer;color:var(--ink);box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .14s}.game-tile.playable:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary)}.game-emoji{font-size:2rem;line-height:1}.games-modal{background:#fff;border-radius:28px;padding:1.6rem 1.8rem;width:min(560px,94vw);min-height:360px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow);position:relative;animation:pop .25s ease;display:flex;flex-direction:column;gap:.6rem}.games-modal h2{margin:0}.games-close{position:absolute;top:.8rem;right:1rem;color:var(--ink-soft)}.game-frame{display:flex;flex-direction:column;gap:1rem;flex:1}.game-frame-head{display:flex;align-items:center;gap:1rem}.game-frame-head strong{font-family:var(--display);font-size:1.15rem}.game-frame-body{flex:1;display:grid;place-items:center}.game-intro{display:grid;justify-items:center;gap:.6rem;text-align:center}.game-intro p{margin:0;font-weight:600}.game-score{font-family:var(--display);font-weight:800;font-size:2.6rem;color:var(--primary-d);margin:0}.game-score small{font-size:1rem;color:var(--ink-soft)}.game-play{display:grid;justify-items:center;gap:1rem;width:100%}.game-bar{display:flex;justify-content:space-between;width:100%;max-width:340px;font-family:var(--display);font-weight:800;color:var(--ink-soft)}.math-q,.scramble-word{font-family:var(--display);font-weight:800;color:var(--ink)}.math-q{font-size:2.4rem}.scramble-word{font-size:2rem;letter-spacing:.25rem}.math-input{max-width:240px;text-align:center;font-family:var(--display);font-size:1.4rem;font-weight:800}@media (max-width: 820px){.two-col,.workspace{grid-template-columns:1fr}.hero-side{align-items:stretch}.hero{grid-template-columns:1fr;text-align:center}.hero-text .lede{margin:0 auto}.hero-cta{justify-content:center}.hero-art{order:-1}.hero-text h1{font-size:2.4rem}.speech{position:static;margin:1rem auto 0}.hero-art .blob{width:260px;height:260px}}@media (max-width: 640px){.content{padding:.9rem .9rem 2rem}.topbar{padding:.65rem .9rem;gap:.5rem}.topbar .brand{font-size:1.05rem}.who{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{padding:.85rem .9rem 1rem}.landing-nav,.features,.hero,.cta-band,.steps-section,.landing-footer{padding-left:1.1rem;padding-right:1.1rem}.sticky-btn{width:36px;height:36px}.btn{padding:.6rem 1.05rem}.mood-btn{padding:.6rem .2rem}}@media (max-width: 420px){.who{display:none}.badges-row{gap:.55rem .6rem}}