:root{--color-amber:#e8900a;--color-amber-dim:#9b5e06;--color-teal:#1fbfb0;--color-teal-dim:#0d7a74;--color-white:#d4e8dc;--color-white-dim:#8aa898;--color-bg:#0d0f0e;--color-surface:#1a1f1c;--color-elevated:#252c27;--color-grid:#2e3830;--color-border:#3a4840;--font-mono:"Share Tech Mono", monospace;--font-body:"DM Sans", sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--sp-8:64px;--t-fast:.12s ease;--t-mid:.25s ease;--t-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-grid)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.blueprint-grid{background-image:linear-gradient(var(--color-grid) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid) 1px, transparent 1px);background-position:50%;background-size:32px 32px}.mono{font-family:var(--font-mono)}.amber{color:var(--color-amber)}.teal{color:var(--color-teal)}.dim{color:var(--color-white-dim)}@keyframes blueprint-in{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scaleX(.92)scaleY(.92)}60%{opacity:1;clip-path:inset(0 0% 0 0);transform:scaleX(1)scaleY(1)}to{opacity:1}}.blueprint-in{animation:.45s cubic-bezier(.22,1,.36,1) both blueprint-in}@keyframes ping-ring{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(3.5)}}.ping-ring{animation:2.5s ease-out infinite ping-ring}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1.1s step-end infinite blink}@keyframes pulse-amber{0%,to{box-shadow:0 0 #e8900a66}50%{box-shadow:0 0 0 6px #e8900a00}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s both fade-in}.chamfer-sm{clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px)}.chamfer-md{clip-path:polygon(14px 0%,100% 0%,100% calc(100% - 14px),calc(100% - 14px) 100%,0% 100%,0% 14px)}.btn{justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--t-fast);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);border:none;outline:none;font-size:.75rem;display:inline-flex}.btn-primary{background:var(--color-amber);color:var(--color-bg);font-weight:700}.btn-primary:hover{background:#f09d20;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-amber);border:1px solid var(--color-amber);background:0 0}.btn-secondary:hover{background:#e8900a14}.btn-ghost{color:var(--color-white-dim);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-white);border-color:var(--color-white-dim)}.btn-teal{background:var(--color-teal);color:var(--color-bg)}.btn-teal:hover{background:#28d4c4;transform:translateY(-1px)}.panel{background:var(--color-surface);border:1px solid var(--color-border)}.panel-elevated{background:var(--color-elevated);border:1px solid var(--color-border)}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-white-dim);font-size:.65rem}.progress-track{background:var(--color-grid);height:4px;position:relative;overflow:hidden}.progress-fill{background:var(--color-amber);height:100%;transition:width .4s}.progress-fill.teal{background:var(--color-teal)}.tooltip{z-index:9999;background:var(--color-elevated);border:1px solid var(--color-border);padding:var(--sp-3) var(--sp-4);font-family:var(--font-body);color:var(--color-white);pointer-events:none;clip-path:polygon(8px 0%,100% 0%,100% calc(100% - 8px),calc(100% - 8px) 100%,0% 100%,0% 8px);max-width:220px;font-size:.8rem;position:absolute}@keyframes toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}