@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&family=Press+Start+2P&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&family=Press+Start+2P&display=swap";@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 1px #58a6ff40,0 0 16px #58a6ff38}50%{box-shadow:0 0 0 1px #58a6ff80,0 0 30px #58a6ff8c}}@keyframes glowPulseGold{0%,to{box-shadow:0 0 0 1px #ffc24b4d,0 0 16px #ffc24b38}50%{box-shadow:0 0 0 1px #ffc24b99,0 0 34px #ffc24b99}}@keyframes nodePulse{0%,to{box-shadow:0 0 0 1px #1f6feb,0 0 0 5px #58a6ff1f}50%{box-shadow:0 0 0 1px #58a6ff,0 0 0 7px #58a6ff38}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateY(-120%)}to{transform:translateY(820%)}}@keyframes floaty{0%{opacity:0;transform:translateY(0)scale(1)}12%{opacity:.9}to{opacity:0;transform:translateY(-86px)scale(.4)}}@keyframes fall{0%{opacity:0;transform:translateY(-14px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(150px)rotate(420deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--void:#0a0e14;--bg:#0a0e14;--panel:#0d1117;--panel-raised:#11161f;--track:#070a10;--panel-glass:linear-gradient(145deg, #111720db, #080d15b8);--panel-glass-strong:linear-gradient(145deg, #141c28eb, #080d15d1);--panel-glass-blue:linear-gradient(135deg, #1f6feb2e, #38e0ff14 42%, #080d15b8);--panel-glass-gold:linear-gradient(135deg, #ffc24b1f, #38e0ff0d 40%, #080d15bd);--glass-edge:#7693b852;--glass-edge-soft:#58a6ff38;--border:#232c3a;--border-dim:#1c2430;--border-mid:#2b3648;--text:#e6edf3;--text-soft:#c9d4e3;--text-dim:#8b949e;--text-faint:#7b889b;--text-ghost:#5f6f86;--accent:#58a6ff;--accent-dim:#1f6feb;--cyan:#38e0ff;--success:#3fb950;--success-bg:#3fb9501f;--success-edge:#1d4b2a;--fail:#f78166;--fail-bg:#f781661f;--warn:#d29922;--warn-bg:#d299221f;--fresh:#ffc24b;--bar:linear-gradient(90deg, #1f6feb, #58a6ff 60%, #38e0ff);--bar-maxed:linear-gradient(90deg, #2ea043, #3fb950);--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--font-sans:"Inter", -apple-system, sans-serif;--font-arcade:"Press Start 2P", "JetBrains Mono", monospace;--desktop-chrome-height:128px;--desktop-page-gutter:clamp(34px, 3.2vw, 44px);--desktop-page-bottom:72px;--desktop-page-wide:1440px;--desktop-page-reading:1120px;--desktop-sidebar:360px;--desktop-active-lab-height:calc(100vh - var(--desktop-chrome-height))}*{box-sizing:border-box}html,body,#root{background:var(--void);height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-sans);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}code,.mono{font-family:var(--font-mono)}.arcade{font-family:var(--font-arcade)}::selection{background:var(--accent-dim);color:#fff}button{cursor:pointer;color:inherit;font-family:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--cyan)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.env-primary,.arch-primary,.api-primary,.learn-primary,.primary-btn,.push-btn,.env-secondary,.arch-secondary,.api-secondary,.learn-secondary,.secondary-btn{border-radius:8px;font-weight:800}.env-primary,.arch-primary,.api-primary,.primary-btn,.push-btn{background:var(--accent);color:#07111f;border:1px solid var(--accent)}.env-primary:hover:not(:disabled),.arch-primary:hover:not(:disabled),.api-primary:hover:not(:disabled),.primary-btn:hover:not(:disabled),.push-btn:hover:not(:disabled){background:var(--cyan);border-color:var(--cyan);color:#07111f}.env-primary:disabled,.arch-primary:disabled,.api-primary:disabled,.push-btn:disabled,.learn-primary:disabled{opacity:.6;cursor:default}.env-secondary,.arch-secondary,.api-secondary,.secondary-btn{background:var(--void);color:var(--text);border:1px solid var(--border)}.env-secondary:hover:not(:disabled),.arch-secondary:hover:not(:disabled),.api-secondary:hover:not(:disabled),.secondary-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.learn-secondary:disabled{opacity:.45;cursor:default}.card-done-badge,.env-done,.arch-done,.api-done{color:var(--success);font-size:11px}.env-card,.arch-card,.api-card,.pipe-card,.scenario-card{text-align:left;background:var(--panel-glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);position:relative;box-shadow:inset 0 1px #ffffff09,0 18px 44px #0000001f}.env-card:hover,.arch-card:hover,.api-card:hover,.pipe-card:hover,.scenario-card:hover{border-color:var(--accent)}.env-card-done,.arch-card-done,.api-card-done{border-color:var(--success-edge);background:linear-gradient(180deg, #3fb9501f, var(--panel))}.env,.env-active,.env-empty,.arch,.arch-active,.arch-empty,.api,.api-active,.api-empty{padding:var(--desktop-page-gutter)}.env-intro,.arch-intro,.api-intro{max-width:900px;margin-bottom:24px}.env-kicker,.arch-kicker,.api-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:0;margin-bottom:10px;font-size:12px;display:block}.env-intro h2,.env-side h2,.arch-intro h2,.arch-side h2,.api-intro h2,.api-side h2{margin:0 0 10px;font-size:32px}.env-intro p,.env-side p,.arch-intro p,.arch-side p,.api-intro p,.api-side p{color:var(--text-soft);margin:0;line-height:1.6}.env-next,.arch-next,.api-next{text-align:left;width:min(720px,100%);color:var(--text);border-radius:8px;gap:7px;margin-bottom:22px;padding:18px 20px;display:grid}.env-next strong,.arch-next strong,.api-next strong{font-size:19px}.env-next span:last-child,.arch-next span:last-child,.api-next span:last-child,.env-goal,.arch-goal,.api-goal{color:var(--text-soft);line-height:1.45}.env-grid,.arch-grid,.api-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.env-card,.arch-card,.api-card{border-radius:8px;flex-direction:column;gap:11px;min-height:176px;padding:18px;display:flex}.env-done,.arch-done,.api-done{position:absolute;top:14px;right:14px}.env-tier,.arch-tier,.api-tier{color:var(--text-faint);font-size:11px}.env-title,.arch-title,.api-title{font-size:18px;font-weight:800}.env-active,.arch-active,.api-active{grid-template-columns:minmax(300px,390px) minmax(420px,1fr);gap:18px;display:grid}.env-side,.env-editor,.env-lock-panel,.arch-side,.arch-work,.arch-lock-panel,.api-side,.api-work,.api-lock-panel{background:var(--panel-glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:inset 0 1px #ffffff09,0 18px 44px #0000001f}.env-side,.arch-side,.arch-work,.api-side,.api-work{padding:22px;overflow-y:auto}.env-back,.arch-back,.api-back{color:var(--text-dim);background:0 0;border:0;margin-bottom:22px;padding:0}.env-back:hover,.arch-back:hover,.api-back:hover{color:var(--text)}.env-why,.env-goal-box,.arch-why,.arch-goal-box,.api-why,.api-goal-box{border:1px solid var(--border-dim);background:#070a109e;border-radius:8px;margin-top:18px;padding:14px}.env-why span,.env-goal-box span,.arch-why span,.arch-goal-box span,.api-why span,.api-goal-box span{color:var(--accent);text-transform:uppercase;font-size:11px}.env-why p,.env-goal-box p,.arch-why p,.arch-goal-box p,.api-why p,.api-goal-box p{margin-top:8px}.env-actions,.arch-actions,.api-actions{flex-wrap:wrap;gap:10px;display:flex}.arch-actions,.api-actions{margin-top:16px}.env-actions{margin-top:18px}.env-action-zone,.arch-action-zone,.api-action-zone{z-index:2;background:color-mix(in srgb, var(--panel) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);align-items:center;margin-bottom:-22px;margin-left:-22px;margin-right:-22px;padding:14px 22px 18px;position:sticky;bottom:-22px;box-shadow:0 -14px 24px #0003}.arch-action-zone,.api-action-zone{margin-top:18px}.env-primary,.env-secondary,.arch-primary,.arch-secondary,.api-primary,.api-secondary{padding:11px 14px}.env-result,.env-saved,.arch-result,.arch-saved,.api-result,.api-saved{border-radius:8px;flex:1 0 100%;margin-top:0;padding:13px;line-height:1.5}.env-action-zone .completion-recap,.arch-action-zone .completion-recap,.api-action-zone .completion-recap{flex:1 0 100%;width:100%;margin-top:0}.env-saved,.env-pass,.arch-saved,.arch-pass,.api-saved,.api-pass{background:var(--success-bg);border:1px solid var(--success-edge);color:var(--text)}.env-fail,.arch-fail,.api-fail{background:var(--warn-bg);color:var(--text);border:1px solid #d2992266}.env-lock-panel,.arch-lock-panel,.api-lock-panel{max-width:560px;padding:20px}.env-lock-count,.arch-lock-count,.api-lock-count{color:var(--text-soft);margin-bottom:12px}.env-lock-track,.arch-lock-track,.api-lock-track{background:var(--void);border-radius:999px;height:11px;margin-bottom:18px;overflow:hidden}.env-lock-fill,.arch-lock-fill,.api-lock-fill{background:var(--bar);height:100%}.env-empty .env-primary,.arch-empty .arch-primary,.api-empty .api-primary{margin-top:14px}.arch-flow,.api-flow{background:#0b1018;gap:8px;display:grid}.arch-flow-node,.api-flow-node{border:1px solid var(--border-dim);background:#ffffff06;border-radius:7px;grid-template-columns:34px 1fr;align-items:center;gap:3px 10px;padding:10px;display:grid;position:relative}.arch-flow-node:not(:last-child):after,.api-flow-node:not(:last-child):after{content:"";background:var(--border);width:2px;height:9px;position:absolute;bottom:-9px;left:26px}.arch-flow-node span,.api-flow-node span{color:var(--text-faint);grid-row:span 2}.arch-flow-node strong,.api-flow-node strong{color:var(--text);overflow-wrap:anywhere;font-size:13px;line-height:1.25}.arch-flow-node p,.api-flow-node p{color:var(--text-soft);font-size:11.5px;line-height:1.35}.arch-work,.api-work{min-width:0}.arch-artifact-head,.api-artifact-head{gap:6px;margin-bottom:12px;display:grid}.arch-artifact-head span,.api-artifact-head span{text-transform:uppercase;letter-spacing:0}.arch-artifact-head strong,.api-artifact-head strong{font-size:16px}.arch-artifact,.api-artifact{max-height:430px;color:var(--text);border:1px solid var(--border-mid);white-space:pre-wrap;background:#070a10;border-radius:8px;padding:18px;font-size:13px;line-height:1.58;overflow:auto}.arch-options,.api-options,.arch-connections{gap:10px;margin-top:16px;display:grid}.arch-option,.api-option{text-align:left;min-height:74px;color:var(--text);background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;grid-template-columns:34px 1fr;align-items:start;gap:12px;padding:13px 14px;display:grid}.arch-option:hover:not(:disabled),.api-option:hover:not(:disabled){border-color:var(--accent)}.arch-option:focus-visible,.api-option:focus-visible,.arch-step-option:focus-visible,.arch-order-step:focus-visible,.arch-connection:focus-visible,.api-step-option:focus-visible,.api-order-step:focus-visible{border-color:var(--cyan)}.arch-option span,.api-option span{width:28px;height:28px;color:var(--accent);border:1px solid #58a6ff47;border-radius:6px;place-items:center;display:grid}.arch-option p,.api-option p{color:var(--text-soft);margin:0;line-height:1.48}.arch-option-correct,.api-option-correct{border-color:var(--success-edge);background:var(--success-bg)}.arch-option-wrong,.api-option-wrong{border-color:var(--fail);background:var(--fail-bg)}.arch-option-dim,.api-option-dim{opacity:.55}.arch-sequence,.api-sequence{grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:14px;margin-top:16px;display:grid}.arch-sequence-column,.api-sequence-column{align-content:start;gap:10px;min-width:0;display:grid}.arch-sequence-label,.api-sequence-label{color:var(--cyan);text-transform:uppercase;letter-spacing:0;font-size:11px}.arch-step-option,.arch-order-step,.arch-connection,.api-step-option,.api-order-step{text-align:left;width:100%;min-height:82px;color:var(--text);border-radius:8px;grid-template-columns:54px 1fr;align-items:start;gap:12px;padding:13px 14px;display:grid}.arch-step-option,.arch-connection,.api-step-option{background:var(--panel-raised);border:1px solid var(--border)}.arch-step-option:hover:not(:disabled),.arch-order-step:hover:not(:disabled),.arch-connection:hover:not(:disabled),.api-step-option:hover:not(:disabled),.api-order-step:hover:not(:disabled){border-color:var(--accent)}.arch-step-option:disabled,.api-step-option:disabled{opacity:.56}.arch-step-option span,.arch-order-step span,.arch-connection span,.api-step-option span,.api-order-step span{color:var(--accent);font-size:11px;line-height:1.45}.arch-step-option p,.arch-order-step p,.arch-connection p,.arch-order-empty,.api-step-option p,.api-order-step p,.api-order-empty{color:var(--text-soft);margin:0;line-height:1.48}.arch-order-list,.api-order-list{border:1px dashed var(--border-mid);background:#070a10;border-radius:8px;align-content:start;gap:10px;min-height:266px;padding:12px;display:grid}.arch-order-empty,.api-order-empty{padding:12px}.arch-order-step,.api-order-step,.arch-connection-selected{background:#58a6ff14;border:1px solid #58a6ff3d}@media (width<=900px){.env-active,.arch-active,.api-active,.arch-sequence,.api-sequence{grid-template-columns:1fr}}@media (width>=901px){.env-active,.arch-active,.api-active{height:var(--desktop-active-lab-height);min-height:0}}@media (width<=560px){.arch,.arch-active,.arch-empty,.api,.api-active,.api-empty{padding:24px 18px 48px}.arch-intro h2,.arch-side h2,.api-intro h2,.api-side h2{font-size:26px}.arch-option,.arch-step-option,.arch-order-step,.arch-connection,.api-option,.api-step-option,.api-order-step{grid-template-columns:1fr}}.env-textarea{resize:none;width:100%;color:var(--text);background:#070a10;border:0;outline:none;line-height:1.6}.env-textarea:focus-visible,.code-editor:focus-visible,.terminal-input:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.shell{flex-direction:column;width:100vw;height:100vh;display:flex;overflow-x:hidden}.topbar{background:radial-gradient(circle at 12% -18%, #58a6ff1f, transparent 34%), radial-gradient(circle at 78% 16%, #38e0ff14, transparent 32%), linear-gradient(180deg, #02050a, #040910fe), var(--panel);border-bottom:1px solid #60baff6b;flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;min-height:118px;padding:0 28px 0 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -1px #03080ef5,0 10px 30px #00000047}.topbar:before{content:"";aspect-ratio:1;opacity:.18;mix-blend-mode:screen;filter:brightness(1.3)saturate(1.18)contrast(1.1)hue-rotate(8deg);background-image:url(/lirien-art/typewriter-codicum.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:clamp(340px,34vw,620px);position:absolute;top:-96px;right:min(26vw,310px);transform:rotate(-16deg);-webkit-mask-image:radial-gradient(#000 0 30%,#00000080 58%,#0000 78%);mask-image:radial-gradient(#000 0 30%,#00000080 58%,#0000 78%)}.topbar:after{content:"";background:linear-gradient(90deg,#58a6ff14,#69d6ff9e,#58a6ff1a);height:1px;position:absolute;inset:auto 0 0}.brand{z-index:1;align-items:center;min-width:0;display:flex;position:relative}.brand-mark{object-fit:contain;transform-origin:0;filter:drop-shadow(0 0 16px #ffc24b38)drop-shadow(0 0 42px #38e0ff29);flex:0 0 250px;width:250px;height:128px;margin:-9px 0 -7px -86px;display:block;transform:scale(1.95)}.brand:after{content:"";aspect-ratio:1.35;opacity:.16;mix-blend-mode:screen;filter:brightness(1.22)saturate(1.12)contrast(1.08)hue-rotate(12deg);pointer-events:none;background-image:url(/lirien-art/magenta-keyboard.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:clamp(340px,34vw,560px);position:absolute;top:-72px;left:132px;transform:rotate(12deg);-webkit-mask-image:radial-gradient(#000 0 34%,#00000080 58%,#0000 80%);mask-image:radial-gradient(#000 0 34%,#00000080 58%,#0000 80%)}.topbar-actions{z-index:1;flex-shrink:0;align-items:center;gap:12px;display:flex;position:relative}.auth-panel{flex-shrink:0;position:relative}.auth-trigger{background:var(--void);border:1px solid var(--border-mid);border-radius:999px;align-items:center;gap:10px;min-height:43px;padding:7px 13px;transition:border-color .15s,background .15s;display:flex}.auth-trigger:hover{border-color:var(--accent)}.auth-dot{background:var(--text-ghost);border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 4px #7b889b1f}.auth-supabase-ready .auth-dot{background:var(--success);box-shadow:0 0 0 4px #3fb95024}.auth-signed-in .auth-dot{background:var(--success);box-shadow:0 0 0 4px #3fb9502e}.auth-blocked .auth-dot{background:var(--fail);box-shadow:0 0 0 4px #f7816624}.auth-copy{text-align:left;gap:1px;line-height:1.05;display:grid}.auth-copy strong{max-width:118px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.auth-copy small{max-width:118px;color:var(--text-dim);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.auth-menu{z-index:20;background:var(--panel);border:1px solid var(--border-mid);border-radius:8px;gap:12px;width:min(310px,100vw - 24px);padding:14px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 44px #00000057}.auth-cloud{gap:10px;display:grid}.auth-menu-copy{gap:4px;display:grid}.auth-menu-copy strong{color:var(--text);font-size:13px}.auth-menu-copy span,.auth-menu label{color:var(--text-dim);font-size:12px;line-height:1.45}.auth-menu label{color:var(--text-soft);gap:7px;font-weight:700;display:grid}.auth-menu input{width:100%;min-height:38px;color:var(--text);background:var(--void);border:1px solid var(--border);font:inherit;border-radius:6px;padding:8px 10px}.auth-save{min-height:38px;color:var(--void);background:var(--accent);border:0;border-radius:6px;padding:8px 12px;font-weight:800}.auth-save:disabled,.auth-secondary:disabled{cursor:not-allowed;opacity:.58}.auth-secondary{min-height:38px;color:var(--text);background:var(--void);border:1px solid var(--border-mid);border-radius:6px;padding:8px 12px;font-weight:800}.auth-status{border-radius:6px;padding:9px 10px;font-size:12px;line-height:1.35}.auth-notice{color:var(--success);background:#3fb95014;border:1px solid #3fb95038}.auth-error{color:var(--fail);background:#f7816614;border:1px solid #f781663d}.header-progress{background:var(--void);border:1px solid var(--border-mid);border-radius:999px;flex-shrink:0;align-items:center;gap:12px;padding:8px 16px;transition:border-color .15s;display:flex}.header-progress:hover{border-color:var(--accent)}.hp-level{color:var(--accent);font-size:10px}.hp-bar-track{background:var(--panel-raised);border-radius:5px;width:118px;height:9px;overflow:hidden}.hp-bar-track:focus{outline:none}.hp-bar-fill{background:var(--bar);transform-origin:0;height:100%;animation:.9s cubic-bezier(.22,1,.36,1) both barGrow;display:block}.hp-pct{color:var(--text-dim);text-align:right;min-width:38px;font-size:13px}.hp-sync{min-width:62px;color:var(--text-faint);font-family:var(--font-mono);text-align:left;white-space:nowrap;padding-left:2px;font-size:10.5px}.hp-sync-ok{color:var(--success)}.hp-sync-idle{color:var(--text-faint)}.hp-sync-pending{color:var(--accent)}.hp-sync-warning{color:var(--warn)}.hp-sync-error{color:var(--fail)}.tabs{background:linear-gradient(180deg, #060b12fa, #05080df5), var(--panel);border-top:1px solid #66c9ff3d;border-bottom:1px solid #58a6ff38;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 28px;display:flex;box-shadow:inset 0 1px #ffffff09,0 8px 24px #00000038}.tabs-main{gap:12px;min-width:0;display:flex;overflow-x:auto}.tab{color:#d3e2f2c2;text-shadow:0 0 18px #58a6ff1f;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;padding:16px 18px;font-size:16px;font-weight:600;transition:color .15s,border-color .15s}.tab:hover{color:var(--text)}.tab:focus-visible,.mobile-nav-tab:focus-visible,.header-progress:focus-visible,.auth-trigger:focus-visible,.auth-menu input:focus-visible,.auth-save:focus-visible{z-index:1;position:relative}.tab-active{color:#8edfff;border-bottom-color:var(--accent)}.feedback-nav-button{min-height:36px;color:var(--void);background:var(--accent);white-space:nowrap;border:1px solid #58a6ffbf;border-radius:8px;flex-shrink:0;padding:8px 13px;font-size:10px}.feedback-nav-button:hover{background:var(--cyan)}.feedback-overlay{z-index:40;background:#03070cb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.feedback-dialog{background:var(--panel);border:1px solid var(--border-mid);border-radius:10px;gap:16px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 24px 70px #00000075}.feedback-head,.feedback-actions{justify-content:space-between;align-items:center;gap:14px;display:flex}.feedback-kicker{color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:11px}.feedback-head h2{color:var(--text);margin:0;font-size:24px;line-height:1.15}.feedback-close{color:var(--text-faint);background:var(--void);border:1px solid var(--border-mid);border-radius:7px;padding:7px 10px;font-size:10px}.feedback-close:hover{color:var(--text);border-color:var(--accent)}.feedback-field{color:var(--text-soft);gap:7px;font-size:12px;font-weight:800;display:grid}.feedback-field select,.feedback-field textarea{width:100%;color:var(--text);background:var(--void);border:1px solid var(--border);font:inherit;border-radius:7px}.feedback-field select{min-height:42px;padding:8px 10px}.feedback-field textarea{resize:vertical;min-height:132px;padding:10px;line-height:1.45}.feedback-field textarea:disabled{cursor:not-allowed;opacity:.58}.feedback-state{min-height:18px;color:var(--text-faint);font-size:12px;line-height:1.35}.feedback-submit{color:var(--void);background:var(--accent);border:1px solid #58a6ffbf;border-radius:8px;flex-shrink:0;padding:9px 13px;font-size:10px}.feedback-submit:hover{background:var(--cyan)}.feedback-submit:disabled{cursor:not-allowed;opacity:.55}.mobile-nav{display:none}.content{isolation:isolate;background:radial-gradient(circle at 12% 12%, #ff4fd812, transparent 26%), radial-gradient(circle at 84% 8%, #38e0ff1a, transparent 32%), radial-gradient(circle at 64% 96%, #ffc24b12, transparent 36%), linear-gradient(180deg, #090c12fc, #06080c), var(--void);flex:1;position:relative;overflow:hidden auto}.content>:not(.renaissance-layer){z-index:1;position:relative}.renaissance-layer{z-index:0;pointer-events:none;background:linear-gradient(90deg,#05070bdb,#0a0c106e 35%,#05070bc7),radial-gradient(circle at 46% 18%,#ffc24b2b,#0000 44%),radial-gradient(circle at 58% 48%,#ff4fd81f,#0000 38%),radial-gradient(circle at 82% 20%,#38e0ff1f,#0000 38%);position:fixed;inset:174px 0 0;overflow:hidden}.renaissance-layer:before{content:"";opacity:.77;background-image:linear-gradient(#ffc24b0b 1px,#0000 1px),linear-gradient(90deg,#38e0ff08 1px,#0000 1px),linear-gradient(#ffffff05 2px,#0000 2px),linear-gradient(90deg,#ffffff04 2px,#0000 2px);background-size:42px 42px,42px 42px,168px 168px,168px 168px;position:absolute;inset:-18%;transform:rotate(-5deg)scale(1.08);-webkit-mask-image:radial-gradient(at 42% 18%,#000000c2,#0000 62%),linear-gradient(#00000070,#0000 88%);mask-image:radial-gradient(at 42% 18%,#000000c2,#0000 62%),linear-gradient(#00000070,#0000 88%)}.renaissance-layer:after{content:"";background:radial-gradient(at 48% 16%,#0000 0 34%,#05070b57 78%),radial-gradient(at 62% 42%,#ffffff09,#0000 42%),linear-gradient(#05070b05,#05070bc2),linear-gradient(90deg,#05070b85,#0000 32%,#05070b99);position:absolute;inset:0}.art-cloud,.art-grid,.art-focus,.art-micro-grid,.renaissance-wash{position:absolute}.art-cloud{filter:blur(34px)saturate(1.24);mix-blend-mode:screen;opacity:.49;border-radius:999px;width:48vw;min-width:460px;height:42vw;min-height:380px;-webkit-mask-image:radial-gradient(circle,#000 0 34%,#0000008a 56%,#0000 78%);mask-image:radial-gradient(circle,#000 0 34%,#0000008a 56%,#0000 78%)}.art-cloud-cyan{background:radial-gradient(circle at 48% 36%,#38e0ff6b,#0000 46%),radial-gradient(circle at 62% 66%,#58a6ff3d,#0000 48%);top:-8%;right:4%}.art-cloud-magenta{background:radial-gradient(circle at 38% 44%,#ff4fd842,#0000 48%),radial-gradient(circle at 58% 58%,#704cff2e,#0000 44%);top:24%;left:20%}.art-cloud-gold{background:radial-gradient(circle at 42% 42%,#ffc24b47,#0000 46%),radial-gradient(circle at 62% 54%,#b9915833,#0000 50%);bottom:-18%;right:22%}.art-grid{opacity:.76;grid-template-columns:repeat(6,minmax(120px,1fr));grid-auto-rows:minmax(118px,1fr);gap:clamp(26px,4.8vw,78px);height:min(74vh,700px);display:grid;inset:-9% -9% auto -1%;transform:rotate(-8deg)skew(-5deg);-webkit-mask-image:radial-gradient(at 48% 30%,#000000e0,#0000 72%),linear-gradient(90deg,#0000,#000 14% 78%,#0000);mask-image:radial-gradient(at 48% 30%,#000000e0,#0000 72%),linear-gradient(90deg,#0000,#000 14% 78%,#0000)}.renaissance-tile{aspect-ratio:1;object-fit:contain;opacity:.53;mix-blend-mode:screen;filter:brightness(1.42)saturate(1.3)contrast(1.12)blur(.2px);place-self:center;width:clamp(124px,12vw,240px);-webkit-mask-image:radial-gradient(#000 0 32%,#0000007a 55%,#0000 76%),linear-gradient(135deg,#0000 0 12%,#000 28% 70%,#0000 90%);mask-image:radial-gradient(#000 0 32%,#0000007a 55%,#0000 76%),linear-gradient(135deg,#0000 0 12%,#000 28% 70%,#0000 90%)}.tile-2,.tile-5,.tile-8,.tile-11{transform:translateY(46px)scale(1.18)}.tile-3,.tile-7,.tile-10{opacity:.35;transform:translateY(-22px)scale(.88)}.art-focus{inset:0}.renaissance-art{mix-blend-mode:screen;filter:brightness(1.34)saturate(1.22)contrast(1.14)blur(.15px)drop-shadow(0 0 32px #58a6ff1f);max-width:none;display:block;position:absolute;-webkit-mask-image:radial-gradient(#000 0 30%,#00000080 56%,#0000 78%),linear-gradient(120deg,#0000 0 14%,#000 28% 70%,#0000 92%);mask-image:radial-gradient(#000 0 30%,#00000080 56%,#0000 78%),linear-gradient(120deg,#0000 0 14%,#000 28% 70%,#0000 92%)}.art-focus-1{opacity:.82;width:clamp(460px,50vw,920px);top:clamp(34px,5vw,90px);right:clamp(-280px,-12vw,-84px);transform:rotate(-7deg)}.art-focus-2{opacity:.53;width:clamp(300px,31vw,560px);top:clamp(70px,10vw,160px);left:clamp(-170px,-7vw,-58px);transform:rotate(9deg)}.art-focus-3{opacity:.48;width:clamp(270px,27vw,520px);bottom:clamp(-220px,-10vw,-84px);right:clamp(60px,15vw,260px);transform:rotate(5deg)}.art-focus-4{opacity:.32;width:clamp(210px,20vw,390px);top:42%;right:clamp(30px,9vw,150px);transform:rotate(-15deg)}.art-micro-grid{opacity:.51;grid-template-columns:repeat(4,minmax(42px,1fr));gap:12px;width:min(34vw,430px);display:grid;bottom:clamp(20px,6vw,90px);right:clamp(16px,5vw,90px);transform:rotate(4deg);-webkit-mask-image:radial-gradient(#000 0 42%,#0000 82%);mask-image:radial-gradient(#000 0 42%,#0000 82%)}.renaissance-micro{aspect-ratio:1;object-fit:cover;opacity:.5;mix-blend-mode:screen;filter:brightness(1.38)saturate(1.3)contrast(1.1);border-radius:28%;width:100%;-webkit-mask-image:radial-gradient(circle,#000 0 34%,#00000080 58%,#0000 82%);mask-image:radial-gradient(circle,#000 0 34%,#00000080 58%,#0000 82%)}.renaissance-wash{object-fit:cover;opacity:.32;mix-blend-mode:screen;filter:blur(18px)saturate(1.65)brightness(1.22);-webkit-mask-image:radial-gradient(#000 0 30%,#00000052 58%,#0000 82%);mask-image:radial-gradient(#000 0 30%,#00000052 58%,#0000 82%)}.wash-1{width:clamp(520px,56vw,980px);height:clamp(360px,40vw,720px);top:-2vw;right:-12vw;transform:rotate(-13deg)}.wash-2{width:clamp(400px,42vw,780px);height:clamp(300px,34vw,620px);bottom:-12vw;left:8vw;transform:rotate(18deg)}.renaissance-path .art-focus-1,.renaissance-practice .art-focus-1{top:clamp(80px,10vw,150px)}.renaissance-progress .art-focus-1{top:clamp(28px,4vw,74px);right:clamp(-190px,-8vw,-50px)}.renaissance-learn .art-focus-3,.renaissance-trust .art-focus-3{opacity:.26;right:clamp(120px,20vw,280px)}.art-blue{filter:brightness(1.36)saturate(1.28)contrast(1.18)hue-rotate(8deg)drop-shadow(0 0 24px #38e0ff24)}.art-gold{filter:brightness(1.34)saturate(1.18)contrast(1.18)drop-shadow(0 0 28px #ffc24b24)}.art-magenta{filter:brightness(1.36)saturate(1.24)contrast(1.16)hue-rotate(-7deg)drop-shadow(0 0 26px #cf4fff21)}.art-cyan{filter:brightness(1.34)saturate(1.28)contrast(1.14)drop-shadow(0 0 24px #38e0ff21)}.art-easter{opacity:.1}.route-fallback{min-height:min(420px,60vh);color:var(--text-faint);place-items:center;font-size:12px;display:grid}@media (width<=720px){.topbar{min-height:104px;padding:0 14px 0 12px}.topbar:before{opacity:.12;width:280px;top:-48px;right:58px}.brand-mark{flex-basis:124px;width:124px;height:94px;margin:-6px 0 -6px -42px;transform:scale(1.64)}.brand:after{opacity:.11;width:250px;top:-36px;left:72px}.topbar-actions{gap:8px}.auth-trigger{justify-content:center;width:38px;min-height:36px;padding:6px 9px}.auth-copy{display:none}.auth-copy strong{max-width:80px;font-size:11px}.auth-copy small{max-width:80px;font-size:9px}.header-progress{gap:8px;padding:6px 10px}.hp-level{font-size:8px}.hp-bar-track,.hp-pct,.hp-sync{display:none}.hp-bar-track{width:72px;height:7px}.hp-pct{min-width:30px;font-size:10.5px}.hp-sync{min-width:42px;font-size:9px}.tabs{display:none}.mobile-nav{background:linear-gradient(180deg, #060b12fa, #05080df5), var(--panel);border-top:1px solid #66c9ff38;border-bottom:1px solid #58a6ff3d;flex-shrink:0;gap:0;display:grid}.mobile-nav-primary{grid-template-columns:repeat(var(--mobile-nav-count,4), minmax(0, 1fr));gap:0;width:100%;display:grid}.mobile-feedback-row{display:none}.mobile-feedback-row .feedback-nav-button{min-height:34px;padding:7px 11px;font-size:9px}.mobile-nav-tab{color:#d3e2f2c2;background:0 0;border:0;border-bottom:3px solid #0000;align-content:center;place-items:center;gap:2px;min-width:0;min-height:52px;padding:8px 4px;font-size:13px;font-weight:800;line-height:1.1;display:grid}.mobile-nav-tab span,.mobile-nav-tab small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-tab small{color:var(--text-dim);font-family:var(--font-mono);font-size:9.5px;font-weight:600}.mobile-nav-active{color:#8edfff;border-bottom-color:var(--accent);background:#58a6ff14}.mobile-nav-active small{color:var(--text-soft)}.renaissance-layer{top:156px}.art-grid{opacity:.44;grid-template-columns:repeat(4,minmax(94px,1fr));gap:22px;width:148vw;inset:-2% -36% auto -14%}.renaissance-tile{width:clamp(84px,28vw,150px)}.art-focus-1{opacity:.54;width:clamp(330px,96vw,520px);top:58px;right:-148px}.art-focus-2{opacity:.37;width:260px;top:182px;left:-118px}.art-focus-3{opacity:.31;width:300px;bottom:-148px;right:-88px}.art-focus-4,.art-micro-grid{display:none}.art-cloud{opacity:.36;filter:blur(28px)saturate(1.2);min-width:320px;min-height:300px}.wash-1{width:540px;height:390px;top:28px;right:-240px}.wash-2{width:430px;height:320px;bottom:-120px;left:-150px}}@media (width<=420px){.topbar{gap:10px}.brand{min-width:0}.auth-copy{display:none}.auth-trigger{justify-content:center;width:38px}.header-progress{flex:none}.hp-bar-track{width:54px}.hp-pct,.hp-sync{display:none}}@media (width<=480px){.topbar{gap:8px}.brand{flex:0 auto;max-width:148px}.brand-mark{flex-basis:116px;width:116px;height:90px;margin-left:-40px;transform:scale(1.6)}.topbar-actions{gap:7px;margin-left:auto}.auth-copy{display:none}.auth-trigger{justify-content:center;width:38px}.header-progress{padding:6px 9px}.hp-bar-track,.hp-pct,.hp-sync{display:none}}