:root{--color-deep:#3b0a0a;--color-mid:#8a2b2b;--color-blush:#f2c9c9;--color-ember:#c0392b;--color-smoke:#1a0505;--color-bg:#0d0303;--color-bg-card:#1a0808;--color-bg-raised:#220b0b;--color-bg-overlay:#2d0e0e;--color-bg-hover:#330f0f;--color-text:#f2c9c9;--color-text-sec:#c9908f;--color-text-muted:#7a4f4e;--color-text-inv:#0d0303;--color-border:#f2c9c914;--color-border-mid:#f2c9c929;--color-border-act:#8a2b2b99;--color-success:#2ecc71;--color-warning:#f39c12;--color-error:#e74c3c;--color-info:#3498db;--grad-primary:linear-gradient(135deg, #3b0a0a 0%, #8a2b2b 100%);--grad-card:linear-gradient(145deg, #1a0808 0%, #220b0b 100%);--grad-glow:radial-gradient(ellipse at center, #8a2b2b4d 0%, transparent 70%);--grad-smoke:linear-gradient(180deg, #0d0303 0%, #1a0808 50%, #0d0303 100%);--shadow-sm:0 2px 8px #3b0a0a66;--shadow-md:0 4px 20px #3b0a0a99;--shadow-lg:0 8px 40px #3b0a0acc;--shadow-xl:0 20px 60px #8a2b2b66;--shadow-glow:0 0 30px #8a2b2b80;--font-display:"Syne", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--t-fast:.15s cubic-bezier(.4, 0, .2, 1);--t-base:.25s cubic-bezier(.4, 0, .2, 1);--t-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-mid);border-radius:var(--radius-full)}::selection{background:var(--color-mid);color:var(--color-blush)}:focus-visible{outline:2px solid var(--color-mid);outline-offset:3px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body)}img,video{max-width:100%;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#8a2b2b1f 0%,#0000 50%),radial-gradient(at 80% 80%,#3b0a0a33 0%,#0000 50%),radial-gradient(#8a2b2b0d 0%,#0000 70%);position:fixed;inset:0}#root{z-index:1;position:relative}