:root{color:#f7f2ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 50% 8%,#946bff24,#0000 20%),radial-gradient(circle at 16% 24%,#5bb7ff1a,#0000 18%),radial-gradient(circle at 84% 72%,#f4c56a17,#0000 16%),linear-gradient(#070b13 0%,#080b11 48%,#06070d 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100dvh}body{min-width:320px;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input{outline:none}.boot-screen{color:#f7f2ecc2;place-items:center;min-height:100dvh;display:grid}.glass-card,.glass-pill,.icon-pill,.save-pill,.auth-hero,.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0f131fc7,#090b13e0);border:1px solid #ffffff14;box-shadow:0 24px 80px #00000057}.auth-shell{place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative;overflow:hidden}.auth-glow{filter:blur(96px);opacity:.8;border-radius:999px;position:absolute}.auth-glow-a{background:#956bff2e;width:360px;height:360px;top:8%;right:8%}.auth-glow-b{background:#5bb7ff1f;width:320px;height:320px;bottom:12%;left:8%}.auth-stage{z-index:1;grid-template-columns:minmax(0,1fr) minmax(340px,410px);gap:20px;width:min(1080px,100%);display:grid;position:relative}.auth-hero,.auth-card{border-radius:30px;padding:28px}.auth-hero{align-content:end;display:grid}.compact-hero{min-height:520px}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#f4c56aeb;margin-bottom:12px;font-size:.72rem;display:inline-block}.auth-hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.9}.auth-hero p,.hud-brand-copy span,.node-kicker,.quiet-chip,.micro-line span,.inspector-copy,.tail-node span,.save-pill,.orbital-label,.auth-brand p,.field span,.auth-error{color:#f7f2eca8}.auth-hero p{margin:14px 0 0;font-size:1rem}.auth-brand{align-items:center;gap:14px;display:flex}.auth-mark,.brand-mark{background:linear-gradient(145deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-radius:17px;place-items:center;width:50px;height:50px;display:grid}.auth-mark span,.brand-mark span{background:linear-gradient(135deg,#f4c56a,#915eff 54%,#67c7ff);border-radius:999px;width:16px;height:16px;box-shadow:0 0 24px #915eff7a}.brand-mark.compact{border-radius:15px;width:42px;height:42px}.auth-tabs{background:#ffffff08;border-radius:18px;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 18px;padding:6px;display:grid}.auth-tab,.primary-cta,.tail-node,.tree-node,.icon-pill{border:0}.auth-tab{color:#f7f2ec8f;background:0 0;border-radius:14px;padding:12px 14px}.auth-tab.active{color:#fff8f0;background:#ffffff12}.auth-form,.auth-fields{gap:14px;display:grid}.field{gap:8px;display:grid}.field input{color:#fff8f0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;width:100%;height:52px;padding:0 16px}.field input:focus{border-color:#67c7ff6b;box-shadow:0 0 0 4px #67c7ff14}.auth-error{color:#ff9ea6;margin:2px 0 0;font-size:.88rem}.primary-cta{color:#fff8f0;background:linear-gradient(135deg,#8d5bff,#ff7a90 48%,#f4c56a);border-radius:18px;width:100%;min-height:54px;padding:14px 18px;font-weight:700}.immersive-shell{min-height:100dvh;position:relative;overflow:hidden}.floating-hud{z-index:20;pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid;position:absolute;inset:18px 18px auto}.floating-hud:not(.is-visible){opacity:0;pointer-events:none}.branch-focus-rail{z-index:19;opacity:0;pointer-events:none;align-items:center;gap:8px;display:inline-flex;position:absolute;top:88px;left:50%;transform:translate(-50%)}.branch-focus-rail.is-visible{opacity:1;pointer-events:auto}.focus-pill{color:#f7f2eca8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f131fb8;border:1px solid #ffffff14;border-radius:999px;min-height:40px;padding:0 12px}.focus-pill.active{color:#fff8f0;border-color:color-mix(in srgb, var(--focus-accent,#f4c56a) 38%, #ffffff1a);box-shadow:0 0 30px color-mix(in srgb, var(--focus-accent,#f4c56a) 12%, transparent)}.floating-hud>*{pointer-events:auto}.hud-brand,.hud-center{min-height:56px}.hud-brand,.hud-center,.save-pill,.icon-pill,.viewport-orbital-left{border-radius:999px}.hud-brand,.hud-center{align-items:center;gap:12px;padding:8px 12px;display:inline-flex}.hud-brand-copy,.hud-actions,.inspector-actions,.inspector-meta-row,.inspector-title-row{align-items:center;gap:10px;display:flex}.hud-brand-copy{flex-direction:column;align-items:start;gap:1px}.hud-brand-copy strong,.inspector-title-row h2{margin:0}.hud-center{justify-content:center;justify-self:center;gap:10px}.hud-actions{justify-self:end}.hud-actions .icon-pill:last-child{min-width:48px}.save-pill,.icon-pill,.viewport-orbital-left{justify-content:center;align-items:center;min-height:48px;padding:0 14px;display:inline-flex}.icon-pill{color:#fff8f0;background:linear-gradient(#0f131fc7,#090b13e0);border:1px solid #ffffff14}.save-pill.state-saving{color:#67c7ff}.save-pill.state-saved{color:#7ef0ba}.save-pill.state-error{color:#ff9ea6}.viewport-wrap{height:100dvh;position:relative}.viewport-ui{z-index:15;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;position:absolute;transform:translateY(8px)}.viewport-ui.is-visible,.viewport-orbital-right.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.viewport-orbital-left{top:92px;left:18px}.viewport-orbital-right{flex-direction:column;gap:8px;display:inline-flex;top:92px;right:18px}.orbital-label{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.viewport-surface{position:absolute;inset:0;overflow:hidden}.immersive-surface{touch-action:none;cursor:grab}.immersive-surface:active{cursor:grabbing}.immersive-surface:before,.immersive-surface:after{content:"";pointer-events:none;position:absolute;inset:0}.immersive-surface:before{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:62px 62px}.immersive-surface:after{background:radial-gradient(circle,#0000 0 48%,#06080c8f 100%),linear-gradient(#070a118c,#07090e00)}.tree-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.tree-svg,.tree-radial{position:absolute;inset:0}.tree-radial-top{background:radial-gradient(circle at 50% 10%,#956bff29,#0000 16%)}.tree-radial-mid{background:radial-gradient(circle at 50% 44%,#67c7ff14,#0000 20%)}.tree-radial-bottom{background:radial-gradient(circle at 49% 91%,#f4c56a24,#0000 12%)}.constellation-field{border:1px solid color-mix(in srgb, var(--field-accent) 16%, transparent);background:radial-gradient(circle at center, color-mix(in srgb, var(--field-accent) 10%, transparent), transparent 66%), linear-gradient(180deg, #ffffff05, transparent);box-shadow:inset 0 0 80px color-mix(in srgb, var(--field-accent) 6%, transparent);opacity:.8;pointer-events:none;border-radius:999px;position:absolute}.constellation-field.is-muted{opacity:.18}.constellation-field.is-focused{opacity:.9}.constellation-field span{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--field-accent) 70%, #f7f2ec);opacity:.7;font-size:.72rem;position:absolute;top:12%;left:14%}.tree-link{stroke:#ffffff14;stroke-width:3px}.constellation-path{fill:none;stroke:color-mix(in srgb, var(--path-accent) 26%, transparent);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;opacity:.52}.constellation-path.is-focused{opacity:.92;stroke:color-mix(in srgb, var(--path-accent) 42%, transparent)}.constellation-path.is-muted{opacity:.16}.tree-link.is-active{stroke:#f4c56ab8;filter:drop-shadow(0 0 10px #f4c56a57)}.tree-node{text-align:left;color:#fff8f0;background:linear-gradient(#ffffff0d,#0000 42%),linear-gradient(#0a0e18eb,#080a12eb);border:1px solid #ffffff14;border-radius:20px;width:166px;padding:12px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 42px #00000042,inset 0 1px #ffffff0d}.tree-node.status-locked{opacity:.46}.tree-node.is-muted{opacity:.16}.tree-node.is-selected{border-color:color-mix(in srgb, var(--node-accent) 60%, #ffffff1a);box-shadow:0 0 0 1px color-mix(in srgb, var(--node-accent) 18%, transparent), 0 22px 48px #00000057, 0 0 42px color-mix(in srgb, var(--node-accent) 16%, transparent)}.tree-node.just-unlocked{animation:1.15s node-unlock}.tree-node-aura{background:radial-gradient(circle, color-mix(in srgb, var(--node-accent) 26%, transparent), transparent 68%);pointer-events:none;border-radius:999px;width:84px;height:84px;position:absolute;inset:-22% auto auto -8%}.unlock-burst{border:1px solid color-mix(in srgb, var(--node-accent) 44%, transparent);box-shadow:0 0 42px color-mix(in srgb, var(--node-accent) 28%, transparent);pointer-events:none;border-radius:28px;animation:1.1s forwards unlock-burst;position:absolute;inset:-18px}.tree-node-dot,.node-state{justify-content:center;align-items:center;display:inline-flex}.tree-node-dot{z-index:1;border-radius:999px;width:12px;height:12px;margin-bottom:10px;position:relative}.status-locked .tree-node-dot,.node-state.status-locked{background:#ffffff38}.status-available .tree-node-dot,.node-state.status-available{background:linear-gradient(135deg,#67c7ff,#8d5bff)}.status-mastered .tree-node-dot,.node-state.status-mastered{background:linear-gradient(135deg,#f4c56a,#ff7a90)}.tree-node-copy{z-index:1;gap:4px;display:grid;position:relative}.tree-node-copy strong{font-size:.95rem;line-height:1.1}.tree-node-copy small{color:#f7f2ec8f}.floating-inspector{z-index:18;gap:10px;width:min(360px,100vw - 36px);display:grid;position:absolute;bottom:18px;right:18px}.sheet-open{pointer-events:auto}.sheet-dock{z-index:17;align-items:center;gap:10px;min-height:54px;padding:10px 14px;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.sheet-dock.is-hidden{opacity:0;pointer-events:none}.sheet-dock:not(.is-visible):not(.is-hidden){opacity:0;pointer-events:none;transform:translate(-50%)translateY(10px)}.sheet-dock.is-visible{opacity:1;transform:translate(-50%)translateY(0)}.dock-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.dock-copy{text-align:left;gap:1px;display:grid}.dock-copy strong{color:#fff8f0}.dock-copy span{color:#f7f2ec94;text-transform:capitalize;font-size:.82rem}.inspector-head,.inspector-tail{background:linear-gradient(#ffffff0f,#0000 24%),linear-gradient(#0f131fe0,#0a0c14f0);border-radius:30px;padding:18px;box-shadow:0 28px 90px #0000005c,inset 0 1px #ffffff0d}.sheet-handle{background:#ffffff38;border-radius:999px;width:46px;height:5px;margin:0 auto 14px}.inspector-title-row{justify-content:space-between;align-items:start}.node-kicker{text-transform:uppercase;letter-spacing:.14em;margin-bottom:6px;font-size:.72rem;display:block}.inspector-title-row h2{letter-spacing:-.04em;font-size:1.6rem;line-height:.98}.node-state,.tone-chip,.quiet-chip{text-transform:capitalize;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 12px;font-size:.78rem}.sheet-close{min-height:38px;padding:0 12px;font-size:.8rem}.inspector-meta-row{flex-wrap:wrap;margin-top:14px}.tone-chip{color:#fff8f0;border-color:color-mix(in srgb, var(--tag-accent) 32%, transparent)}.inspector-copy{margin:14px 0 0;line-height:1.55}.inspector-stack{gap:10px;margin-top:14px;display:grid}.micro-line{gap:4px;display:grid}.micro-line strong,.tail-node strong{color:#fff8f0}.inspector-actions{margin-top:16px}.inspector-actions .primary-cta{min-height:50px}.inspector-tail{gap:8px;display:grid}.tail-node{text-align:left;color:#fff8f0;background:linear-gradient(#ffffff0b,#ffffff06);border:1px solid #ffffff14;border-radius:18px;width:100%;padding:12px 14px}.tail-node strong,.tail-node span{display:block}.tail-node span{margin-top:3px}@keyframes unlock-burst{0%{opacity:0;transform:scale(.92)}16%{opacity:1}to{opacity:0;transform:scale(1.12)}}@keyframes node-unlock{0%{transform:translate(-50%,-50%)scale(.96)}28%{transform:translate(-50%,-50%)scale(1.08)}to{transform:translate(-50%,-50%)scale(1)}}@media (width<=980px){.auth-stage{grid-template-columns:1fr}.compact-hero{min-height:220px}.floating-hud{grid-template-columns:1fr}.branch-focus-rail{top:140px}.hud-center,.hud-actions{justify-self:start}.sheet-dock{left:18px;transform:translateY(0)}}@media (width<=720px){body{overflow:hidden}.auth-shell{padding:12px}.auth-hero,.auth-card{border-radius:24px;padding:18px}.floating-hud{gap:8px;inset:12px 12px auto}.branch-focus-rail{justify-content:flex-start;padding-bottom:4px;top:122px;left:12px;right:12px;overflow-x:auto;transform:none}.viewport-orbital-left,.viewport-orbital-right{top:auto;bottom:148px}.viewport-orbital-left{left:12px}.viewport-orbital-right{right:12px}.icon-pill,.save-pill,.viewport-orbital-left,.hud-brand,.hud-center{min-height:44px}.hud-brand,.hud-center{flex-wrap:wrap;width:fit-content;max-width:100%}.tree-node{width:138px;padding:10px}.floating-inspector{width:auto;bottom:12px;left:12px;right:12px}.sheet-dock{justify-content:flex-start;bottom:12px;left:12px;right:12px;transform:translateY(0)}.sheet-dock:not(.is-visible):not(.is-hidden){transform:translateY(10px)}.sheet-dock.is-visible{transform:translateY(0)}.inspector-head,.inspector-tail{border-radius:24px;padding:14px}}