*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0c;--surface: #121216;--surface2: #1a1a20;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.13);--text: #f1f1ee;--text-dim: rgba(255,255,255,.42);--text-mid: rgba(255,255,255,.68);--accent: #e8ff6b;--accent-contrast: #0a0a0a;--accent2: #a78bfa;--accent3: #34d399;--danger: #f87171;--radius: 12px;--tab-radius: 12px;--font-display: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-body: "DM Sans", sans-serif;--surface3: #222230;--accent-strong: #d9f254;--accent-soft: rgba(232,255,107,.07);--accent-line: rgba(232,255,107,.26);--accent-glow: 0 4px 20px rgba(232,255,107,.22);--ease-spring: cubic-bezier(.22, 1, .36, 1);--accent-ink: var(--accent);--accent-text-glow: 0 0 36px rgba(232,255,107,.3);--input-bg: rgba(22,22,28,.78);--input-border: var(--border-bright);--input-wire: rgba(232,255,107,.32);--input-shadow: inset 0 1px 0 rgba(255,255,255,.055), 0 16px 48px rgba(0,0,0,.5);--input-focus-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 48px rgba(0,0,0,.5), 0 0 0 4px rgba(232,255,107,.05);--chip-bg: rgba(255,255,255,.03);--blob-1: #16162a;--blob-2: #0c1c10;--blob-3: #170b28;--tabbar-bg: rgba(18,18,22,.62);--tabbar-border: rgba(255,255,255,.12);--tabbar-shadow: 0 12px 48px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.09), 0 0 0 1px rgba(232,255,107,.04);--tabbar-settled-shadow: 0 6px 28px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.07), 0 0 20px rgba(232,255,107,.05);--tab-inactive: rgba(255,255,255,.4);--tab-inactive-hover: rgba(255,255,255,.72);--tab-active-bg: rgba(255,255,255,.09);--tab-active-color: #f4f4f1;--tab-active-shadow: 0 2px 12px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);--mobile-bar-bg: rgba(12,12,15,.92);--mobile-bar-border: rgba(255,255,255,.1);--mobile-bar-shadow: 0 -8px 32px rgba(0,0,0,.55), 0 -1px 0 rgba(232,255,107,.06);--mobile-tab-inactive: rgba(255,255,255,.35);--mobile-header-bg-start: rgba(8,8,10,.97);--mobile-header-bg-mid: rgba(8,8,10,.85);--mobile-header-bg-end: rgba(8,8,10,.6);--scrollbar-thumb: rgba(255,255,255,.1);--card-border: rgba(255,255,255,.09);--card-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 12px 36px rgba(0,0,0,.38);--icon-btn-bg: rgba(255,255,255,.05);--icon-btn-border: rgba(255,255,255,.1);--icon-btn-color: rgba(255,255,255,.52);--pill-bg: rgba(255,255,255,.055);--pill-border: rgba(255,255,255,.08);--pill-color: rgba(255,255,255,.42);--meta-color: rgba(255,255,255,.36);--subtle-text: rgba(255,255,255,.46);--skeleton-bg: rgba(255,255,255,.05);--modal-overlay: rgba(4,4,6,.72);--modal-bg: #15151a;--modal-border: rgba(255,255,255,.12);--modal-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 32px 96px rgba(0,0,0,.7);--terminal-bg: #0a0a0c;--terminal-header-bg: rgba(255,255,255,.025);--terminal-divider: rgba(255,255,255,.04);--terminal-dim: rgba(255,255,255,.3);--archive-expanded-bg: rgba(0,0,0,.22);--archive-header-bg: rgba(255,255,255,.02);--upload-border: rgba(232,255,107,.28);--upload-color: rgba(255,255,255,.36);--upload-disabled-border: rgba(255,255,255,.1);--upload-disabled-color: rgba(255,255,255,.2);--spinner-track: rgba(232,255,107,.14);--page-padding-top: 100px;--page-padding-bottom: 40px}@media(max-width:600px){:root{--page-padding-top: 68px ;--page-padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px)) }}html,body,#root{height:100%;height:100dvh;width:100%;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#e8ff6b47;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-ring{0%{box-shadow:0 0 #ffffff1f}70%{box-shadow:0 0 0 14px #fff0}to{box-shadow:0 0 #fff0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scoreFill{0%{width:0%}to{width:var(--score-width)}}[data-theme=light]{--bg: #F6F4EC;--surface: #FFFFFF;--surface2: #F0EDE3;--surface3: #E6E2D6;--border: rgba(56,50,28,.1);--border-bright: rgba(56,50,28,.17);--text: #1B1A15;--text-dim: rgba(34,30,18,.44);--text-mid: rgba(28,25,15,.68);--accent: #c2dd2f;--accent-strong: #b1cc1c;--accent-ink: #5f7611;--accent-contrast: #16180a;--accent-soft: rgba(120,150,0,.11);--accent-line: rgba(120,150,0,.3);--accent-glow: 0 6px 22px rgba(150,176,0,.26);--accent-text-glow: none;--accent2: #7c3aed;--accent3: #059669;--danger: #dc2626;--blob-1: #d6ebbe;--blob-2: #e6dcfa;--blob-3: #fdecba;--tabbar-bg: rgba(255,255,255,.78);--tabbar-border: rgba(0,0,0,.1);--tabbar-shadow: 0 8px 40px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.9), 0 0 0 1px rgba(0,0,0,.04);--tabbar-settled-shadow: 0 4px 24px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.8);--tab-inactive: rgba(0,0,0,.4);--tab-inactive-hover: rgba(0,0,0,.75);--tab-active-bg: rgba(0,0,0,.06);--tab-active-color: #18181A;--tab-active-shadow: 0 2px 12px rgba(0,0,0,.08), inset 0 1px 0 rgba(255,255,255,.7);--mobile-bar-bg: rgba(250,249,245,.95);--mobile-bar-border: rgba(0,0,0,.1);--mobile-bar-shadow: 0 -4px 24px rgba(0,0,0,.06), 0 -1px 0 rgba(0,0,0,.08);--mobile-tab-inactive: rgba(0,0,0,.35);--mobile-header-bg-start: rgba(250,249,245,.97);--mobile-header-bg-mid: rgba(250,249,245,.85);--mobile-header-bg-end: rgba(250,249,245,.65);--scrollbar-thumb: rgba(0,0,0,.12);--card-border: rgba(56,50,28,.1);--card-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(60,52,30,.04), 0 10px 30px rgba(60,52,30,.08);--icon-btn-bg: rgba(0,0,0,.04);--icon-btn-border: rgba(0,0,0,.1);--icon-btn-color: rgba(0,0,0,.45);--pill-bg: rgba(0,0,0,.04);--pill-border: rgba(0,0,0,.07);--pill-color: rgba(0,0,0,.45);--meta-color: rgba(0,0,0,.4);--subtle-text: rgba(0,0,0,.45);--skeleton-bg: rgba(0,0,0,.05);--modal-overlay: rgba(20,20,15,.4);--modal-bg: #FFFFFF;--modal-border: rgba(0,0,0,.1);--modal-shadow: 0 24px 80px rgba(0,0,0,.16);--terminal-bg: #F2F0EA;--terminal-header-bg: rgba(0,0,0,.03);--terminal-divider: rgba(0,0,0,.05);--terminal-dim: rgba(0,0,0,.4);--archive-expanded-bg: rgba(0,0,0,.02);--archive-header-bg: rgba(0,0,0,.02);--upload-border: rgba(140,158,0,.38);--upload-color: rgba(0,0,0,.35);--upload-disabled-border: rgba(0,0,0,.1);--upload-disabled-color: rgba(0,0,0,.2);--spinner-track: rgba(0,0,0,.08);--input-bg: rgba(255,255,255,.94);--input-border: rgba(56,50,28,.12);--input-wire: rgba(120,150,0,.32);--input-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 2px 6px rgba(60,52,30,.05), 0 16px 40px rgba(60,52,30,.1);--input-focus-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 16px 40px rgba(60,52,30,.13), 0 0 0 4px rgba(150,176,0,.13);--chip-bg: rgba(40,34,16,.04)}[data-theme=light] ::selection{background:#96b0004d;color:#1b1a15}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}@keyframes steel-border-burst{0%{border-left-color:#e8ff6b0f}12%{border-left-color:#e8ff6be6;box-shadow:inset 3px 0 18px #e8ff6b1f,-2px 0 24px #e8ff6b2e}45%{border-left-color:#e8ff6b47;box-shadow:inset 2px 0 10px #e8ff6b0f,-1px 0 12px #e8ff6b14}to{border-left-color:#e8ff6b1f;box-shadow:inset 1px 0 6px #e8ff6b08,-1px 0 8px #e8ff6b0a}}@keyframes steel-scan{0%{transform:translateY(-100%);opacity:0}5%{opacity:1}92%{opacity:.6}to{transform:translateY(100vh);opacity:0}}@keyframes steel-iframe-reveal{0%{opacity:0;transform:scale(.975)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes steel-beacon{0%{box-shadow:0 0 #e8ff6b00;transform:scale(1)}18%{box-shadow:0 0 0 6px #e8ff6b59,0 0 22px #e8ff6b99;transform:scale(1.5)}55%{box-shadow:0 0 0 3px #e8ff6b1a,0 0 10px #e8ff6b40;transform:scale(1.15)}to{box-shadow:0 0 7px #e8ff6b80;transform:scale(1)}}@keyframes steel-header-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.rack-steel-panel.steel-opening{animation:steel-border-burst .9s var(--ease-spring) forwards}.rack-steel-panel.steel-opening .rack-steel-body:after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(232,255,107,0) 15%,rgba(232,255,107,.55) 50%,rgba(232,255,107,0) 85%,transparent 100%);pointer-events:none;z-index:10;animation:steel-scan .7s cubic-bezier(.4,0,.6,1) .12s forwards}.rack-steel-iframe-entering{animation:steel-iframe-reveal .5s var(--ease-spring) .18s both}.rack-steel-panel.steel-opening .rack-live-dot{animation:steel-beacon .7s var(--ease-spring) forwards!important}.rack-steel-panel.steel-opening .rack-steel-header-label{background:linear-gradient(90deg,#e8ff6bbf,#e8ff6b 40%,#fffffff2,#e8ff6b 60%,#e8ff6bbf);background-size:600px 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:steel-header-shimmer .7s ease-out 80ms both}.rack-steel-panel.open{box-shadow:inset 1px 0 6px #e8ff6b08,-1px 0 8px #e8ff6b0a}