.lc{border-radius:var(--r-lg);border:1px solid var(--glass-border-bright);background:#0a0e17;width:100%;overflow:hidden;box-shadow:0 30px 80px -20px #040810cc,0 0 0 1px #8caaff0a,0 0 60px -10px #7d96ff2e}.lc-chrome{align-items:center;gap:var(--s3);background:linear-gradient(#121829,#0d1220);border-bottom:1px solid #8caaff1a;padding:10px 14px;display:flex}.lc-dots{gap:6px;display:inline-flex}.lc-dots i{background:#2b3550;border-radius:50%;width:10px;height:10px}.lc-dots i:first-child{opacity:.75;background:#ff5f57}.lc-dots i:nth-child(2){opacity:.75;background:#febc2e}.lc-dots i:nth-child(3){opacity:.75;background:#28c840}.lc-tab{font-family:var(--font-code);color:var(--text-2);background:#8caaff0f;border-radius:7px;padding:3px 12px;font-size:12px}.lc-status{font-family:var(--font-code);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:inline-flex}.lc-status-dot{background:var(--text-3);width:7px;height:7px;transition:all var(--t-med) ease;border-radius:50%}.lc-status.on{color:var(--leaf)}.lc-status.on .lc-status-dot{background:var(--leaf);box-shadow:0 0 10px var(--leaf)}.lc-body{grid-template-columns:1.18fr 1fr;min-height:340px;display:grid}.lc-editor{background:#0a0e17;min-width:0;padding:14px 0;display:flex;overflow:hidden}.lc-gutter{text-align:right;font-family:var(--font-code);color:#38425e;-webkit-user-select:none;user-select:none;flex-direction:column;padding:0 12px 0 16px;font-size:12.5px;line-height:1.65;display:flex}.lc-code{font-family:var(--font-code);color:#c2cdec;white-space:pre-wrap;word-break:break-word;min-width:0;margin:0;padding-right:14px;font-size:12.5px;line-height:1.65;overflow:hidden}.lc-code .t-tag{color:#ff8e5e}.lc-code .t-str{color:#7ee8a2}.lc-code .t-num{color:#ffb86b}.lc-code .t-kw{color:#b78aff}.lc-code .t-prop{color:#5be8d8}.lc-caret{vertical-align:text-bottom;background:var(--indigo);width:7px;height:1.05em;margin-left:1px;animation:1s steps(2,start) infinite lc-blink;display:inline-block}@keyframes lc-blink{50%{opacity:0}}.lc-preview{border-left:1px solid #8caaff1a;flex-direction:column;padding:14px;display:flex;position:relative}.lc-preview-frame{border-radius:var(--r-md);transition:box-shadow var(--t-slow) var(--ease-out), border-color var(--t-slow) ease;background:#14100c;border:1px solid #ff8e5e2e;flex:1;position:relative;overflow:hidden}.lc-preview-frame.on{border-color:#e2582266;box-shadow:0 0 40px -8px #e2582266}.lc-gate{color:#e8dcc3;opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);background:radial-gradient(120% 90% at 50% 30%,#2a1a0e,#14100c);place-items:center;gap:1rem;font-family:Georgia,Times New Roman,serif;display:grid;position:absolute;inset:0;transform:scale(.985)}.lc-gate.on{opacity:1;transform:scale(1)}.lc-gate h1{color:#e25822;text-shadow:0 0 24px #e2582266;margin:0;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700}.lc-gate button{color:#e8dcc3;cursor:default;background:#1f1813;border:1px solid #e25822;border-radius:.6rem;padding:.6rem 1.3rem;font-family:inherit;font-size:.95rem;animation:2.4s ease-in-out infinite lc-gate-pulse}@keyframes lc-gate-pulse{50%{box-shadow:0 0 22px #e25822ab}}.lc-preview-wait{place-items:center;display:grid;position:absolute;inset:0}.lc-preview-spark{color:#3a425e;font-size:20px;animation:1.6s ease-in-out infinite lc-twinkle}@keyframes lc-twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.15)}}.lc-preview-label{font-family:var(--font-code);letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);text-align:right;margin-top:8px;font-size:10px}@media (width<=560px){.lc-body{grid-template-columns:1fr}.lc-preview{border-top:1px solid #8caaff1a;border-left:none;min-height:200px}}.site-footer{border-top:1px solid var(--glass-border);margin-top:var(--s8)}.site-footer-inner{max-width:1080px;padding:var(--s5) var(--s5);justify-content:space-between;align-items:center;gap:var(--s4);flex-wrap:wrap;margin:0 auto;display:flex}.site-footer-brand{font-weight:700;font-size:var(--fs-2);letter-spacing:.04em;color:var(--text-2)}.site-footer-links{gap:var(--s4);display:flex}.site-footer-links a{font-size:var(--fs-2);color:var(--text-2);text-decoration:none}.site-footer-links a:hover{color:var(--text-1)}.site-footer-note{font-size:var(--fs-1)}.landing{min-height:calc(100vh - var(--header-h));position:relative;overflow:hidden}.landing-sky{z-index:0;pointer-events:none;background:radial-gradient(50% 44% at 82% 8%,#7d96ff33,#0000 72%),radial-gradient(38% 30% at 60% 0,#5be8d814,#0000 70%),radial-gradient(60% 50% at 30% 102%,#e258221f,#0000 72%);position:absolute;inset:0}[data-theme=light] .landing-sky{background:radial-gradient(50% 44% at 82% 8%,#4a63d81f,#0000 72%),radial-gradient(60% 50% at 30% 102%,#cf5a2a1a,#0000 72%)}.landing-grain{z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-hero{z-index:1;max-width:1240px;min-height:calc(100vh - var(--header-h));grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(28px,5vw,64px);margin:0 auto;padding:clamp(36px,6vh,80px) clamp(20px,5vw,56px) clamp(28px,5vh,56px);display:grid;position:relative}.landing-lead{flex-direction:column;align-items:flex-start;max-width:30ch;display:flex}.landing-eyebrow{font-family:var(--font-ui);font-size:var(--fs-1);letter-spacing:.22em;text-transform:uppercase;color:var(--indigo);font-weight:600}.landing-lead h1{font-family:var(--font-prose);letter-spacing:-.025em;margin:var(--s3) 0 0;color:var(--text-1);font-size:clamp(40px,5.4vw,68px);font-weight:600;line-height:1.02}.landing-lead h1 em{color:var(--indigo);font-style:italic}.landing-sub{font-family:var(--font-prose);color:var(--text-2);max-width:42ch;margin:var(--s4) 0 0;font-size:clamp(16px,1.5vw,18.5px);line-height:1.65}.landing-cta{align-items:center;gap:var(--s4);margin-top:var(--s5);flex-wrap:wrap;display:flex}.landing-start{font-size:var(--fs-4);padding:13px 26px}.landing-demo-link{font-size:var(--fs-2);color:var(--text-2);align-items:center;gap:7px;font-weight:600;text-decoration:none;display:inline-flex}.landing-demo-link:hover{color:var(--text-1)}.landing-demo-link svg{color:var(--indigo)}.landing-stage{min-width:0}.landing-doors{z-index:1;max-width:1100px;padding:clamp(32px, 7vh, 72px) clamp(20px, 5vw, 56px) var(--s5);margin:0 auto;position:relative}.landing-doors-h{font-family:var(--font-prose);letter-spacing:-.02em;margin:0 0 var(--s5);font-size:clamp(24px,3.4vw,38px);font-weight:600}.landing-doors-h em{color:var(--amber);font-style:italic}.landing-doors-list{border-top:1px solid var(--glass-border)}.door{text-align:left;width:100%;padding:clamp(20px, 3.2vw, 34px) var(--s2);border-bottom:1px solid var(--glass-border);transition:padding-left var(--t-med) var(--ease-out);grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(16px,4vw,40px);display:grid;position:relative}.door:before{content:"";transform-origin:top;width:2px;transition:transform var(--t-med) var(--ease-spring);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.door.course-web:before{background:var(--indigo);box-shadow:0 0 16px var(--indigo)}.door.course-java:before{background:var(--amber);box-shadow:0 0 16px var(--amber)}.door:hover:before{transform:scaleY(1)}.door:hover{padding-left:var(--s4)}.door-no{font-family:var(--font-code);font-size:var(--fs-2);color:var(--text-3)}.door-main{flex-direction:column;gap:4px;min-width:0;display:flex}.door-kicker{font-family:var(--font-ui);font-size:var(--fs-0);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:6px;font-weight:600;display:inline-flex}.course-web .door-kicker{color:var(--indigo)}.course-java .door-kicker{color:var(--amber)}.door-title{font-family:var(--font-prose);letter-spacing:-.02em;color:var(--text-1);font-size:clamp(24px,3.2vw,36px);font-weight:600}.door-line{font-size:var(--fs-2);color:var(--text-2);max-width:54ch;line-height:1.5}.door-arrow{border:1px solid var(--glass-border);width:46px;height:46px;color:var(--text-2);transition:transform var(--t-med) var(--ease-spring), border-color var(--t-fast) ease, color var(--t-fast) ease, background var(--t-fast) ease;border-radius:50%;place-items:center;display:inline-grid}.door:hover .door-arrow{transform:translate(6px)}.course-web:hover .door-arrow{border-color:var(--indigo);color:var(--indigo);background:#7d96ff14}.course-java:hover .door-arrow{border-color:var(--amber);color:var(--amber);background:#ffb86b14}.landing-manifesto{z-index:1;max-width:1100px;padding:clamp(36px, 7vh, 80px) clamp(20px, 5vw, 56px) var(--s6);margin:0 auto;position:relative}.landing-creed{font-family:var(--font-prose);letter-spacing:-.01em;color:var(--text-1);max-width:32ch;margin:0 0 clamp(32px,6vh,56px);font-size:clamp(20px,2.6vw,28px);line-height:1.5}.landing-creed em{color:var(--indigo);font-style:italic}.landing-pillars{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:clamp(20px,4vw,48px);margin:0;padding:0;list-style:none;display:grid}.landing-pillar{border-top:1px solid var(--glass-border);padding-top:var(--s3)}.landing-pillar-icon{color:var(--cyan);display:inline-flex}.landing-pillar h3{font-family:var(--font-ui);font-size:var(--fs-4);margin:var(--s2) 0 6px}.landing-pillar p{font-size:var(--fs-2);color:var(--text-2);margin:0;line-height:1.6}@media (width<=940px){.landing-hero{grid-template-columns:1fr;gap:clamp(28px,8vw,44px);min-height:0;padding-top:clamp(28px,5vh,56px)}.landing-lead{max-width:none}}@media (width<=620px){.door{grid-template-columns:auto 1fr}.door-arrow{display:none}}.cat{overflow:visible}.cat-tail{transform-origin:50px 54px;animation:4s ease-in-out infinite tail-sway}@keyframes tail-sway{0%,to{transform:rotate(0)}50%{transform:rotate(-10deg)}}.cat-thinking .cat-tail,.cat-talking .cat-tail{animation:.9s ease-in-out infinite tail-flick}@keyframes tail-flick{0%,to{transform:rotate(0)}40%{transform:rotate(-16deg)}70%{transform:rotate(6deg)}}.cat-ear-l,.cat-ear-r{transform-origin:50% 18px}.cat-happy .cat-ear-l{animation:.6s ease-in-out 2 ear-wiggle}.cat-happy .cat-ear-r{animation:.6s ease-in-out 2 reverse ear-wiggle}@keyframes ear-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.cat-eyes-closed,.cat-idle .cat-eyes{opacity:0}.cat-idle .cat-eyes-closed{opacity:1}.cat-idle .cat-whiskers{animation:3.6s ease-in-out infinite whisker-breathe}@keyframes whisker-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(.6px)}}.cat-pupil{transform-origin:50%}.cat-thinking .cat-pupil{animation:2.2s ease-in-out infinite pupil-scan}@keyframes pupil-scan{0%,to{transform:translate(0)}30%{transform:translate(1.4px)}70%{transform:translate(-1.4px)}}.cat-talking .cat-mouth{transform-origin:32px 42px;animation:.5s ease-in-out infinite mouth-talk}@keyframes mouth-talk{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.5)}}.cat-spark{opacity:0}.cat-thinking .cat-spark{opacity:1;animation:1.6s ease-in-out infinite spark-orbit}@keyframes spark-orbit{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-2.5px)}}.cat-happy .cat-spark{opacity:1}.prose{font-family:var(--font-prose);font-size:var(--fs-4);line-height:var(--lh-prose);color:var(--text-1);max-width:var(--measure)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2{font-family:var(--font-prose);font-weight:600;font-size:var(--fs-6);letter-spacing:-.01em;margin:1.6em 0 .5em}.prose h3{font-family:var(--font-prose);font-weight:600;font-size:var(--fs-5);margin:1.4em 0 .4em}.prose p{margin:.85em 0}.prose strong{color:var(--text-1);font-weight:700}.prose em{color:var(--text-1)}.prose code{background:var(--bg-3);border:1px solid var(--glass-border);color:var(--text-1);border-radius:5px;padding:.1em .38em;font-size:.84em;font-style:normal}.prose pre{font-size:var(--fs-1);background:var(--bg-1);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:var(--pad-card-sm);margin:1em 0;line-height:1.65;overflow-x:auto}.prose pre code{color:var(--text-1);font-size:inherit;background:0 0;border:none;padding:0}.prose ul,.prose ol{margin:.85em 0;padding-left:1.4em}.prose li{margin:.3em 0}.prose li::marker{color:var(--text-3)}.prose blockquote{border-left:2px solid var(--glass-border-bright);color:var(--text-2);margin:1em 0;padding:.2em 0 .2em 1.1em;font-style:italic}.prose table{border-collapse:collapse;width:100%;font-family:var(--font-ui);font-size:var(--fs-2);margin:1em 0}.prose th{text-align:left;color:var(--text-2);font-weight:600;font-size:var(--fs-1);text-transform:uppercase;letter-spacing:.06em}.prose th,.prose td{padding:var(--s2) var(--s3);border-bottom:1px solid var(--glass-border)}.prose td code{white-space:nowrap}.prose hr{border:none;border-top:1px solid var(--glass-border);opacity:.6;margin:1.8em 0}.prose a{-webkit-text-decoration:underline #7d96ff66;text-decoration:underline #7d96ff66}.siam-orb{z-index:70;background:var(--glass-bg-strong);width:60px;height:60px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-bright);box-shadow:var(--shadow-float);transition:box-shadow var(--t-med) ease, border-color var(--t-med) ease;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:22px;right:22px}.siam-orb:hover,.siam-orb.open{border-color:var(--violet)}.siam-orb.busy{box-shadow:var(--shadow-float), var(--glow-violet)}.siam-panel{z-index:70;flex-direction:column;width:min(400px,100vw - 32px);height:min(560px,100vh - 130px);display:flex;position:fixed;bottom:94px;right:22px;overflow:hidden}.siam-head{align-items:center;gap:var(--s3);padding:var(--pad-card-sm);border-bottom:1px solid var(--glass-border);display:flex}.siam-head-text{flex-direction:column;min-width:0;display:flex}.siam-name{font-weight:700;font-size:var(--fs-2)}.siam-status{font-size:var(--fs-0);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-style:italic;overflow:hidden}.siam-close{color:var(--text-3);padding:var(--s1) var(--s2);place-items:center;margin-left:auto;display:grid}.siam-close:hover{color:var(--text-1)}.siam-modes{gap:var(--s2);padding:var(--s2) var(--s3);border-bottom:1px solid var(--glass-border);display:flex;overflow-x:auto}.siam-mode{align-items:center;gap:var(--s2);font-size:var(--fs-0);color:var(--text-2);padding:var(--s1) var(--s3);border-radius:var(--r-pill);white-space:nowrap;transition:background-color var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease;border:1px solid #0000;font-weight:600;display:flex}.siam-mode:hover{background:#b78aff14}.siam-mode.active{color:var(--violet);background:#b78aff1a;border-color:#b78aff66}.siam-mode-label{display:none}.siam-mode.active .siam-mode-label{display:inline}.siam-nokey{padding:var(--pad-card);gap:var(--s3);font-size:var(--fs-2);line-height:var(--lh-ui);flex-direction:column;display:flex}.siam-nokey p{margin:0}.siam-nokey-sub{font-size:var(--fs-1)}.siam-nokey .btn{align-self:flex-start}.siam-thread{padding:var(--pad-card-sm);gap:var(--s3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.siam-msg{max-width:88%;font-size:var(--fs-2);line-height:var(--lh-ui);border-radius:var(--r-lg);padding:var(--s2) var(--s3)}.siam-msg.user{background:var(--indigo-deep);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.siam-msg.model{background:var(--bg-3);border:1px solid var(--glass-border);border-bottom-left-radius:6px;align-self:flex-start}.siam-typing{align-items:center;min-height:26px;display:inline-flex}.siam-msg-md.prose{font-size:var(--fs-2);font-family:var(--font-ui)}.siam-msg-md.prose pre{font-size:var(--fs-1)}.siam-error{align-items:center;gap:var(--s2);font-size:var(--fs-1);color:var(--rose);padding:var(--s2) var(--s3);display:flex}.siam-input{gap:var(--s2);padding:var(--pad-card-sm);border-top:1px solid var(--glass-border);display:flex}.siam-input input{flex:1}.siam-input .btn{padding:var(--pad-btn)}.siam-send{border-radius:50%;justify-content:center;width:36px;height:36px;padding:0}.egg-strut{z-index:90;pointer-events:none;position:fixed;bottom:6px;left:0}.egg-cat{animation:.5s ease-in-out infinite egg-walk;display:inline-block}@keyframes egg-walk{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-5px)rotate(2deg)}}.egg-toast{z-index:90;padding:var(--pad-btn-lg);font-size:var(--fs-2);color:var(--amber);font-weight:600;position:fixed;bottom:24px;left:50%;translate:-50%}.errbound{min-height:100vh;padding:var(--s5,24px);background:var(--bg-1,#0e1420);place-items:center;display:grid}.errbound-card{text-align:center;align-items:center;gap:var(--s3,12px);flex-direction:column;max-width:460px;padding:clamp(24px,5vw,44px);display:flex}.errbound-card h1{font-family:var(--font-prose,serif);font-size:var(--fs-6,24px);margin:0}.errbound-card p{color:var(--text-2,#a8b6d4);font-size:var(--fs-3,14px);line-height:var(--lh-prose,1.7);margin:0}.errbound-detail{width:100%;font-family:var(--font-code,monospace);color:var(--rose,#ff7e9d);background:var(--bg-0,#0b101b);border:1px solid var(--glass-border,#8caaff29);border-radius:var(--r-md,12px);white-space:pre-wrap;text-align:left;margin:4px 0 0;padding:10px 14px;font-size:12px;overflow-x:auto}.errbound-actions{gap:var(--s3,12px);margin-top:var(--s2,8px);display:flex}.topbar{z-index:40;align-items:center;gap:var(--s5);height:var(--header-h);padding:0 clamp(var(--s4), 3vw, var(--s6));border-top:none;border-left:none;border-right:none;border-radius:0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--s2);text-decoration:none;display:flex}.brand-mark{place-items:center;display:grid}.brand-name{font-weight:700;font-size:var(--fs-4);letter-spacing:-.02em;color:var(--text-1)}.brand-accent{color:var(--indigo)}.course-switch{align-items:center;gap:var(--s2);border-radius:var(--r-pill);border:1px solid var(--glass-border);cursor:pointer;transition:border-color var(--t-fast) ease, background-color var(--t-fast) ease;padding:5px 12px;display:flex}.course-switch:hover{border-color:var(--glass-border-bright);background:#8caaff0d}.course-switch:focus-within{border-color:var(--indigo)}.course-switch select{appearance:none;color:var(--text-1);font-family:var(--font-ui);font-size:var(--fs-1);cursor:pointer;background:0 0;border:none;outline:none;padding:0;font-weight:600}.course-switch select option{background:var(--bg-3);color:var(--text-1)}.course-switch-dot{border-radius:50%;flex:none;width:7px;height:7px}.course-switch-dot.course-web{background:var(--indigo)}.course-switch-dot.course-java{background:var(--amber)}.course-switch svg{color:var(--text-3)}.topnav{gap:var(--s2);display:flex}.topnav a{font-size:var(--fs-2);color:var(--text-2);padding:var(--s2) var(--s3);border-radius:var(--r-pill);transition:color var(--t-fast) ease, background-color var(--t-fast) ease;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--text-1);background:#8caaff14}.topnav a.active{color:var(--indigo);background:#7d96ff1a}.topbar-right{align-items:center;gap:var(--s4);margin-left:auto;display:flex}.streak{align-items:center;gap:var(--s1);font-size:var(--fs-2);color:var(--amber);font-weight:700;display:inline-flex}.level-chip{gap:var(--s1);flex-direction:column;min-width:110px;display:flex}.level-title{font-size:var(--fs-0);letter-spacing:.04em;color:var(--text-2);font-weight:700}.level-ring{border-radius:var(--r-pill);background:var(--bg-4);height:4px;overflow:hidden}.level-ring-fill{background:var(--amber);border-radius:var(--r-pill);height:100%;transition:width var(--t-slow) var(--ease-out);display:block}.settings-link{color:var(--text-3);transition:transform var(--t-med) var(--ease-spring), color var(--t-fast) ease;place-items:center;text-decoration:none;display:grid}.settings-link:hover{color:var(--text-1);transform:rotate(40deg)}.settings-link.active{color:var(--indigo)}@media (width<=760px){.topnav{display:none}}.page-fallback{justify-content:center;align-items:center;gap:var(--s3);min-height:50vh;color:var(--text-3);flex-direction:column;display:flex}.page-fallback-spark{color:var(--indigo);animation:1.6s ease-in-out infinite page-spark}@keyframes page-spark{0%,to{opacity:.45;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}:root{--bg-0:#0b101b;--bg-1:#0e1420;--bg-2:#131b2c;--bg-3:#1a2233;--bg-4:#212c42;--glass-bg:#1a22338c;--glass-bg-strong:#131b2cc7;--glass-border:#8caaff29;--glass-border-bright:#8caaff52;--glass-blur:18px;--text-1:#e6ecfa;--text-2:#a8b6d4;--text-3:#6d7a96;--indigo:#7d96ff;--indigo-deep:#5670e8;--cyan:#5be8d8;--amber:#ffb86b;--rose:#ff7e9d;--leaf:#7ee8a2;--leaf-deep:#1f9d55;--violet:#b78aff;--on-leaf:#0b2316;--on-rose:#33101b;--glow-focus:0 0 0 2px #7d96ff73;--glow-leaf:0 0 18px #7ee8a233;--glow-violet:0 0 28px #b78aff4d;--shadow-float:0 8px 32px #0408108c, 0 1px 0 #8caaff14 inset;--shadow-deep:0 16px 56px #040810b3;--veil:#080c16b3;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-prose:"Source Serif 4", Georgia, serif;--font-code:"JetBrains Mono", "Cascadia Code", Consolas, monospace;--fs-0:11px;--fs-1:12.5px;--fs-2:14px;--fs-3:15.5px;--fs-4:16.5px;--fs-5:19px;--fs-6:24px;--fs-7:clamp(32px, 4vw, 44px);--lh-heading:1.3;--lh-ui:1.45;--lh-prose:1.75;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--pad-card:20px 24px;--pad-card-sm:12px 16px;--pad-btn:8px 16px;--pad-btn-lg:10px 20px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--r-pill:999px;--ease-spring:cubic-bezier(.22, 1.2, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.14s;--t-med:.26s;--t-slow:.48s;--measure:68ch;--header-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-0:#e9edf6;--bg-1:#eef2f9;--bg-2:#f5f8fd;--bg-3:#fff;--bg-4:#e7ecf7;--glass-bg:#fff9;--glass-bg-strong:#ffffffd1;--glass-border:#465fa547;--glass-border-bright:#465fa56b;--text-1:#1b2336;--text-2:#46536e;--text-3:#7a86a0;--indigo:#4a63d8;--indigo-deep:#3a50bd;--cyan:#0d9e8e;--amber:#c2700f;--rose:#d24067;--leaf:#1f9d55;--leaf-deep:#177a42;--violet:#7c4fd4;--on-leaf:#f2fbf5;--on-rose:#fdf2f5;--glow-focus:0 0 0 2px #4a63d866;--glow-leaf:0 0 18px #1f9d5524;--glow-violet:0 0 28px #7c4fd438;--shadow-float:0 4px 16px #1b23361a;--shadow-deep:0 10px 32px #1b233629;--veil:#eef2f9bf;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-ui);font-size:var(--fs-2);line-height:var(--lh-ui);color:var(--text-1);background:var(--bg-1);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}.aurora{z-index:0;pointer-events:none;filter:hue-rotate(var(--sky-shift,0deg));position:fixed;inset:0;overflow:hidden}.aurora:before,.aurora:after{content:"";filter:blur(90px);opacity:.35;will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.aurora:before{background:radial-gradient(circle at 30% 30%,#5670e859,#0000 60%);animation:38s ease-in-out infinite alternate aurora-drift-a;top:-25vmax;left:-15vmax}.aurora:after{background:radial-gradient(circle at 60% 60%,#5be8d82e,#0000 60%),radial-gradient(circle at 40% 70%,#b78aff29,#0000 55%);animation:47s ease-in-out infinite alternate aurora-drift-b;bottom:-30vmax;right:-20vmax}[data-theme=light] .aurora:before{opacity:.9;background:radial-gradient(circle at 50% 75%,#c2700f1f,#0000 60%);top:auto;bottom:-35vmax;left:10vmax}[data-theme=light] .aurora:after{display:none}@keyframes aurora-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(8vmax,6vmax)scale(1.15)}}@keyframes aurora-drift-b{0%{transform:translate(0)scale(1.1)}to{transform:translate(-7vmax,-5vmax)scale(.95)}}.starfield{z-index:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 22%,#e6ecfa80,#0000),radial-gradient(1px 1px at 34% 64%,#e6ecfa59,#0000),radial-gradient(1.5px 1.5px at 56% 14%,#e6ecfa73,#0000),radial-gradient(1px 1px at 71% 41%,#e6ecfa4d,#0000),radial-gradient(1.5px 1.5px at 87% 73%,#e6ecfa66,#0000),radial-gradient(1px 1px at 23% 87%,#e6ecfa59,#0000),radial-gradient(1px 1px at 64% 91%,#e6ecfa4d,#0000),radial-gradient(1.5px 1.5px at 93% 8%,#e6ecfa73,#0000);position:fixed;inset:0}[data-theme=light] .starfield{display:none}#root>.app-shell{z-index:1;flex-direction:column;min-height:100%;display:flex;position:relative}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-float)}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 6px));backdrop-filter:blur(calc(var(--glass-blur) + 6px));border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-deep)}.panel{background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-lg)}h1,h2,h3,h4{font-family:var(--font-prose);letter-spacing:-.01em;font-weight:600;line-height:var(--lh-heading);color:var(--text-1);margin:0}h1{font-size:var(--fs-7);letter-spacing:-.02em}h2{font-size:var(--fs-6)}h3,h4{font-size:var(--fs-5)}h1 em{color:var(--h1-accent,var(--text-1));font-style:italic}a{color:var(--indigo);text-decoration:none}.prose a:hover,.beat-link:hover{text-decoration:underline}code,pre,kbd{font-family:var(--font-code)}::selection{background:#7d96ff4d}svg[data-icon]{vertical-align:-.125em;flex:none}button{font-family:var(--font-ui);cursor:pointer;color:inherit;font-size:inherit;background:0 0;border:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:var(--glow-focus);border-radius:var(--r-sm);outline:none}.btn{align-items:center;gap:var(--s2);padding:var(--pad-btn-lg);border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-2);transition:transform var(--t-fast) var(--ease-spring), background-color var(--t-fast) ease, border-color var(--t-fast) ease, color var(--t-fast) ease;-webkit-user-select:none;user-select:none;display:inline-flex}.btn:active{transform:translateY(1px)scale(.985)}.btn-primary{background:var(--indigo-deep);color:#fff;box-shadow:inset 0 1px #ffffff2e}.btn-primary:hover{background:var(--indigo)}.btn-primary:focus-visible{box-shadow:var(--glow-focus), inset 0 1px 0 #ffffff2e}.btn-ghost{border:1px solid var(--glass-border);color:var(--text-1);background:#8caaff12}.btn-ghost:hover{border-color:var(--glass-border-bright);background:#8caaff21}.btn-success{background:var(--leaf-deep);color:var(--on-leaf);box-shadow:inset 0 1px #ffffff29}.btn-success:hover{background:var(--leaf)}.btn-danger{background:var(--rose);color:var(--on-rose);box-shadow:inset 0 1px #ffffff29}.btn-danger:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}input[type=text],input[type=password],textarea{font-family:var(--font-ui);font-size:var(--fs-2);color:var(--text-1);background:var(--bg-2);border:1px solid var(--glass-border);border-radius:var(--r-md);padding:var(--pad-btn);transition:border-color var(--t-fast) ease, box-shadow var(--t-med) ease}input[type=text]:hover,input[type=password]:hover,textarea:hover{border-color:var(--glass-border-bright)}input:focus,textarea:focus{border-color:var(--indigo)}input[type=checkbox]{appearance:none;background:var(--bg-2);border:1px solid var(--glass-border);cursor:pointer;width:18px;height:18px;transition:border-color var(--t-fast) ease, background-color var(--t-fast) ease;border-radius:5px;flex:none;place-content:center;margin:0;display:inline-grid}input[type=checkbox]:hover{border-color:var(--glass-border-bright)}input[type=checkbox]:before{content:"✦";font-size:var(--fs-1);color:var(--amber);transition:transform var(--t-fast) var(--ease-spring);line-height:1;transform:scale(0)}input[type=checkbox]:checked{border-color:var(--glass-border-bright);background:var(--bg-3)}input[type=checkbox]:checked:before{transform:scale(1)}input[type=checkbox]:focus-visible{box-shadow:var(--glow-focus);border-radius:5px}input[type=range]{appearance:none;cursor:pointer;background:0 0;height:16px}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--r-pill);background:linear-gradient(90deg, var(--indigo) var(--fill,50%), var(--bg-4) var(--fill,50%));height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--indigo);border:2px solid var(--bg-1);width:16px;height:16px;transition:background-color var(--t-fast) ease;border-radius:50%;margin-top:-6px}input[type=range]::-webkit-slider-thumb:hover{background:var(--indigo-deep)}input[type=range]::-moz-range-track{border-radius:var(--r-pill);background:var(--bg-4);height:4px}input[type=range]::-moz-range-progress{border-radius:var(--r-pill);background:var(--indigo);height:4px}input[type=range]::-moz-range-thumb{background:var(--indigo);border:2px solid var(--bg-1);border-radius:50%;width:12px;height:12px}input[type=range]:focus-visible{box-shadow:var(--glow-focus);border-radius:var(--r-pill)}@keyframes glow-pass{0%{text-shadow:0 0 2px #7ee8a24d}35%{text-shadow:0 0 16px #7ee8a2,0 0 42px #7ee8a299}to{text-shadow:0 0 6px #7ee8a259}}@keyframes glow-earn{0%{text-shadow:0 0 2px #ffb86b4d}35%{text-shadow:0 0 22px #ffb86be6,0 0 60px #ffb86b66}to{text-shadow:0 0 8px #ffb86b59}}*{scrollbar-width:thin;scrollbar-color:#7d96ff40 transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#7d96ff38;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#7d96ff61}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.mono{font-family:var(--font-code)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}