:root{--bg: #fafafa;--surface: #ffffff;--surface-2: #f5f5f6;--surface-3: #ececee;--border: #e6e6e9;--border-strong: #d6d6da;--fg: #18181b;--fg-2: #3f3f46;--muted: #71717a;--subtle: #a1a1aa;--primary: #4f46e5;--primary-fg:#ffffff;--primary-press: color-mix(in oklab, var(--primary), black 14%);--primary-soft: color-mix(in oklab, var(--primary), white 90%);--primary-soft-2:color-mix(in oklab, var(--primary), white 82%);--primary-border:color-mix(in oklab, var(--primary), white 66%);--primary-text: color-mix(in oklab, var(--primary), black 8%);--ring: color-mix(in oklab, var(--primary), white 55%);--success: #15803d;--success-soft: #e8f5ec;--success-border: #bfe3ca;--warning: #b45309;--warning-soft: #fcf2e3;--warning-border: #f0dcb8;--danger: #be123c;--danger-soft: #fbe9ec;--danger-border: #f1c6cf;--info: #1d4ed8;--info-soft: #e9eefb;--info-border: #c7d4f5;--boond: #0ea5a4;--boond-soft: #e3f6f5;--r-xs: 6px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(24,24,27,.05);--sh-sm: 0 1px 3px rgba(24,24,27,.07), 0 1px 2px rgba(24,24,27,.04);--sh-md: 0 4px 12px rgba(24,24,27,.07), 0 2px 4px rgba(24,24,27,.04);--sh-lg: 0 12px 32px rgba(24,24,27,.1), 0 4px 8px rgba(24,24,27,.05);--sh-xl: 0 24px 60px rgba(24,24,27,.16), 0 8px 16px rgba(24,24,27,.06);--card-pad: 18px;--row-pad: 11px;--gap: 16px;--font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}[data-density=compact]{--card-pad: 13px;--row-pad: 7px;--gap: 11px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}::selection{background:var(--primary-soft-2)}.h1{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.h2{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.h3{font-size:15px;font-weight:600;letter-spacing:-.01em}.t-sm{font-size:13px}.t-xs{font-size:12px}.mut{color:var(--muted)}.sub{color:var(--subtle)}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.center{align-items:center;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-xs)}.card-pad{padding:var(--card-pad)}.card-hover{transition:box-shadow .16s,border-color .16s,transform .16s;cursor:pointer}.card-hover:hover{box-shadow:var(--sh-md);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:var(--r-sm);font-size:13.5px;font-weight:500;letter-spacing:-.005em;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .14s,border-color .14s,box-shadow .14s,color .14s,transform .06s;user-select:none}.btn:active{transform:translateY(.5px)}.btn svg{width:16px;height:16px}.btn-pri{background:var(--primary);color:var(--primary-fg);box-shadow:var(--sh-xs)}.btn-pri:hover{background:var(--primary-press)}.btn-sec{background:var(--surface);color:var(--fg);border-color:var(--border-strong);box-shadow:var(--sh-xs)}.btn-sec:hover{background:var(--surface-2)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--surface-2)}.btn-soft{background:var(--primary-soft);color:var(--primary-text)}.btn-soft:hover{background:var(--primary-soft-2)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:color-mix(in oklab,var(--danger-soft),var(--danger) 8%)}.btn-sm{height:30px;padding:0 11px;font-size:12.5px;border-radius:var(--r-xs)}.btn-sm svg{width:14px;height:14px}.btn-lg{height:44px;padding:0 20px;font-size:15px;border-radius:var(--r-md)}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:22px;padding:0 9px;border-radius:var(--r-full);font-size:11.5px;font-weight:500;line-height:1;border:1px solid var(--border);background:var(--surface-2);color:var(--fg-2)}.badge svg{width:12px;height:12px}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pri{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary-border)}.badge-ok{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}.badge-warn{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-border)}.badge-no{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}.badge-info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}.badge-boond{background:var(--boond-soft);color:var(--boond);border-color:color-mix(in oklab,var(--boond),white 65%)}.input{height:36px;padding:0 12px;width:100%;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--fg);font-size:13.5px;font-family:inherit;outline:none;transition:border-color .14s,box-shadow .14s}.input::placeholder{color:var(--subtle)}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}textarea.input{height:auto;padding:10px 12px;resize:none;line-height:1.5}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap>svg{position:absolute;left:11px;width:16px;height:16px;color:var(--subtle);pointer-events:none}.input-wrap .input{padding-left:34px}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-3);color:var(--fg-2);font-weight:600;flex-shrink:0;overflow:hidden;letter-spacing:-.01em;border:1px solid color-mix(in oklab,var(--border),black 4%)}.hr{height:1px;background:var(--border);border:none;margin:0}.vr{width:1px;align-self:stretch;background:var(--border)}.kbd{font-family:var(--mono);font-size:11px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:1px 5px}.dotsep:before{content:"·";margin:0 7px;color:var(--subtle)}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:9px;height:9px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}.noscroll::-webkit-scrollbar{display:none}.noscroll{scrollbar-width:none}.pbar{height:6px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.pbar>i{display:block;height:100%;border-radius:inherit;background:var(--primary)}@keyframes ca-spin{to{transform:rotate(360deg)}}.spin{animation:ca-spin .8s linear infinite}@keyframes ca-pulse{0%,to{opacity:1}50%{opacity:.45}}.pulse{animation:ca-pulse 1.3s ease-in-out infinite}@keyframes ca-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ca-rise{0%{transform:translateY(6px)}to{transform:none}}@keyframes ca-fade{0%{opacity:0}to{opacity:1}}@keyframes ca-sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes ca-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.fade-up,.scale-in{opacity:1}@media(prefers-reduced-motion:no-preference){.fade{animation:ca-rise .3s ease}.fade-up{animation:ca-fade-up .32s cubic-bezier(.2,.7,.3,1)}.scale-in{animation:ca-scale-in .2s cubic-bezier(.2,.7,.3,1) both}}:root{--xp: #e69a1f;--xp-soft: #fdf3e1;--xp-deep: #a86a0a;--streak: #f26d1c;--streak-soft:#fdeee4;--gem: #0ea5c4;--gem-soft: #e1f5f9;--gem-deep: #0b7a94;--life: #e5395c;--life-soft: #fdeaef;--win: #17953f;--win-soft: #e7f6ec;--win-deep: #0f7031;--lose: #d61f47;--lose-soft: #fde9ee;--lock: #b4b3bf;--tr-java: #d9682a;--tr-web: #2f6fe0;--tr-data: #7c4fd6;--tr-devops: #0f8f85;--tr-soft: #d5407f;--code-bg: #17171c;--code-fg: #eceef2;--lr-sm: 8px;--lr-md: 11px;--lr-lg: 14px;--lr-xl: 18px;--lr-full: 999px;--depth: 2px;--learn-font: "Geist", ui-sans-serif, system-ui, sans-serif}[data-theme=dark]{--bg: #101013;--surface: #17171b;--surface-2: #1e1e24;--surface-3: #292931;--border: #26262d;--border-strong: #35353f;--fg: #f1f1f4;--fg-2: #c7c7d0;--muted: #8a8a97;--subtle: #65657a;--primary-fg: #ffffff;--primary-press: color-mix(in oklab, var(--primary), white 10%);--primary-soft: color-mix(in oklab, var(--primary), #17171b 84%);--primary-soft-2: color-mix(in oklab, var(--primary), #17171b 74%);--primary-border: color-mix(in oklab, var(--primary), #17171b 60%);--primary-text: color-mix(in oklab, var(--primary), white 28%);--ring: color-mix(in oklab, var(--primary), transparent 60%);--success: #4ade80;--success-soft: #13271b;--success-border: #245234;--warning: #f0b23f;--warning-soft: #2a2013;--warning-border: #54401d;--danger: #ff7089;--danger-soft: #2b161d;--danger-border: #5a2334;--info: #7ba3f8;--info-soft: #161e2f;--info-border: #2c3d60;--boond: #2fc4c2;--boond-soft: #10282a;--xp: #f0b33a;--xp-soft: #2a2114;--xp-deep: #f0b33a;--streak: #ff8543;--streak-soft: #2c1c12;--gem: #2fc4e0;--gem-soft: #10282e;--gem-deep: #2fc4e0;--life: #ff6b87;--life-soft: #2c1620;--win: #3fcf72;--win-soft: #13291b;--win-deep: #3fcf72;--lose: #ff6e8c;--lose-soft: #2c1620;--lock: #4d4d5a;--code-bg: #0c0c0f;--code-fg: #e7e7ec;--sh-xs: 0 1px 2px rgba(0,0,0,.35);--sh-sm: 0 1px 3px rgba(0,0,0,.45);--sh-md: 0 4px 14px rgba(0,0,0,.45);--sh-lg: 0 14px 36px rgba(0,0,0,.55);--sh-xl: 0 28px 70px rgba(0,0,0,.65)}.learn{font-family:var(--learn-font)}.learn ::selection{background:var(--primary-soft-2)}.gb{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;user-select:none;white-space:nowrap;font-family:var(--learn-font);font-weight:600;letter-spacing:-.005em;border-radius:var(--lr-md);padding:0 18px;height:44px;font-size:14px;background:var(--primary);color:var(--primary-fg);box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--primary),black 28%);transition:transform .06s,box-shadow .06s,filter .12s}.gb:hover{filter:brightness(1.05)}.gb:active{transform:translateY(var(--depth));box-shadow:0 0 color-mix(in oklab,var(--primary),black 28%)}.gb-lg{height:50px;font-size:15px;padding:0 24px;border-radius:var(--lr-lg)}.gb-sm{height:36px;font-size:13px;padding:0 13px;border-radius:var(--lr-sm)}.gb-block{width:100%}.gb-win{background:var(--win);color:#fff;box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--win),black 30%)}.gb-xp{background:var(--xp);color:#2c1c04;box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--xp),black 30%)}.gb-lose{background:var(--lose);color:#fff;box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--lose),black 30%)}.gb-win:active,.gb-xp:active,.gb-lose:active{box-shadow:none}.gb-ghost{background:var(--surface);color:var(--fg-2);border:1px solid var(--border-strong);box-shadow:0 var(--depth) 0 var(--border)}.gb-ghost:hover{filter:none;background:var(--surface-2)}.gb-ghost:active{box-shadow:none}.gb[disabled]{background:var(--surface-3);color:var(--subtle);box-shadow:none;pointer-events:none}.gcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--lr-lg);box-shadow:var(--sh-xs)}.gcard-pad{padding:18px}.gcard-tap{cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s}.gcard-tap:hover{transform:translateY(-1px);box-shadow:var(--sh-md);border-color:var(--border-strong)}.gcard-tap:active{transform:none;box-shadow:var(--sh-xs)}.pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px 0 9px;border-radius:var(--lr-full);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums;border:1px solid transparent;line-height:1}.pill-streak{background:var(--streak-soft);color:var(--streak);border-color:color-mix(in oklab,var(--streak),transparent 80%)}.pill-xp{background:var(--xp-soft);color:var(--xp-deep);border-color:color-mix(in oklab,var(--xp),transparent 78%)}.pill-gem{background:var(--gem-soft);color:var(--gem-deep);border-color:color-mix(in oklab,var(--gem),transparent 78%)}.pill-life{background:var(--life-soft);color:var(--life);border-color:color-mix(in oklab,var(--life),transparent 80%)}.gbar{height:10px;border-radius:var(--lr-full);background:var(--surface-3);overflow:hidden}.gbar>i{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .5s cubic-bezier(.3,.9,.3,1)}.gbar-xp>i{background:var(--xp)}.gbar-win>i{background:var(--win)}.gbar-thin{height:7px}.node{position:relative;width:62px;height:62px;border:none;cursor:pointer;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;box-shadow:0 3px color-mix(in oklab,var(--primary),black 30%);transition:transform .08s,box-shadow .08s,filter .12s}.node:hover{filter:brightness(1.05)}.node:active{transform:translateY(3px);box-shadow:none}.node-done{background:var(--win);box-shadow:0 3px color-mix(in oklab,var(--win),black 30%)}.node-lock{background:var(--surface-3);color:var(--lock);box-shadow:0 3px 0 var(--border-strong);cursor:not-allowed}.node-lock:hover{filter:none}.node-lock:active{transform:none;box-shadow:0 3px 0 var(--border-strong)}.node-boss{width:72px;height:72px;background:var(--xp);color:#2c1c04;box-shadow:0 3px color-mix(in oklab,var(--xp),black 30%)}.node-ring{position:absolute;inset:-7px;pointer-events:none}@keyframes lx-halo{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.12}}.node-halo{position:absolute;inset:-6px;border-radius:50%;pointer-events:none;border:2px solid var(--primary);animation:lx-halo 2.2s ease-in-out infinite}.trail{width:4px;border-radius:2px;background:var(--surface-3)}.trail-on{background:color-mix(in oklab,var(--win),transparent 50%)}.medal{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-2);color:var(--lock);border:1.5px dashed var(--border-strong)}.medal-got{border:none;color:#fff;background:linear-gradient(160deg,var(--xp),color-mix(in oklab,var(--xp),#c2510f 45%));box-shadow:0 2px color-mix(in oklab,var(--xp),black 30%)}@keyframes lx-dock{0%{transform:translateY(100%)}to{transform:none}}.dock{animation:lx-dock .24s cubic-bezier(.2,.85,.3,1) both}.dock-win{background:var(--win-soft);border-top:2px solid var(--win)}.dock-lose{background:var(--lose-soft);border-top:2px solid var(--lose)}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;padding:13px 15px;border-radius:var(--lr-md);font-family:var(--learn-font);font-size:14px;font-weight:500;color:var(--fg);line-height:1.4;background:var(--surface);border:1.5px solid var(--border);box-shadow:0 var(--depth) 0 var(--border);transition:all .1s}.opt:hover{background:var(--surface-2);border-color:var(--border-strong)}.opt-on{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 var(--depth) 0 var(--primary-border);color:var(--primary-text)}.opt-win{background:var(--win-soft);border-color:var(--win);box-shadow:0 var(--depth) 0 var(--win);color:var(--win-deep)}.opt-lose{background:var(--lose-soft);border-color:var(--lose);box-shadow:0 var(--depth) 0 var(--lose);color:var(--lose)}.opt-key{width:24px;height:24px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.opt-on .opt-key{background:var(--primary);color:#fff;border-color:transparent}.opt-win .opt-key{background:var(--win);color:#fff;border-color:transparent}.opt-lose .opt-key{background:var(--lose);color:#fff;border-color:transparent}.coach-fab{position:fixed;right:24px;bottom:24px;z-index:70;width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;background:var(--primary);color:#fff;box-shadow:0 8px 22px color-mix(in oklab,var(--primary),transparent 62%),0 var(--depth) 0 color-mix(in oklab,var(--primary),black 30%);display:flex;align-items:center;justify-content:center;transition:transform .14s}.coach-fab:hover{transform:translateY(-1px)}.coach-fab:active{transform:translateY(1px)}@keyframes lx-ping{0%{transform:scale(.75);opacity:.7}to{transform:scale(1.9);opacity:0}}.coach-ping{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--primary);animation:lx-ping 2.4s ease-out infinite;pointer-events:none}.bubble{padding:11px 13px;border-radius:var(--lr-md);font-size:13.5px;line-height:1.55;max-width:90%;word-break:break-word}.bubble-ai{background:var(--surface-2);color:var(--fg);border-bottom-left-radius:4px}.bubble-me{background:var(--primary);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.chipq{padding:7px 12px;border-radius:var(--lr-full);cursor:pointer;text-align:left;white-space:nowrap;font-family:var(--learn-font);font-size:12.5px;font-weight:500;background:var(--primary-soft);color:var(--primary-text);border:1px solid var(--primary-border);transition:background .12s;flex-shrink:0}.chipq:hover{background:var(--primary-soft-2)}@keyframes lx-blink{0%,80%,to{transform:scale(.7);opacity:.35}40%{transform:scale(1);opacity:1}}.typing span{width:6px;height:6px;border-radius:50%;background:var(--muted);display:inline-block;animation:lx-blink 1.25s infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}.lnav{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:var(--lr-md);border:1px solid transparent;cursor:pointer;background:transparent;color:var(--fg-2);text-align:left;font-family:var(--learn-font);font-size:13.5px;font-weight:550;letter-spacing:-.005em;transition:background .12s,color .12s}.lnav:hover{background:var(--surface-2)}.lnav-on{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-text);font-weight:600}@keyframes lx-pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.pop{animation:lx-pop .35s cubic-bezier(.2,.8,.3,1.1) both}@keyframes lx-fall{to{transform:translateY(115vh) rotate(540deg);opacity:.1}}.confetti{position:fixed;top:-20px;width:9px;height:9px;z-index:200;pointer-events:none;animation:lx-fall linear forwards}@keyframes lx-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.rise{animation:lx-rise .35s cubic-bezier(.2,.8,.3,1) both}@keyframes lx-shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.shake{animation:lx-shake .35s}@keyframes lx-flame{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.flame{animation:lx-flame 1.8s ease-in-out infinite;display:inline-flex}.scroll-x{overflow-x:auto;scrollbar-width:none}.scroll-x::-webkit-scrollbar{display:none}.tnum{font-variant-numeric:tabular-nums}.lx-mono{font-family:Geist Mono,ui-monospace,Menlo,monospace}.ibox{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.eyebrow{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}:root{--r-xs: 9px;--r-sm: 11px;--r-md: 13px;--r-lg: 16px;--r-xl: 20px;--depth: 2px}.h1{font-size:26px;font-weight:700;letter-spacing:-.025em}.h2{font-size:20px;font-weight:700;letter-spacing:-.02em}.h3{font-size:15px;font-weight:650;letter-spacing:-.01em}.btn{font-weight:600;border-radius:var(--r-sm);height:40px;padding:0 16px;font-size:13.5px;transition:transform .06s,box-shadow .06s,filter .12s,background .12s}.btn:active{transform:translateY(var(--depth));box-shadow:none!important}.btn-sm{height:34px;padding:0 12px;border-radius:var(--r-xs);font-size:12.5px}.btn-lg{height:48px;padding:0 22px;border-radius:var(--r-md);font-size:15px}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:34px}.btn-pri{box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--primary),black 28%)}.btn-pri:hover{filter:brightness(1.05);background:var(--primary)}.btn-sec{border:1px solid var(--border-strong);box-shadow:0 var(--depth) 0 var(--border)}.btn-soft{box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--primary),transparent 75%)}.btn-danger{box-shadow:0 var(--depth) 0 color-mix(in oklab,var(--danger),transparent 70%)}.btn-ghost{box-shadow:none}.btn-ghost:active{transform:none}.card{border-radius:var(--r-lg)}.card-hover:hover{transform:translateY(-1px);box-shadow:var(--sh-md)}.card-hover:active{transform:none;box-shadow:var(--sh-xs)}.badge{height:24px;padding:0 10px;font-weight:600;font-size:11.5px}.input{height:40px;border-radius:var(--r-sm);border-width:1.5px;font-size:14px}.input:focus{box-shadow:0 0 0 3px var(--ring)}textarea.input{padding:11px 13px}.pbar{height:8px}.lnav,.sidebar-item{font-weight:550}.av{box-shadow:inset 0 0 0 1px #0000000f}.bubble,.chipq{font-weight:500}.m-col>*{flex-shrink:0}.m-fill{width:100%}[data-app=learn] .lnav-on{background:var(--xp-soft);border-color:color-mix(in oklab,var(--xp),transparent 70%);color:var(--xp-deep)}[data-app=learn] .lnav-on svg{color:var(--xp)!important}.m-col .btn-icon,.m-col .btn-sm.btn-icon{width:44px;height:44px}:root,[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}.one-shell{display:flex;min-height:100dvh;background:var(--bg);color:var(--fg)}.one-sidebar{display:none;flex-direction:column;gap:6px;width:248px;flex-shrink:0;padding:12px 10px;border-right:1px solid var(--border);background:var(--surface);position:sticky;top:0;height:100dvh;overflow-y:auto}.one-main{flex:1;min-width:0;display:flex;flex-direction:column}.one-topbar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:60}.one-content{flex:1;min-width:0;padding:20px 16px calc(74px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--gap)}.one-bottombar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;align-items:stretch;justify-content:space-around;gap:2px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border)}.one-tab{flex:1 1 0;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--muted);font-family:inherit;font-size:10.5px;font-weight:550;letter-spacing:-.01em;cursor:pointer;text-decoration:none;padding:4px 2px}.one-tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.one-tab[aria-current=page]{color:var(--primary-text);background:var(--primary-soft)}@media(min-width:768px){.one-sidebar{display:flex}.one-bottombar{display:none}.one-content{padding:24px}.one-topbar{padding:10px 24px}.one-topbar-menu{display:none}}.one-sheet-backdrop{position:fixed;inset:0;z-index:500;background:#09090c73;display:flex;align-items:flex-end;justify-content:center}.one-sheet{width:100%;max-height:88dvh;display:flex;flex-direction:column;border-bottom-left-radius:0;border-bottom-right-radius:0;animation:ca-sheet-up .24s cubic-bezier(.2,.7,.3,1)}.one-sheet-body{padding:16px;overflow-y:auto;min-height:0}@media(min-width:768px){.one-sheet-backdrop{align-items:center;padding:24px}.one-sheet{border-radius:var(--r-lg);animation:ca-scale-in .18s cubic-bezier(.2,.7,.3,1)}}.one-toasts{position:fixed;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));left:12px;z-index:600;display:flex;flex-direction:column;gap:8px;pointer-events:none}.one-toast{display:flex;align-items:center;gap:9px;padding:10px 12px;box-shadow:var(--sh-lg);pointer-events:auto}@media(min-width:768px){.one-toasts{left:auto;bottom:16px;width:360px;max-width:calc(100vw - 32px)}}.one-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.one-sec{display:flex;flex-direction:column;gap:12px}.one-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.one-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.one-account{position:relative}.one-account-trigger{display:flex;align-items:center;gap:9px;width:100%;padding:8px 6px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--fg);font-family:inherit;text-align:left;cursor:pointer}.one-account-trigger:hover,.one-account-trigger[aria-expanded=true]{background:var(--surface-2)}.one-account-trigger:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.one-account-trigger.is-compact{width:auto;padding:4px;border-radius:50%}.one-account-name{flex:1;min-width:0;overflow:hidden;font-size:13px;font-weight:550;text-overflow:ellipsis;white-space:nowrap}.one-account-menu{position:absolute;z-index:200;left:0;right:0;min-width:240px;padding:6px;box-shadow:var(--sh-lg)}.one-account[data-direction=up] .one-account-menu{bottom:calc(100% + 6px)}.one-account[data-direction=down] .one-account-menu{top:calc(100% + 6px);left:auto;right:0;width:260px}@media(prefers-reduced-motion:no-preference){.one-account-menu{animation:ca-scale-in .14s cubic-bezier(.2,.7,.3,1)}}.one-account-head{display:flex;align-items:center;gap:10px;padding:8px}.one-account-title{font-size:13.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.one-account-sub{font-size:12px;color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.one-account-sep{height:1px;margin:4px 2px;background:var(--border)}.one-account-item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0 10px;border:none;border-radius:var(--r-xs);background:transparent;color:var(--fg);font-family:inherit;font-size:13.5px;text-align:left;text-decoration:none;cursor:pointer}.one-account-item:hover,.one-account-item:focus-visible{background:var(--surface-2);outline:none}.one-account-item.active{background:var(--primary-soft);color:var(--primary-text)}.one-topbar-account{display:flex}@media(min-width:768px){.one-topbar-account{display:none}}.one-assistant-fab{z-index:400;right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}.one-assistant-banner{position:fixed;z-index:400;right:16px;bottom:calc(148px + env(safe-area-inset-bottom));left:16px;display:flex;align-items:flex-start;gap:8px;padding:10px 12px;box-shadow:var(--sh-lg)}.one-assistant-panel{position:fixed;z-index:400;right:8px;left:8px;bottom:calc(84px + env(safe-area-inset-bottom));top:64px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--sh-xl)}.one-assistant-thread{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:14px}.one-assistant-chips{display:flex;flex-wrap:wrap;gap:6px}.one-assistant-compose{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.one-assistant-form{display:flex;flex-direction:column;gap:12px;padding:14px;overflow-y:auto;flex:1;min-height:0}.one-assistant-report{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);padding:11px 13px;display:flex;flex-direction:column;gap:6px;max-width:100%}@media(min-width:768px){.one-assistant-fab{right:24px;bottom:24px}.one-assistant-banner{left:auto;right:24px;bottom:90px;width:320px}.one-assistant-panel{inset:auto 24px 90px auto;width:384px;max-width:calc(100vw - 48px);height:min(560px,calc(100dvh - 140px));border-radius:var(--r-lg)}}.intro{position:fixed;inset:0;z-index:9000;background:#050510;color:#fff;overflow:hidden;cursor:pointer;font-family:var(--font, ui-sans-serif, system-ui, sans-serif);-webkit-font-smoothing:antialiased}.intro-stage{position:absolute;inset:0;overflow:hidden}.intro-camera{position:absolute;inset:0;transform-origin:50% 50%;will-change:transform}.intro-title,.intro-mark,.intro-fragment,.intro-panel{position:absolute;left:50%;top:50%;translate:-50% -50%;will-change:transform,opacity,filter}.intro-title{white-space:nowrap;letter-spacing:-.035em;line-height:1}.intro-fragment{white-space:nowrap;font-size:7.5vw;font-weight:700;letter-spacing:-.035em;line-height:1}.intro-mark{white-space:nowrap;font-size:30vw;font-weight:700;letter-spacing:-.04em;line-height:1}.intro-glow{position:absolute;inset:-25%;pointer-events:none;background:radial-gradient(38% 42% at 50% 50%,color-mix(in oklab,var(--glow),transparent 30%) 0%,transparent 70%);filter:blur(60px);will-change:opacity}.intro-flood{position:absolute;inset:-10%;pointer-events:none;will-change:opacity;-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000 35%,rgba(0,0,0,.55) 70%,transparent 100%);mask-image:radial-gradient(70% 70% at 50% 50%,#000 35%,rgba(0,0,0,.55) 70%,transparent 100%)}.intro-flood-out{-webkit-mask-image:none;mask-image:none;inset:0}.intro-flood-out{background:#000}.intro-panel{width:62vw;height:58vh;border-radius:18px;border:1px solid color-mix(in oklab,var(--panel-color),transparent 55%);background:color-mix(in oklab,var(--panel-color),#050510 88%);box-shadow:0 30px 90px color-mix(in oklab,var(--panel-color),transparent 70%);overflow:hidden}.intro-panel-bar{position:absolute;left:0;right:0;top:0;height:7%;background:color-mix(in oklab,var(--panel-color),transparent 78%)}.intro-panel-body{position:absolute;inset:12% 6% 8%}.intro-panel-grid{display:flex;align-items:flex-end;gap:4%}.intro-panel-grid>i{flex:1;border-radius:6px 6px 0 0;background:var(--panel-color);opacity:.85}.intro-panel-rows{display:flex;flex-direction:column;justify-content:space-evenly}.intro-panel-rows>i{height:9%;border-radius:999px;background:color-mix(in oklab,var(--panel-color),transparent 35%)}.intro-panel-code{display:flex;flex-direction:column;justify-content:space-evenly}.intro-panel-code>i{height:5%;border-radius:999px;background:color-mix(in oklab,var(--panel-color),transparent 30%)}.intro-panel-profile{display:flex;flex-direction:column;gap:6%;padding-top:4%}.intro-panel-profile>i{height:6%;border-radius:999px;background:color-mix(in oklab,var(--panel-color),transparent 35%)}.intro-panel-avatar{width:18%!important;aspect-ratio:1;height:auto!important;border-radius:999px!important;background:var(--panel-color)!important}.intro-panel-ring{position:absolute;right:6%;top:8%;width:26%!important;aspect-ratio:1;height:auto!important;border-radius:999px!important;background:transparent!important;border:1.2vw solid var(--panel-color);border-right-color:transparent;transform:rotate(-30deg)}.intro-controls{position:absolute;right:24px;bottom:24px;display:flex;gap:10px;z-index:2}.intro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#00000059;color:#fff;font:inherit;font-size:14px;cursor:pointer;backdrop-filter:blur(10px)}.intro-btn:hover{background:#ffffff24}.intro-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.intro-btn-icon{padding:0;width:40px}@media(prefers-reduced-motion:reduce){.intro-panel,.intro-flood{display:none}}.one-nav{display:flex;flex-direction:column;gap:2px}.one-nav-section{display:flex;flex-direction:column;gap:2px;margin-top:8px}.one-nav-section-body{display:flex;flex-direction:column;gap:2px}.one-nav-section-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:5px 10px;border:none;border-radius:var(--r-xs, 6px);background:transparent;color:color-mix(in oklab,var(--muted),var(--fg) 30%);font-family:inherit;font-size:11.5px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;text-align:left;cursor:pointer}.one-nav-section-toggle:hover{background:var(--surface-2);color:var(--fg)}.one-nav-section-toggle:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.one-nav-section-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.one-nav-section-count{min-width:18px;padding:0 5px;border-radius:999px;background:var(--surface-2);font-size:10.5px;font-weight:600;line-height:16px;text-align:center;letter-spacing:0}.one-nav-section-toggle[aria-expanded=true] .one-nav-section-count{visibility:hidden}.one-nav-section-toggle[data-holds-active=true]{color:var(--primary)}.one-nav-section-toggle[data-holds-active=true] .one-nav-section-count{background:var(--primary-soft);color:var(--primary)}.demo-bar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 16px;background:linear-gradient(90deg,#4c1d95,#6d28d9 55%,#7c3aed);color:#f5f3ff;font-size:12.5px;box-shadow:0 1px #0000002e}.demo-bar-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;background:#ffffff29;font-weight:700;letter-spacing:.06em;white-space:nowrap}.demo-bar-what{min-width:0}.demo-bar-what strong{font-weight:650}.demo-bar-guide{opacity:.75}.demo-bar-apps{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.demo-bar-app{padding:3px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:inherit;text-decoration:none;white-space:nowrap;transition:background .14s,border-color .14s}.demo-bar-app:hover{background:#ffffff2e;border-color:#ffffff80}.demo-bar-quit{padding:4px 12px;border-radius:999px;border:0;background:#f5f3ff;color:#4c1d95;font:inherit;font-weight:650;cursor:pointer;white-space:nowrap}.demo-bar-quit:hover{background:#fff}@media(max-width:640px){.demo-bar{gap:8px;padding:8px 12px}.demo-bar-apps{margin-left:0;order:3;width:100%}}.one-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.one-login-card{width:100%;max-width:400px;background:var(--surface);box-shadow:var(--sh-md)}.one-login-error{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);line-height:1.45}.one-login-error svg{flex-shrink:0;margin-top:1px}@media(min-width:768px){.one-login{padding:40px}}.one-login-note{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:var(--r-sm);background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);line-height:1.45}.one-login-note svg{flex-shrink:0;margin-top:1px}.one-invite-hero{--invite-accent: var(--primary);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:18px 12px 16px;border-radius:var(--r-md);background:linear-gradient(180deg,color-mix(in srgb,var(--invite-accent) 12%,transparent),transparent);border-top:3px solid var(--invite-accent)}.one-invite-badge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;margin-bottom:4px;color:#fff;background:var(--invite-accent)}.one-invite-name{line-height:1.2;overflow-wrap:anywhere}