*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0b0b0d;--surface: #131316;--surface2: #191a1e;--border: rgba(255,255,255,.06);--border-bright: rgba(255,255,255,.12);--text: #ededef;--text-dim: rgba(255,255,255,.38);--text-mid: rgba(255,255,255,.62);--accent: #e8ff6b;--accent-contrast: #000000;--accent2: #a78bfa;--accent3: #34d399;--danger: #f87171;--radius: 10px;--tab-radius: 10px;--font-display: "Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-body: "DM Sans", sans-serif;--blob-1: #1a1a2e;--blob-2: #0d1f0d;--blob-3: #1a0a2e;--tabbar-bg: rgba(255,255,255,.06);--tabbar-border: rgba(255,255,255,.14);--tabbar-shadow: 0 8px 40px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.1), 0 0 0 1px rgba(232,255,107,.04);--tabbar-settled-shadow: 0 4px 24px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.08), 0 0 20px rgba(232,255,107,.06);--tab-inactive: rgba(255,255,255,.4);--tab-inactive-hover: rgba(255,255,255,.7);--tab-active-bg: rgba(255,255,255,.1);--tab-active-color: #f0f0f0;--tab-active-shadow: 0 2px 12px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.12);--mobile-bar-bg: rgba(14,14,14,.92);--mobile-bar-border: rgba(255,255,255,.1);--mobile-bar-shadow: 0 -8px 32px rgba(0,0,0,.5), 0 -1px 0 rgba(232,255,107,.06);--mobile-tab-inactive: rgba(255,255,255,.35);--mobile-header-bg-start: rgba(8,8,8,.96);--mobile-header-bg-mid: rgba(8,8,8,.85);--mobile-header-bg-end: rgba(8,8,8,.65);--scrollbar-thumb: rgba(255,255,255,.1);--card-border: rgba(255,255,255,.1);--card-shadow: 0 4px 20px rgba(0,0,0,.2);--icon-btn-bg: rgba(255,255,255,.06);--icon-btn-border: rgba(255,255,255,.1);--icon-btn-color: rgba(255,255,255,.5);--pill-bg: rgba(255,255,255,.06);--pill-border: rgba(255,255,255,.08);--pill-color: rgba(255,255,255,.4);--meta-color: rgba(255,255,255,.35);--subtle-text: rgba(255,255,255,.45);--skeleton-bg: rgba(255,255,255,.05);--modal-overlay: rgba(0,0,0,.7);--modal-bg: #161616;--modal-border: rgba(255,255,255,.12);--modal-shadow: 0 24px 80px rgba(0,0,0,.6);--terminal-bg: #0a0a0a;--terminal-header-bg: rgba(255,255,255,.025);--terminal-divider: rgba(255,255,255,.04);--terminal-dim: rgba(255,255,255,.28);--archive-expanded-bg: rgba(0,0,0,.2);--archive-header-bg: rgba(255,255,255,.02);--upload-border: rgba(232,255,107,.25);--upload-color: rgba(255,255,255,.35);--upload-disabled-border: rgba(255,255,255,.1);--upload-disabled-color: rgba(255,255,255,.2);--spinner-track: rgba(232,255,107,.15);--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}@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: #FAF9F5;--surface: #FFFFFF;--surface2: #F3F1EB;--border: rgba(0,0,0,.07);--border-bright: rgba(0,0,0,.14);--text: #1A1A1A;--text-dim: rgba(0,0,0,.4);--text-mid: rgba(0,0,0,.65);--accent: #c8e000;--accent-contrast: #000000;--accent2: #7c3aed;--accent3: #059669;--danger: #dc2626;--blob-1: #e8f4e8;--blob-2: #f0eaff;--blob-3: #fff8e1;--tabbar-bg: rgba(255,255,255,.75);--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: #1A1A1A;--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(0,0,0,.09);--card-shadow: 0 2px 12px rgba(0,0,0,.06);--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(0,0,0,.4);--modal-bg: #FFFFFF;--modal-border: rgba(0,0,0,.1);--modal-shadow: 0 24px 80px rgba(0,0,0,.15);--terminal-bg: #F3F1EB;--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,.35);--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)}::-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 cubic-bezier(.22,1,.36,1) 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 cubic-bezier(.22,1,.36,1) .18s both}.rack-steel-panel.steel-opening .rack-live-dot{animation:steel-beacon .7s cubic-bezier(.22,1,.36,1) 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}