:root{--bg: #0d0f12;--panel: #16191e;--panel-2: #1e222a;--panel-3: #23272f;--border: #23272f;--border-2: #343a45;--text: #f2f3f5;--text-2: #c7cbd3;--muted: #a3a9b4;--accent: #e8621f;--accent-text: #160b04;--accent-soft: #2a1810;--accent-ink: #f59a62;--ok: #3bc4b5;--ok-text: #08201d;--ok-soft: #10302c;--warn: #f5a524;--warn-soft: #2b2112;--danger: #f59a62;--radius: 18px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Space Grotesk", "Inter", system-ui, sans-serif;--mono: "Cascadia Code", Consolas, ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.5 var(--font);display:flex;flex-direction:column}#root{display:contents}h1,h2,h3{font-family:var(--display);letter-spacing:-.01em}h2{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 10px;font-family:var(--font)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;cursor:pointer;border:1px solid var(--border-2);background:transparent;color:var(--text);font-weight:600;text-decoration:none}.btn:hover{background:var(--panel-2)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{border-color:transparent}.btn.small{min-height:36px;padding:0 12px;font-size:13px;border-radius:10px}.btn.big{min-height:56px;padding:0 24px;font-size:17px;border-radius:14px}.btn.danger{color:var(--danger)}.btn.icon{width:44px;padding:0}.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--border-2);background:transparent;color:var(--text);cursor:pointer}.chip:hover{background:var(--panel-2)}.pill{font-size:11px;border-radius:999px;padding:1px 8px;background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.pill.live{background:var(--ok-soft);color:var(--ok);border-color:transparent}.pill.mock{background:var(--warn-soft);color:var(--warn);border-color:transparent}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:12px 22px;border-bottom:1px solid var(--border);background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;background:none;border:0;cursor:pointer;padding:0;color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:9px;background:var(--accent);display:grid;place-items:center}.brand-name{font-family:var(--display);font-weight:700;font-size:19px}.brand-by{font-size:12px;color:var(--muted);border:1px solid var(--border-2);border-radius:999px;padding:1px 9px}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav button{min-height:42px;padding:0 16px;border-radius:10px;border:0;background:transparent;color:var(--text-2);cursor:pointer;font-weight:500}.nav button[aria-current=page]{background:var(--panel-2);color:var(--text);font-weight:650}.topbar-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.robot-pick{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:0 4px 0 12px;min-height:44px}.robot-pick span{font-size:13px;color:var(--muted)}.robot-pick select{border:0;background:transparent;color:var(--text);font-weight:600;min-height:40px;max-width:230px;cursor:pointer}.robot-pick select option{background:var(--panel)}.switch{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--border-2);background:var(--panel);color:var(--text);cursor:pointer}.switch .track{width:40px;height:22px;border-radius:999px;background:var(--border-2);position:relative;transition:background .15s}.switch .knob{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--text);transition:left .15s}.switch[aria-checked=true] .track{background:var(--accent)}.switch[aria-checked=true] .knob{left:21px}.layout{flex:1;min-height:0;display:grid;grid-template-columns:290px minmax(0,1fr) 370px;gap:14px;padding:14px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.center{display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0}.home{flex:1;overflow-y:auto}.home-inner{max-width:1320px;margin:0 auto;padding:44px 40px 64px;display:flex;flex-direction:column;gap:44px}.hero{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.hero-text{flex:1 1 440px;display:flex;flex-direction:column;gap:20px}.hero h1{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.03em}.hero p{margin:0;font-size:19px;color:var(--text-2);max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-figure{flex:1 1 500px;margin:0;position:relative;min-height:340px;border-radius:22px;overflow:hidden;border:1px solid var(--border);background:#111318}.hero-figure .viewer{position:absolute;top:0;right:0;bottom:0;left:0}.hero-figure figcaption{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:10px;background:#0d0f12db;border:1px solid var(--border-2);border-radius:12px;padding:8px 14px;font-size:14px;pointer-events:none}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}.robo-hello{display:flex;align-items:center;gap:12px;color:var(--text-2)}.robo-face{width:46px;height:46px;border-radius:14px;background:var(--accent);display:grid;place-items:center;flex:none}.robo-face.small{width:40px;height:40px;border-radius:12px}.robo-face.tiny{width:30px;height:30px;border-radius:9px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{display:flex;flex-direction:column;gap:12px;padding:24px;min-height:220px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:20px;color:var(--text);cursor:pointer}.card:hover{border-color:var(--border-2);background:#191c22}.card.featured{border-color:var(--accent)}.card-icon{width:52px;height:52px;border-radius:14px;background:var(--panel-2);display:grid;place-items:center}.card.featured .card-icon{background:var(--accent-soft)}.card-title{font-family:var(--display);font-size:22px;font-weight:600}.card-text{color:var(--muted);font-size:15px}.card-foot{margin-top:auto;font-size:14px;font-weight:600;width:100%;display:flex;flex-direction:column;gap:8px}.bar{height:8px;background:var(--border-2);border-radius:999px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .4s}.bar.ok>span{background:var(--ok)}.rail{padding:18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.rail-title{font-family:var(--display);font-size:20px;font-weight:600}.rail-progress{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-2)}.rail-progress .bar{flex:1}.lessons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lesson-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:46px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--muted);text-align:left;cursor:pointer}.lesson-row:hover{background:var(--panel-2)}.lesson-row.done{color:var(--text-2)}.lesson-row.current{background:var(--accent-soft);border-color:var(--accent);color:var(--text);font-weight:600}.lesson-dot{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--panel-3);color:var(--text-2)}.lesson-row.done .lesson-dot{background:var(--ok);color:var(--ok-text)}.lesson-row.current .lesson-dot{background:var(--accent);color:var(--accent-text)}.course-switch{display:flex;gap:6px;flex-wrap:wrap}.lesson-head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.lesson-head .eyebrow{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.05em}.lesson-head h1{margin:2px 0 0;font-size:32px;line-height:1.1}.lesson-head p{margin:6px 0 0;color:var(--text-2);max-width:680px}.lesson-head-text{flex:1 1 320px}.segmented{display:flex;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:4px}.segmented button{min-height:44px;padding:0 16px;border-radius:10px;border:0;background:transparent;color:var(--text-2);font-weight:600;cursor:pointer}.segmented button[aria-selected=true]{background:var(--accent);color:var(--accent-text);font-weight:700}.viewport{position:relative;overflow:hidden;min-height:440px;flex:1;background:#111318}.viewer{position:absolute;top:0;right:0;bottom:0;left:0}.viewer>div{width:100%!important;height:100%!important}.viewer canvas{display:block;touch-action:none}.view-tools{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}.view-tools .btn{background:#0d0f12db;border-color:var(--border-2)}.view-error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--warn-soft);color:var(--warn);padding:8px 12px;border-radius:8px}.stats{position:absolute;left:12px;bottom:12px;display:flex;flex-wrap:wrap;gap:8px;z-index:2;pointer-events:none}.stat{background:#0d0f12e0;border:1px solid var(--border-2);border-radius:12px;padding:7px 12px;font-size:14px;display:flex;align-items:center;gap:8px}.stat small{color:var(--muted);font-size:13px}.stat .dot.ok{background:var(--ok)}.stat .dot.warn{background:var(--warn)}.overlay-card{position:absolute;z-index:4;background:#16191ef7;border:1px solid var(--border-2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 32px #00000059}.overlay-card h3{margin:0;font-size:21px}.overlay-card p{margin:0;color:var(--text-2)}.turn-card{left:14px;bottom:14px;width:min(440px,calc(100% - 28px));max-height:calc(100% - 28px);overflow-y:auto}.check-card{right:14px;top:14px;bottom:14px;width:min(400px,calc(100% - 28px));overflow-y:auto}.part-card{right:14px;top:14px;width:min(340px,calc(100% - 28px));max-height:calc(100% - 28px);overflow-y:auto}.todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.todo li{display:flex;gap:12px;align-items:center;background:var(--panel-2);border-radius:12px;padding:11px 13px}.todo li.missing{background:var(--accent-soft);border:1px solid var(--accent);align-items:flex-start}.todo li .grow{flex:1;min-width:0}.tick{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800}.tick.ok{background:var(--ok);color:var(--ok-text)}.tick.no{background:var(--accent);color:var(--accent-text)}.tick.todo-n{background:var(--panel-3);color:var(--text-2)}.big-title{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.1}.celebrate{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.celebrate .badge-ok{width:84px;height:84px;border-radius:50%;background:var(--ok);display:grid;place-items:center;animation:pop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.row{display:flex;gap:8px;flex-wrap:wrap}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.part-head{display:flex;gap:12px;align-items:center}.part-icon{width:52px;height:52px;border-radius:14px;background:var(--panel-2);display:grid;place-items:center;flex:none}.part-name{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.15}.part-sub{font-size:13px;color:var(--muted)}.fact{display:flex;gap:8px;align-items:center;background:var(--panel-2);border-radius:12px;padding:10px 12px;font-size:14px}.link-btn{background:none;border:0;padding:0;color:var(--text-2);text-decoration:underline;cursor:pointer;font-size:14px}.drawer{padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.drawer-title{font-family:var(--display);font-size:19px;font-weight:600}.cats{display:flex;flex-wrap:wrap;gap:6px}.cats button{min-height:34px;padding:0 12px;border-radius:999px;border:0;background:var(--panel-2);color:var(--text);font-size:13px;cursor:pointer}.cats button[aria-pressed=true]{background:var(--accent);color:var(--accent-text);font-weight:700}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile-btn{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;min-height:96px;border-radius:14px;border:1px solid var(--border-2);background:var(--panel-2);color:var(--text);text-align:left;cursor:pointer}.tile-btn:hover,.tile-btn.need{border-color:var(--accent)}.tile-name{font-weight:600;font-size:14px;line-height:1.25}.tile-size{font-size:12px;color:var(--muted)}.need-tag{font-size:11px;font-weight:700;color:var(--accent-ink)}.drawer-hint{font-size:13px;color:var(--muted)}.sidebar{display:flex;flex-direction:column;gap:18px;padding:16px;overflow:hidden}.spec-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tile{background:var(--panel-2);border-radius:10px;padding:8px 10px}.tile .k{font-size:12px;color:var(--muted)}.tile .v{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.tile .v small{font-size:12px;font-weight:500;color:var(--muted);margin-left:3px}.warnings{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-direction:column;gap:4px}.warnings li{background:var(--warn-soft);color:var(--warn);border-radius:8px;padding:6px 10px;font-size:13px}.warnings li.ok{background:var(--ok-soft);color:var(--ok)}.structure{display:flex;flex-direction:column;min-height:0;flex:1}.structure-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.structure-head h2{margin:0}.structure-head input{flex:1;min-width:0;border:1px solid var(--border-2);background:var(--bg);border-radius:8px;padding:6px 8px;color:var(--text)}.tree{overflow-y:auto;flex:1}.tree details{border-bottom:1px solid var(--border)}.tree summary{cursor:pointer;padding:8px 2px;font-weight:600;font-size:13px}.tree .count{color:var(--muted);font-weight:500;margin-left:4px}.tree ul{list-style:none;margin:0 0 6px;padding:0}.tree-item{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left;border:0;background:transparent;padding:5px 8px;border-radius:8px;cursor:pointer;font-size:13px}.tree-item:hover{background:var(--panel-2)}.tree-item.active{background:var(--accent-soft);color:var(--accent-ink)}.tree-item .meta{color:var(--muted);font-variant-numeric:tabular-nums}.inspector{position:absolute;top:14px;right:14px;width:300px;max-height:calc(100% - 28px);overflow-y:auto;z-index:4;background:var(--panel);border:1px solid var(--border-2);border-radius:14px;padding:12px 14px;box-shadow:0 10px 32px #00000059;font-size:13px;display:flex;flex-direction:column;gap:8px}.insp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.insp-head h3{margin:0;font-size:15px}.insp-note{margin:0;color:var(--muted);font-size:12px}.inspector label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:12px}.inspector input,.inspector textarea{border:1px solid var(--border-2);background:var(--bg);border-radius:8px;padding:5px 7px;color:var(--text);min-width:0}.inspector textarea{font-family:var(--mono);font-size:12px;resize:vertical}.xyz{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.insp-actions{display:flex;gap:6px;flex-wrap:wrap}.insp-error{margin:0;color:var(--danger)}.agent{display:flex;flex-direction:column;min-height:0}.agent-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.agent-name{font-weight:700}.agent-sub{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.agent-head .btn{margin-left:auto}.chat-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg{max-width:92%;padding:10px 14px;overflow-wrap:anywhere}.msg p{margin:0 0 6px}.msg p:last-child{margin-bottom:0}.msg ul{margin:4px 0;padding-left:18px}.msg code{font-family:var(--mono);font-size:12px;background:var(--bg);padding:0 4px;border-radius:4px}.msg.user{align-self:flex-end;background:var(--accent);color:var(--accent-text);border-radius:14px 14px 4px;font-weight:500}.msg.agent{align-self:flex-start;background:var(--panel-2);border-radius:14px 14px 14px 4px}.msg.error{align-self:stretch;background:var(--warn-soft);color:var(--warn);font-size:13px;border-radius:12px}.tool-call{align-self:flex-start;font-family:var(--mono);font-size:12px;color:var(--muted);border:1px dashed var(--border-2);border-radius:8px;padding:3px 8px}.tool-call:before{content:"⚙ "}.tool-call.fail{color:var(--danger)}.working{align-self:flex-start;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.working i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:bounce 1s infinite ease-in-out}.working i:nth-child(2){animation-delay:.15s}.working i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.quick{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}.chat-form{display:flex;gap:8px;padding:12px 14px 14px;border-top:1px solid var(--border)}.chat-form textarea{flex:1;min-width:0;resize:none;min-height:46px;border:1px solid var(--border-2);border-radius:12px;padding:11px 13px;background:var(--bg)}.chat-form textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:transparent}.mic.listening{background:var(--accent);border-color:var(--accent)}.playback{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;background:#16191ef2;border:1px solid var(--border-2);border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 32px #00000059}.pb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pb-title strong{font-size:15px}.pb-title .btn{margin-left:auto}.pb-meta{color:var(--muted);font-size:12px}.pb-step{display:flex;gap:10px;align-items:baseline;line-height:1.45;min-height:2.8em;font-size:15px}.pb-step-no{flex:none;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.pb-play{min-width:96px}.pb-slider{flex:1;min-width:120px;accent-color:var(--accent)}.pb-options{font-size:13px;color:var(--muted);gap:14px}.pb-options label{display:flex;align-items:center;gap:6px}.pb-options select{border:1px solid var(--border-2);background:var(--bg);color:var(--text);border-radius:8px;padding:3px 6px}.pb-options .btn:last-child{margin-left:auto}.pb-error{color:var(--danger)}.pb-video{position:absolute;top:12px;right:12px;z-index:6;width:min(42%,340px);border-radius:14px;overflow:hidden;border:1px solid var(--border-2);box-shadow:0 10px 32px #0006;background:#000}.pb-video video{display:block;width:100%}.pb-video-hide{position:absolute;top:6px;right:6px;min-height:30px;padding:0 8px;background:#0d0f12d9}body.bare .topbar,body.bare .rail,body.bare .drawer,body.bare .sidebar,body.bare .agent,body.bare .view-tools,body.bare .stats,body.bare .inspector,body.bare .lesson-head,body.bare .part-card{display:none!important}body.bare{height:100vh}body.bare .layout{grid-template-columns:minmax(0,1fr);padding:0;gap:0;height:100vh}body.bare .viewport{border:0;border-radius:0;min-height:0;height:100vh}@media (max-width: 1180px){body{height:auto}.layout{grid-template-columns:270px minmax(0,1fr)}.layout>.rail,.layout>.drawer,.layout>.sidebar{max-height:680px}.viewport{min-height:560px}.agent{grid-column:1 / -1;height:520px}}@media (max-width: 760px){.topbar{gap:10px;padding:10px 14px}.brand-by{display:none}.topbar-actions{margin-left:0;width:100%}.robot-pick{flex:1}.layout{grid-template-columns:minmax(0,1fr);padding:10px 14px}.layout>.rail,.layout>.drawer,.layout>.sidebar{max-height:none;order:3}.home-inner{padding:28px 16px 48px;gap:32px}.viewport{min-height:420px}.viewport.with-playback,.viewport.with-overlay{display:flex;flex-direction:column}.viewport.with-playback .viewer,.viewport.with-overlay .viewer{position:relative;inset:auto;height:380px;flex:none}.viewport.with-playback .pb-video,.viewport.with-playback .playback,.viewport.with-overlay .overlay-card{position:relative;inset:auto;width:auto;margin:8px;box-shadow:none}.viewport.with-playback .pb-video{order:3}.inspector{position:relative;top:auto;right:auto;width:auto;margin:8px}.lesson-head h1{font-size:26px}}.layout.studio{grid-template-columns:minmax(0,1fr) 360px}.studio-frame{padding:0;overflow:hidden;position:relative}.studio-frame iframe{width:100%;height:100%;border:0;display:block;background:#0e1013}.studio-loading{display:grid;place-items:center;height:100%;color:var(--muted)}.studio-panel{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.studio-panel .eyebrow{font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.05em}.studio-panel p{margin:6px 0 0;color:var(--text-2)}.studio-title{margin:2px 0 0;font-size:26px;line-height:1.15}.studio-sub{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:6px}.studio-steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px;color:var(--text-2);font-size:15px}.studio-video{display:flex;flex-direction:column;gap:8px}.studio-video video{width:100%;border-radius:12px;background:#000}.studio-more{gap:16px}.studio-check .overlay-card{position:static;width:auto;box-shadow:none;padding:0;border:0;background:none}@media (max-width: 1100px){.layout.studio{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(560px,1fr) auto;overflow-y:auto}}.studio-badge{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#e8621feb;color:#fff;font-size:13px;font-weight:600;pointer-events:none}.studio-watch{display:flex;flex-direction:column;gap:12px}.studio-watch .playback,.studio-watch .pb-video{position:static;width:auto;box-shadow:none}.studio-watch .pb-video-hide{position:absolute}.studio-watch .pb-video{position:relative}.studio-picker{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border)}.studio-picker select{flex:1;min-width:0;border:1px solid var(--border-2);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 10px;font:inherit}.studio-picker .studio-course{flex:0 1 auto;margin-left:auto;padding:4px 8px;font-size:13px}.nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border-radius:10px;color:var(--text-2);text-decoration:none;font-weight:500}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{background:var(--panel-2);color:var(--text);font-weight:650}a.brand{text-decoration:none;color:inherit}.learn-index{flex:1;overflow-y:auto;padding:28px 16px 48px}.learn-index>*{max-width:1180px;margin-left:auto;margin-right:auto}.learn-hero h1{font-family:var(--display);font-size:clamp(28px,4vw,42px);margin:0 0 10px;letter-spacing:-.01em}.learn-hero p{color:var(--text-2);max-width:680px;margin:0 0 28px;font-size:17px}.learn-empty{color:var(--muted)}.learn-course h2{font-family:var(--display);font-size:22px;margin:8px auto 14px;color:var(--text);text-transform:none;letter-spacing:0}.learn-course{margin-bottom:32px}.learn-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.learn-card{width:100%;height:100%;text-align:left;display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--border-2);background:var(--panel, #16191e);color:var(--text);cursor:pointer;font:inherit}.learn-card:hover,.learn-card:focus-visible{border-color:var(--accent)}.learn-card-n{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#e8621f29;color:var(--accent);font-weight:700;font-size:14px}.learn-card-title{font-weight:600;font-size:17px}.learn-card-goal{color:var(--text-2);font-size:14px;line-height:1.4}.learn-card-foot{margin-top:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}body.embedded{--bg: #070d1a;--panel: #0f1a30;--panel-2: #16233f;--panel-3: #1c2b4a;--border: rgba(148,163,184,.14);--border-2: rgba(148,163,184,.22);background:transparent}body.embedded .learn-card{background:var(--panel)}html:has(body.embedded-index),body.embedded-index{height:auto}body.embedded-index .learn-index{overflow:visible;flex:none;padding-top:8px}body.embedded .layout.studio{height:100%;box-sizing:border-box}.studio-all{align-self:flex-start}