:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2f6f0;--paper-deep:#e2ebe3;--ink:#191a1d;--muted:#66645f;--line:#cbd8cd;--accent:#2f8f5f;--accent-bright:#7fe3ae;--accent-dark:#183c2b;--cyan:#70d8ff;--board:#10241d;--stage:#111915;--white:#fcfbf7;--radius:14px;--sans:"Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);width:100%;height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}.mono-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px;line-height:1}#app{grid-template:"top top top""rail stage panel"minmax(0,1fr)/auto minmax(0,1fr) auto;column-gap:20px;width:100%;height:100%;padding:0 24px 22px;display:grid;position:relative;overflow:hidden}#topbar{border-bottom:1px solid var(--line);grid-area:top;justify-content:space-between;align-items:center;gap:16px;height:60px;margin:0 -24px 18px;padding:0 24px;display:flex}.brand{color:inherit;letter-spacing:-.025em;white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{width:28px;height:28px;display:block}.brand-ray{color:var(--accent)}.brand-sensei{color:var(--accent-dark)}#topbar-right{align-items:center;gap:22px;min-width:0;font-size:14px;font-weight:540;display:flex}#topbar-lessons{color:var(--ink);white-space:nowrap;text-decoration:none}#topbar-lessons:hover{color:var(--accent)}#topbar-lessons.hidden{display:none}#topbar-account{background:var(--accent-dark);width:34px;height:34px;color:var(--white);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;text-decoration:none;display:flex}#topbar-account.hidden{display:none}#topbar-live{color:var(--muted);align-items:center;gap:7px;display:none}#topbar-live i{background:#c9b74a;border-radius:50%;width:6px;height:6px;display:block}#topbar-live.conn-connected i{background:var(--accent)}#topbar-live.conn-disconnected i{background:#c94a4a}#history-bar{align-items:center;min-width:0;display:flex}#history-bar.hidden{display:none!important}#history-select{background:var(--white);border:1px solid var(--line);min-width:0;max-width:260px;height:36px;color:var(--ink);font:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366645f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border-radius:9px;padding:0 30px 0 12px;font-size:13px}#history-select:hover{border-color:var(--ink)}#history-select:focus{border-color:var(--accent);outline:none}#stage{border-radius:var(--radius);min-width:0;min-height:0;box-shadow:15px 18px 0 var(--paper-deep);background:#202228;border:1px solid #2a2b2f;flex-direction:column;grid-area:stage;display:flex;overflow:hidden}#stage-bar{color:#d8d8d8;height:44px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #393b42;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;font-size:9px;display:grid}.stage-dots{gap:6px;display:flex}.stage-dots i{border:1px solid #777982;border-radius:50%;width:6px;height:6px;display:block}#stage-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:60vw;overflow:hidden}#stage-live{justify-self:end;align-items:center;gap:7px;display:flex}#stage-live i{background:#e3d47f;border-radius:50%;width:6px;height:6px;display:block}#stage-live.conn-connected i{background:#83e8b5}#stage-live.conn-disconnected i{background:#e37f7f}#stage-view{background:var(--stage);flex:auto;min-height:0;position:relative}#stage-view>canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}button{background:var(--white);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:9px;padding:6px 12px;font-family:inherit;font-size:13px}button:hover{border-color:var(--ink)}button.active{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--accent-dark)}.icon-btn{border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.icon-btn svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.icon-btn-primary{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}.icon-btn-primary:hover{background:var(--accent);border-color:var(--accent)}#mic-btn.active{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}#mic-btn.active .mic-capsule{fill:currentColor}.chip{background:var(--white);color:var(--muted);border:1px solid var(--line);white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chip.conn-connected{color:var(--accent-dark);background:#dff5e8;border-color:#b8e6cc}.chip.conn-connecting{color:#6b5a10;background:#f7f0d2;border-color:#e6dca0}.chip.conn-disconnected{color:#7a1f1f;background:#f8e0e0;border-color:#ebb4b4}.chip.state-idle{background:var(--white);color:var(--muted)}.chip.state-listening{color:#17456b;background:#dceefb;border-color:#b6d6ef}.chip.state-thinking{color:#4b2a6b;background:#ece0f7;border-color:#d3bfe8}.chip.state-speaking{background:var(--accent-bright);color:var(--accent-dark);border-color:var(--accent-bright)}#board-pager{--bb:44px;align-items:center;gap:calc(var(--bb) * .18);min-width:var(--bb);color:var(--ink);flex-direction:column;grid-area:rail;padding:4px 0;font-size:12px;transition:opacity .25s;display:flex}#board-pager.hidden{display:none}#board-pager.banner-side{flex-direction:column}#pager-group{align-items:center;gap:calc(var(--bb) * .12);transition:opacity .25s;display:flex}#board-pager.banner-side #pager-group{flex-direction:column}#pager-group.hidden{display:none}#pager-group.tutor-drawing{opacity:.25;pointer-events:none}#banner-status{display:contents}#board-pager .chip{width:var(--bb);height:var(--bb);flex:none;min-width:0;padding:0}#board-pager .chip svg{width:calc(var(--bb) * .45);height:calc(var(--bb) * .45);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}#board-pager .icon-btn{width:var(--bb);height:var(--bb);padding:calc(var(--bb) * .2);border-radius:50%}#board-pager .icon-btn svg{width:calc(var(--bb) * .42);height:calc(var(--bb) * .42)}#board-pager button{min-width:calc(var(--bb) * .82);padding:calc(var(--bb) * .09) calc(var(--bb) * .2);font-size:calc(var(--bb) * .4);background:var(--white);border:1px solid var(--line);border-radius:999px;line-height:1.1}#board-pager button:hover:not(:disabled){border-color:var(--ink)}#board-pager button:disabled{opacity:.3;cursor:default}#board-pager #settings-wrap{margin-left:0}#board-pager #settings-btn{width:var(--bb);height:var(--bb);min-width:var(--bb);padding:calc(var(--bb) * .2);border-radius:50%}#board-label{min-width:calc(var(--bb) * 1);font-family:var(--mono);font-size:calc(var(--bb) * .24);letter-spacing:.08em;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.rail-sep{background:var(--line);width:24px;height:1px;margin:calc(var(--bb) * .08) 0;flex:none}#board-pager:not(.banner-side) .rail-sep{width:1px;height:24px;margin:0 calc(var(--bb) * .08)}#pause-btn{transition:background .2s,border-color .2s}#pause-btn:active{transform:scale(.97)}#pause-btn.hidden{display:none!important}svg.share-flash{stroke:var(--accent)}#settings-wrap,#export-wrap{position:relative}#settings-menu,#export-menu{background:var(--white);border:1px solid var(--line);min-width:212px;box-shadow:8px 10px 0 var(--paper-deep);z-index:40;border-radius:10px;padding:4px;position:absolute;bottom:0;left:calc(100% + 10px)}#board-pager:not(.banner-side) #settings-menu,#board-pager:not(.banner-side) #export-menu{left:auto;right:var(--menu-right,0px);bottom:var(--menu-bottom,0px);position:fixed}#settings-menu.hidden,#export-menu.hidden{display:none}#export-menu .menu-item{white-space:nowrap}.menu-item.hidden{display:none}#board-pager .menu-item,.menu-item{width:100%;min-width:0;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;display:flex}#board-pager .menu-item:hover:not(:disabled),.menu-item:hover:not(:disabled){background:var(--paper);border-color:#0000}.menu-item:disabled{opacity:.4;cursor:default}.menu-item>span:first-child{text-align:center;flex-shrink:0;width:16px}.menu-sep{background:var(--line);height:1px;margin:4px 6px}#session-actions-group.hidden,#signout-group.hidden,#signin-group.hidden,#account-group.hidden{display:none}a.menu-item{color:inherit;text-decoration:none}#sidepanel{--panel-width:340px;width:var(--panel-width);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;grid-area:panel;max-width:70vw;min-height:0;transition:width .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative}#sidepanel.collapsed{justify-content:flex-start;align-items:center;min-width:0;padding:0;width:44px!important}#sidepanel.collapsed>:not(#sidepanel-toggle){display:none!important}#sidepanel-toggle{width:32px;height:32px;color:var(--muted);z-index:2;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;display:flex;position:absolute;top:14px;left:auto;right:14px;transform:none}#sidepanel.collapsed #sidepanel-toggle{border-radius:9px;flex:none;width:44px;height:44px;position:static}#sidepanel.resizing{transition:none!important}#sidepanel-resize{cursor:col-resize;touch-action:none;z-index:2;width:8px;position:absolute;inset:0 auto 0 -4px}#sidepanel-resize:after{content:"";background:0 0;border-radius:1px;width:2px;position:absolute;inset:0 3px 0 auto}#sidepanel-resize:hover:after,#sidepanel-resize:active:after{background:var(--accent)}#sidepanel-resize:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#panel-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:10px;padding:18px 56px 14px 18px;display:flex}.ray-avatar{background:var(--accent-bright);width:34px;height:34px;color:var(--accent-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:750;display:flex}#panel-head strong{font-size:13px;display:block}#panel-state{color:var(--muted);margin-top:2px;font-size:10px;display:block}#mode-chip{border:1px solid var(--line);background:var(--white);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;vertical-align:1px;cursor:pointer;border-radius:999px;margin-left:8px;padding:1px 8px 2px;font-size:9px;font-weight:640}#mode-chip.review{color:var(--accent-dark);background:#dff5e8;border-color:#b8e6cc}#mode-chip.hidden{display:none}#captions-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}#captions{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px 18px 10px;display:flex;overflow-y:auto}#captions-jump{border:1px solid var(--ink);background:var(--white);color:var(--ink);cursor:pointer;box-shadow:4px 5px 0 var(--paper-deep);z-index:2;border-radius:999px;padding:5px 12px;font-size:12px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#captions-jump.hidden{display:none}.caption{letter-spacing:-.005em;width:100%;color:var(--ink);font-size:14px;line-height:1.55}.caption:before{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 5px;font-size:9px;line-height:1;display:block}.caption.tutor:before{content:"Ray"}.caption.you:before{content:"You";color:var(--muted)}.caption.tutor+.caption.tutor:before,.caption.you+.caption.you:before{display:none}.caption.tutor+.caption.tutor,.caption.you+.caption.you{margin-top:-6px}.caption.you{border-left:1px solid var(--line);color:#4b4a46;padding-left:16px}.caption.past{opacity:.55}.history-marker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-self:center;align-items:center;gap:10px;width:100%;padding:2px 0;font-size:9px;display:flex}.history-marker:before,.history-marker:after{content:"";background:var(--line);flex:1;height:1px}.history-replay{border:1px solid var(--ink);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-self:center;margin:4px 0;padding:8px 14px;font-size:12px;font-weight:600}.history-replay:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--accent-dark)}.history-replay.revoke{color:#7a1f1f;border-color:#d9a0a0}.history-replay.revoke:hover{color:#7a1f1f;background:#f8e0e0;border-color:#d9a0a0}.caption.cp-card{border:1px solid var(--ink);background:var(--paper);border-radius:9px;width:100%;max-width:100%;margin-top:4px;padding:14px 14px 12px}.caption.cp-card:before,.caption.tutor+.caption.tutor.cp-card:before,.caption.cp-card+.caption.tutor:before{content:"Checkpoint";margin-bottom:8px;display:block}.caption.cp-card+.caption.tutor:before{content:"Ray";margin-bottom:5px}.caption.tutor+.caption.tutor.cp-card,.caption.cp-card+.caption.tutor{margin-top:4px}.cp-card .cp-question{letter-spacing:-.01em;margin:0 0 10px;font-weight:640;line-height:1.4}.cp-card .cp-free{color:var(--muted);margin-bottom:8px;font-size:12px}.cp-options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-aux{gap:8px;margin-left:auto;display:flex}.cp-opt{font:inherit;border:1px solid var(--ink);color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;min-height:36px;padding:0 14px;font-size:13px;font-weight:600}.cp-opt:hover{background:var(--accent-bright);border-color:var(--accent-bright);color:var(--accent-dark)}.cp-opt.primary{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--white)}.cp-opt.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--white)}.cp-opt.aux{min-height:32px;color:var(--muted);border-style:dashed;border-color:var(--muted);padding:0 10px;font-size:12px;font-weight:500}.cp-card.done .cp-opt{cursor:default;opacity:.45}.cp-card.done .cp-opt.chosen{opacity:1;background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}#text-form{border-top:1px solid var(--line);flex-shrink:0;align-items:flex-end;gap:8px;padding:12px 14px 14px;display:flex}#text-actions{flex:none;align-items:flex-end;gap:6px;display:flex}#text-form .icon-btn{width:44px;height:44px}#text-input{background:var(--white);min-width:0;color:var(--ink);border:1px solid var(--ink);resize:none;border-radius:9px;flex:auto;min-height:0;padding:11px 14px;font-family:inherit;font-size:14px;line-height:1.4;overflow-y:hidden}#text-input::placeholder{color:var(--muted)}#text-send-btn{flex:none;align-self:flex-end}#text-input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #2f8f5f2e}#text-actions #pause-btn.hidden{display:none}#hud{border-top:1px solid var(--line);flex-direction:column;gap:6px;width:100%;padding:10px 14px 14px;display:flex}#hud:not(:has(>:not([inert]))){display:none}#hud>*{pointer-events:auto}.hud-row{width:100%;height:32px}.debug-only[inert]{display:none!important}#hud-speed-row{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}#hud-speed-row input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1}#hud-speed-row span{font-size:12px;font-family:var(--mono);text-align:right;min-width:38px}#hud-voice-row{align-items:center;gap:8px;font-size:12px;display:flex}#hud select{min-width:0;height:32px;font:inherit;background:var(--white);border:1px solid var(--line);border-radius:8px;flex:1;padding:0 8px;font-size:13px}#debug{position:relative}#debug summary{background:var(--white);border:1px solid var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;height:32px;padding:0 12px;font-size:13px;list-style:none;display:flex}#debug summary::-webkit-details-marker{display:none}#debug[open] summary{background:var(--accent-bright);border-color:var(--accent-bright)}#debug-menu{background:var(--white);border:1px solid var(--line);width:100%;box-shadow:8px 10px 0 var(--paper-deep);z-index:40;border-radius:10px;padding:10px;font-size:12px;position:absolute;bottom:calc(100% + 6px);right:0}#debug .group{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}#debug .group:first-child{margin-top:0}#debug .group>span{width:100%;color:var(--muted)}#welcome-overlay{background:var(--paper);z-index:10000;padding:clamp(20px,3.5vw,48px);transition:opacity .4s,visibility .4s;position:fixed;inset:0;overflow:auto}.ready-shell{flex-direction:column;width:min(1120px,100%);min-height:calc(100vh - 2*clamp(20px,3.5vw,48px));margin:0 auto;display:flex}.ready-shell.has-history{width:min(1380px,100%)}.ready-header{justify-content:space-between;align-items:center;gap:24px;min-height:42px;display:flex}.ready-brand{color:var(--ink);letter-spacing:-.035em;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.ready-brand img{display:block}.ready-presence{color:var(--muted);align-items:center;gap:8px;display:inline-flex}.ready-presence i,.ready-eyebrow span{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}#ready-actions{width:100%;margin:auto 0;padding:clamp(42px,7vh,82px) 0 clamp(28px,5vh,58px)}#ready-actions.hidden,#ready-directory.hidden,#ready-focused.hidden{display:none}.ready-intro{grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);align-items:end;gap:32px;margin-bottom:30px;display:grid}.ready-eyebrow,.ready-path-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;line-height:1.4}.ready-eyebrow{grid-column:1/-1;align-items:center;gap:9px;margin:0 0 -18px;display:flex}.ready-intro h1{letter-spacing:-.065em;text-wrap:pretty;max-width:13ch;margin:0;font-size:clamp(40px,5vw,68px);font-weight:570;line-height:.94}.ready-intro>p:last-child{color:#4b4a46;max-width:34ch;margin:0 0 3px;font-size:clamp(15px,1.35vw,18px);line-height:1.55}.ready-paths{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:18px;display:grid}.ready-paths.with-history{grid-template-columns:minmax(0,.74fr) minmax(340px,1.12fr) minmax(280px,.86fr)}.ready-path{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-height:360px;box-shadow:9px 11px 0 var(--paper-deep);padding:clamp(24px,3vw,36px);position:relative}.ready-path h2{letter-spacing:-.045em;margin:17px 0 10px;font-size:clamp(24px,2.4vw,34px);font-weight:610;line-height:1.05}.ready-path>p{max-width:40ch;color:var(--muted);margin:0;font-size:14px;line-height:1.55}.ready-modules{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;flex-direction:column;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.ready-modules:after{content:"";width:190px;height:190px;box-shadow:inset 0 0 0 24px var(--accent-bright), inset 0 0 0 25px #b9d8c4;pointer-events:none;border:1px solid #b9d8c4;border-radius:50%;position:absolute;bottom:-82px;right:-78px}.ready-modules:not(:disabled):hover{box-shadow:12px 15px 0 var(--paper-deep);border-color:#a8c9b4;transform:translateY(-3px)}.ready-modules.hidden{display:none}.ready-path-arrow{font-size:20px;transition:transform .18s;position:absolute;top:28px;right:30px}.ready-modules:not(:disabled):hover .ready-path-arrow{transform:translate(2px,-2px)}.ready-modules:disabled{cursor:default}.ready-modules[aria-busy=true]{cursor:progress}.ready-module-mark{background:var(--accent-bright);width:92px;height:92px;color:var(--accent-dark);border-radius:50%;place-items:center;margin:28px 0 4px;display:grid}.ready-module-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:58px;height:58px}.ready-path-cta{z-index:1;margin-top:auto;padding-top:24px;font-size:14px;font-weight:650;position:relative}.ready-freeform,.ready-history{flex-direction:column;display:flex}.ready-history.hidden{display:none}.ready-session-list{flex-direction:column;gap:8px;margin-top:22px;display:flex}.ready-session-status{color:var(--muted);margin:8px 0;font-size:13px;line-height:1.5}.ready-session{border:1px solid var(--line);min-height:58px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fbfcfa;border-radius:9px;padding:10px 34px 10px 12px;transition:border-color .15s,background-color .15s,transform .15s;position:relative}.ready-session:hover{border-color:var(--accent);background:var(--accent-bright);transform:translateY(-1px)}.ready-session strong,.ready-session time{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ready-session strong{font-size:13px;line-height:1.35}.ready-session time{color:var(--muted);font-family:var(--mono);margin-top:3px;font-size:10px}.ready-session>span{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ready-session:focus-visible,.ready-history-retry:focus-visible,.ready-history-all:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.ready-history-retry{color:var(--accent-dark);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0;font-size:13px;font-weight:650;text-decoration:underline}.ready-history-all{color:var(--accent-dark);margin-top:auto;padding-top:20px;font-size:13px;font-weight:650;text-decoration:none}.ready-starters{grid-template-columns:1fr 1fr;gap:9px;margin:24px 0 18px;display:grid}.ready-mode{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;padding:0;display:grid}.ready-mode legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.ready-mode label{cursor:pointer;position:relative}.ready-mode input{opacity:0;pointer-events:none;position:absolute}.ready-mode label>span{border:1px solid var(--line);background:#fbfcfa;border-radius:9px;flex-direction:column;justify-content:center;gap:2px;min-height:54px;padding:9px 12px;display:flex}.ready-mode small{color:var(--muted);font-size:11px;line-height:1.25}.ready-mode input:checked+span{border-color:var(--accent-dark);background:var(--accent-bright);box-shadow:inset 3px 0 0 var(--accent-dark)}.ready-mode input:focus-visible+span{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.ready-starter{border:1px solid var(--line);min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fbfcfa;border-radius:9px;padding:10px 12px;font-size:13px;line-height:1.25;transition:border-color .15s,background-color .15s,transform .15s}.ready-starter:hover{border-color:var(--accent);background:var(--accent-bright);transform:translateY(-1px)}.ready-starter:focus-visible,#ready-question:focus-visible,#ready-question-form button:focus-visible,.ready-modules:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}#ready-question-form{border:1px solid var(--ink);background:var(--white);border-radius:12px;grid-template-columns:minmax(0,1fr) 48px;align-items:end;gap:8px;margin-top:auto;padding:6px;display:grid}#ready-question{resize:none;min-height:44px;max-height:120px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;padding:11px 9px;font-size:14px;line-height:1.45}#ready-question::placeholder{color:#87847d}#ready-question-form button{background:var(--accent-dark);width:46px;height:46px;color:var(--white);cursor:pointer;border:0;border-radius:9px;place-items:center;display:grid}#ready-question-form button:hover{background:var(--accent)}#ready-question-form svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}#ready-directory{width:100%;margin:auto 0;padding:clamp(38px,6vh,66px) 0 clamp(22px,4vh,42px)}.ready-directory-head{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,54px);display:grid}#ready-directory-back{border:1px solid var(--line);background:var(--white);min-height:42px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-size:13px;display:inline-flex}#ready-directory-back:hover{border-color:var(--accent);background:var(--accent-bright)}.ready-directory-head .ready-eyebrow{margin:0 0 14px}.ready-directory-head h1{letter-spacing:-.06em;max-width:14ch;margin:0;font-size:clamp(38px,4.6vw,58px);font-weight:570;line-height:.96}.ready-directory-head>div>p:last-child{max-width:54ch;color:var(--muted);margin:14px 0 0;font-size:14px;line-height:1.5}.ready-module-search{border:1px solid var(--ink);background:var(--white);border-radius:11px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;margin:28px 0 10px 174px;padding:0 14px;display:grid}.ready-module-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.ready-module-search svg{fill:none;width:21px;height:21px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round}#ready-module-search{min-width:0;height:50px;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:15px}#ready-module-search::placeholder{color:#87847d}.ready-module-search kbd{border:1px solid var(--line);background:var(--paper);color:var(--muted);font-family:var(--mono);border-bottom-width:2px;border-radius:5px;padding:3px 7px;font-size:10px}#ready-directory-status{min-height:18px;color:var(--muted);margin:0 0 12px 174px}.ready-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-left:174px;display:grid}.ready-module-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);min-height:210px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:5px 7px 0 var(--paper-deep);flex-direction:column;align-items:stretch;padding:21px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.ready-module-card:hover{box-shadow:7px 9px 0 var(--paper-deep);border-color:#a8c9b4;transform:translateY(-2px)}.ready-module-card:focus-visible,#ready-directory-back:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:2px}.ready-module-card-meta{min-height:30px;color:var(--accent-dark);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;line-height:1.45}.ready-module-card strong{letter-spacing:-.035em;margin:10px 0 8px;font-size:20px;font-weight:620;line-height:1.08}.ready-module-card-objective{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.ready-module-card-foot{color:var(--ink);justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;font-size:12px;font-weight:650;display:flex}.ready-module-grid.empty{display:block}.ready-directory-empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted);text-align:center;margin:0;padding:32px}#ready-focused{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:min(460px,100%);box-shadow:12px 15px 0 var(--paper-deep);text-align:center;margin:auto;padding:42px}#ready-focused .brand-mark{width:56px;height:56px;margin:0 auto 18px}#ready-focused .ready-path-label{color:var(--accent-dark)}#ready-focused h1{letter-spacing:-.05em;margin:10px 0 22px;font-size:clamp(30px,4vw,42px);font-weight:590;line-height:1.03}#ready-focused-detail{color:var(--muted);margin:-8px 0 24px;font-size:13px;line-height:1.45}#ready-focused-detail.hidden{display:none}#start-btn{background:var(--accent-dark);border:1px solid var(--accent-dark);min-height:50px;color:var(--white);border-radius:9px;width:100%;padding:0 20px;font-size:14px;font-weight:630;transition:transform .18s,background-color .18s}#start-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}#start-btn:active{transform:translateY(0)}#start-btn:disabled{opacity:.6;cursor:default}#start-btn.hidden,#start-status.hidden{display:none}#start-status{max-width:560px;color:var(--muted);text-align:center;align-self:center;margin:auto;padding:14px 0;font-size:14px;animation:1.4s ease-in-out infinite start-status-pulse}@keyframes start-status-pulse{0%,to{opacity:.5}50%{opacity:1}}.ready-auth{width:min(420px,100%);margin:auto}#welcome-overlay .legal-notice{text-align:center;max-width:680px;margin:18px auto 0}#login-form.hidden,#login-status.hidden{display:none}#login-form{flex-direction:column;gap:10px;display:flex}#login-msg{color:var(--muted);margin:0 0 4px;font-size:14px}#login-google{border:1px solid var(--ink);background:var(--white);width:100%;min-height:50px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:12px;padding:0 20px;font-size:14px;font-weight:630;transition:transform .18s;display:flex}#login-google:hover:not(:disabled){transform:translateY(-2px)}#login-google:disabled{opacity:.6;cursor:default}#login-divider{color:var(--muted);align-items:center;gap:12px;margin:4px 0;font-size:12px;display:flex}#login-divider:before,#login-divider:after{content:"";background:var(--line);flex:1;height:1px}#login-email-form{flex-direction:column;gap:10px;display:flex}#login-email{background:var(--white);border:1px solid var(--line);min-height:46px;font:inherit;color:var(--ink);border-radius:9px;width:100%;padding:0 14px;font-size:14px}#login-email:focus{border-color:var(--accent);outline:none}#login-btn{background:var(--accent-dark);border:1px solid var(--accent-dark);min-height:50px;color:var(--white);border-radius:9px;width:100%;padding:0 20px;font-size:14px;font-weight:630;transition:background-color .18s}#login-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent)}#login-btn:disabled{opacity:.6;cursor:default}#login-status{color:var(--muted);margin:4px 0 0;font-size:13px}#login-dismiss{color:var(--muted);cursor:pointer;background:0 0;border:none;margin:10px auto 0;padding:4px 10px;font-size:13px;text-decoration:underline;display:block}#login-dismiss:hover{color:var(--ink)}#login-dismiss.hidden{display:none}#toast{color:#7a1f1f;z-index:30000;max-width:min(560px,100vw - 32px);box-shadow:6px 8px 0 var(--paper-deep);background:#fff1f0;border:1px solid #e5a0a0;border-radius:9px;padding:10px 16px;font-size:13px;line-height:1.4;position:fixed;top:14px;left:50%;transform:translate(-50%)}#toast.hidden{display:none}#rotate-gate{z-index:20000;background:var(--paper);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:none;position:fixed;inset:0}#rotate-gate svg{fill:none;width:40px;height:40px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}#rotate-gate .mono-label{letter-spacing:.12em;color:var(--accent);font-size:11px}#rotate-gate p:last-child{max-width:34ch;color:var(--muted);font-size:14px;line-height:1.5}@media (orientation:landscape) and (height<=500px) and (width<=1000px) and (pointer:coarse){#rotate-gate{display:flex}}body.gate-dismissed #rotate-gate{display:none!important}#rotate-gate-continue{border:1px solid var(--ink);background:var(--white);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border-radius:9px;margin-top:18px;padding:0 16px;font-weight:600}#help-overlay{z-index:15000;background:#191a1d61;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}#help-overlay.hidden{display:none}.help-card{overscroll-behavior:contain;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:min(720px,100%);max-height:100%;box-shadow:15px 18px 0 var(--paper-deep);color:var(--ink);padding:32px 36px 36px;position:relative;overflow-y:auto}.help-card>.mono-label{letter-spacing:.12em;color:var(--accent);font-size:11px}.help-card h2{letter-spacing:-.04em;margin:8px 0 6px;font-size:28px;font-weight:600;line-height:1.05}.help-lede{max-width:52ch;color:var(--muted);font-size:14px;line-height:1.55}#help-close{border:1px solid var(--line);background:var(--white);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:28px;right:32px}#help-close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}#help-close:hover{border-color:var(--ink)}.help-legal{color:var(--muted);margin-top:22px;font-size:13px}.help-legal a{color:inherit}.help-build{opacity:.55;text-align:right;margin-top:6px}.legal-notice{color:var(--muted);margin:16px 0 0;font-size:12px;line-height:1.45}.legal-notice a{color:inherit;text-decoration:underline}.queued-note{color:var(--muted);margin:0 0 6px;font-size:12px;line-height:1.4}.queued-note.hidden{display:none}.quota-actions{gap:10px;display:flex}.quota-actions button{cursor:pointer;border-radius:9px;flex:1;min-height:46px;padding:0 16px;font-size:14px;font-weight:630}#quota-ok{background:var(--accent-dark);border:1px solid var(--accent-dark);color:var(--white)}#quota-signin{border:1px solid var(--ink);color:var(--ink);background:0 0}#quota-notice,#terms-gate,#new-session-mode{z-index:1200;background:#10241d8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#quota-notice.hidden,#terms-gate.hidden,#new-session-mode.hidden{display:none}.terms-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:420px;max-width:100%;box-shadow:15px 18px 0 var(--paper-deep);color:var(--ink);padding:32px}.terms-card h2{letter-spacing:-.02em;margin:4px 0 10px;font-size:22px}.terms-card p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.5}.terms-card a{color:inherit;text-decoration:underline}#terms-accept{background:var(--accent-dark);border:1px solid var(--accent-dark);width:100%;min-height:46px;color:var(--white);cursor:pointer;border-radius:9px;padding:0 20px;font-size:14px;font-weight:630}.new-session-mode-card{width:560px}.new-session-mode-actions{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 12px;display:grid}.new-session-mode-actions button{border:1px solid var(--line);background:var(--white);min-height:112px;color:var(--ink);text-align:left;cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;gap:7px;padding:18px;display:flex}.new-session-mode-actions button:hover,.new-session-mode-actions button:focus-visible{border-color:var(--accent-dark);background:var(--accent-bright)}.new-session-mode-actions span{color:var(--muted);font-size:13px;line-height:1.35}.new-session-mode-card>.text-button{width:auto;min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:5px 2px;text-decoration:underline}.help-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.help-section h3{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:10px;font-weight:600}.help-steps,.help-items,.help-keys{gap:10px;list-style:none;display:grid}.help-steps{counter-reset:help-step}.help-steps li{grid-template-columns:28px minmax(0,1fr);gap:10px;display:grid}.help-steps li:before{counter-increment:help-step;content:"0" counter(help-step);font-family:var(--mono);letter-spacing:.08em;color:var(--accent);padding-top:3px;font-size:11px}.help-items li{grid-template-columns:36px minmax(0,1fr);align-items:start;gap:12px;display:grid}.help-icon{border:1px solid var(--line);background:var(--white);width:36px;height:36px;color:var(--ink);font-family:var(--mono);letter-spacing:.05em;white-space:nowrap;border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:inline-flex}.help-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.help-steps strong,.help-items strong{font-size:14px;font-weight:620;line-height:1.4;display:block}.help-steps p,.help-items p{color:var(--muted);margin:2px 0 0;font-size:13px;line-height:1.55}.help-keys{color:var(--muted);gap:8px;font-size:13px}.help-keys kbd{border:1px solid var(--line);background:var(--paper);min-width:22px;color:var(--ink);font-family:var(--mono);text-align:center;border-bottom-width:2px;border-radius:5px;margin-right:6px;padding:2px 6px;font-size:11px;display:inline-block}@media (width<=1150px){.ready-paths.with-history{grid-template-columns:minmax(0,.82fr) minmax(340px,1.18fr)}.ready-paths.with-history .ready-history{grid-column:1/-1;min-height:0}.ready-paths.with-history .ready-session-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=900px){.ready-directory-head{grid-template-columns:104px minmax(0,1fr);gap:24px}.ready-module-search,#ready-directory-status,.ready-module-grid{margin-left:0}.ready-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px),(orientation:portrait) and (width<=820px){#help-overlay{padding:10px}.help-card{box-shadow:8px 10px 0 var(--paper-deep);padding:26px 20px 28px}#help-close{top:20px;right:18px}.help-card h2{font-size:24px}}@media (prefers-reduced-motion:reduce){#sidepanel,#board-pager,.lesson-card{transition:none!important}}@media (orientation:portrait){#app{grid-template:"top""stage"minmax(0,1fr)"rail""panel"/minmax(0,1fr);row-gap:12px;padding:0 14px 14px}#topbar{border-bottom:none;height:52px;margin:0 -14px 2px;padding:0 16px}.brand{font-size:17px}.brand img{width:24px;height:24px}#topbar-right{gap:12px}#topbar-live{display:flex}#history-select{max-width:150px}#stage{box-shadow:8px 10px 0 var(--paper-deep);margin-right:8px}#stage-bar{display:none}#board-pager{min-width:0;min-height:var(--bb);scrollbar-width:none;flex-flow:row;justify-content:safe center;padding:0;overflow-x:auto}#board-pager.banner-side,#board-pager.banner-side #pager-group{flex-direction:row}#sidepanel{height:var(--panel-height,34vh);max-width:100%;transition:height .4s cubic-bezier(.25,.8,.25,1);width:100%!important}#sidepanel.collapsed{flex-direction:row;justify-content:flex-end;padding:0 6px;width:100%!important;height:44px!important}#sidepanel-toggle{top:10px;right:12px}#sidepanel-resize{cursor:row-resize;width:100%;height:8px;inset:-4px 0 auto}#sidepanel-resize:after{width:auto;height:2px;inset:3px 0 auto}#panel-head{padding:12px 52px 10px 16px}#captions{padding:14px 16px 8px}#welcome-overlay{padding:18px 16px 26px}.ready-shell{min-height:calc(100vh - 44px)}.ready-header{min-height:36px}.ready-brand{font-size:18px}.ready-brand img{width:30px;height:30px}.ready-presence{font-size:9px}#ready-actions{padding:38px 0 22px}.ready-intro{margin-bottom:24px;display:block}.ready-eyebrow{margin:0 0 14px}.ready-intro h1{max-width:12ch;font-size:clamp(38px,11vw,52px)}.ready-intro>p:last-child{max-width:30ch;margin-top:16px;font-size:15px}.ready-paths{grid-template-columns:minmax(0,1fr);gap:14px}.ready-paths.with-history{grid-template-columns:minmax(0,1fr)}.ready-paths.with-history .ready-history{grid-column:auto}.ready-paths.with-history .ready-session-list{grid-template-columns:minmax(0,1fr)}.ready-path{min-height:0;box-shadow:7px 9px 0 var(--paper-deep);padding:24px}.ready-freeform{order:-1}.ready-path h2{margin-top:13px;font-size:27px}.ready-starters{gap:8px;margin:19px 0 15px}.ready-mode,.new-session-mode-actions{grid-template-columns:1fr}.ready-starter{min-height:52px;font-size:12px}.ready-modules{min-height:218px}.ready-module-mark{width:64px;height:64px;margin:18px 0 0}.ready-module-mark svg{width:42px;height:42px}.ready-path-cta{padding-top:18px}#ready-directory{padding:34px 0 24px}.ready-directory-head{flex-direction:column;gap:24px;display:flex}#ready-directory-back{align-self:flex-start;min-height:40px;padding:0 14px}.ready-directory-head h1{max-width:12ch;font-size:40px}.ready-module-search{margin-top:24px}.ready-module-search kbd{display:none}.ready-module-grid{grid-template-columns:minmax(0,1fr)}.ready-module-card{min-height:184px;box-shadow:5px 7px 0 var(--paper-deep);padding:20px}#ready-focused{box-shadow:8px 10px 0 var(--paper-deep);padding:34px 24px}}@media (orientation:landscape) and (width<=820px){#welcome-overlay{padding:20px}.ready-shell{min-height:calc(100vh - 40px)}#ready-actions{padding:30px 0 24px}.ready-intro{margin-bottom:22px}.ready-intro h1{font-size:42px}.ready-path{min-height:330px;padding:24px}.ready-starter{font-size:12px}#ready-focused{margin-block:28px;padding:28px 24px}#app{column-gap:12px;padding:0 14px 14px}#topbar{height:48px;margin:0 -14px 10px;padding:0 14px}}html:has(>body.modules-page){height:auto;overflow:auto}.modules-page{background:var(--paper);height:auto;min-height:100vh;color:var(--ink);flex-direction:column;display:flex;overflow:auto}.modules-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:60px;padding:0 clamp(16px,5vw,48px);display:flex}.modules-brand{letter-spacing:-.025em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.modules-brand img{width:28px;height:28px;display:block}.modules-freeform{color:var(--ink);font-size:14px;font-weight:540;text-decoration:none}.modules-freeform:hover{color:var(--accent)}.modules-main{flex:1;width:min(1080px,100% - 2*clamp(16px,5vw,48px));margin:0 auto;padding:56px 0 80px}.modules-eyebrow{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 18px;font-size:11px;line-height:1.4;display:flex}.modules-eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px}.modules-main h1{letter-spacing:-.05em;text-wrap:balance;max-width:16ch;margin:0 0 22px;font-size:clamp(36px,4.6vw,58px);font-weight:570;line-height:.98}.modules-lede{max-width:58ch;color:var(--muted);margin:0 0 44px;font-size:17px;line-height:1.6}.modules-status{color:var(--muted);padding:24px 0;font-size:16px}.modules-status.error{color:#b3402e}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;display:grid}.lesson-card{border-radius:var(--radius);background:var(--white);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:10px;padding:22px 22px 18px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.lesson-card:hover,.lesson-card:focus-visible{border-color:var(--accent);box-shadow:8px 10px 0 var(--paper-deep);outline:none;transform:translateY(-2px)}.lesson-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:6px 14px;font-size:10px;display:flex}.lesson-title{letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:4px 0 0;font-size:20px;font-weight:650;line-height:1.25}.lesson-objective{color:var(--muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.lesson-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.lesson-start{color:var(--accent-dark);white-space:nowrap;font-size:14px;font-weight:610}.lesson-id{min-width:0;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.modules-footer{border-top:1px solid var(--line);padding:22px clamp(16px,5vw,48px);font-size:12px}.modules-footer a{color:var(--muted);text-decoration:none}.modules-footer a:hover{color:var(--ink)}