@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;--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}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);border:1px solid var(--border);color:var(--text);position:relative}.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);border:1px solid var(--border);border-radius:8px}.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:var(--void);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) 92%, transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);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}.topbar{border-bottom:1px solid var(--border-dim);background:linear-gradient(180deg, #0d1117f5, #0a0e14f5), var(--panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:22px;min-height:72px;padding:14px 28px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-mark{filter:drop-shadow(0 0 13px #2f81f752);flex:0 0 66px;width:66px;height:66px;display:block}.brand-text{flex-direction:column;gap:1px;display:flex}.brand-title{font-family:var(--font-sans);color:var(--text);letter-spacing:0;font-size:20px;font-weight:800}.brand-sub{color:var(--text-faint);font-size:13px}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.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:var(--panel);border-bottom:1px solid var(--border-dim);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 28px;display:flex}.tabs-main{gap:12px;min-width:0;display:flex;overflow-x:auto}.tab{color:var(--text-faint);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:var(--accent);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{background:var(--void);flex:1;overflow-y:auto}.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:70px;padding:14px 16px}.brand-mark{flex-basis:54px;width:54px;height:54px}.brand-title{font-size:15px}.brand-sub{font-size:10.5px}.topbar-actions{gap:8px}.auth-trigger{min-height:36px;padding:6px 9px}.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{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:var(--panel);border-bottom:1px solid var(--border-dim);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{border-top:1px solid var(--border-dim);justify-content:flex-end;padding:8px 14px 10px;display:flex}.mobile-feedback-row .feedback-nav-button{min-height:34px;padding:7px 11px;font-size:9px}.mobile-nav-tab{min-width:0;min-height:52px;color:var(--text-faint);background:0 0;border:0;border-bottom:3px solid #0000;align-content:center;place-items:center;gap:2px;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:var(--accent);border-bottom-color:var(--accent);background:#58a6ff14}.mobile-nav-active small{color:var(--text-soft)}}@media (width<=420px){.topbar{gap:10px}.brand,.brand-text{min-width:0}.brand-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-progress{flex:none}.hp-sync{display:none}}