:root{--midnight: #0F1419;--midnight-deep: #0A0F16;--charcoal: #1A1F26;--surface: rgba(255,255,255,.025);--surface-hover: rgba(255,255,255,.05);--copper: #D95D22;--copper-deep: #A04015;--copper-dark: #842F0F;--copper-soft: rgba(217,93,34,.13);--copper-faint: rgba(217,93,34,.05);--domain-ai: #4F8EF7;--domain-quantum: #A855F7;--domain-bio: #10B981;--domain-econ: #F59E0B;--domain-geo: #EF4444;--domain-energy: #FCD34D;--domain-policy: #06B6D4;--validity-A: #4ade80;--validity-B: #fbbf24;--validity-C: #f87171;--text: #F8F6F3;--text-muted: rgba(255,255,255,.65);--text-faint: rgba(255,255,255,.4);--border: rgba(255,255,255,.08);--border-strong: rgba(217,93,34,.18);--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "DM Mono", "SF Mono", monospace;--nav-h: 60px;--container: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--midnight);color:var(--text);font-family:var(--font-sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at top right,rgba(217,93,34,.04) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(79,142,247,.03) 0%,transparent 60%);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em;color:var(--text);line-height:1.2}em,.italic{font-style:italic}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--copper)}button,input,textarea,select{font-family:inherit;outline:none}button{cursor:pointer;border:none;background:transparent;color:inherit}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.7rem .9rem;font-size:.92rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--copper)}input::placeholder,textarea::placeholder{color:var(--text-faint)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d95d222e;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#d95d2259}.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--copper);text-transform:uppercase}.divider{height:1px;background:var(--border);margin:1.5rem 0}.card{background:var(--surface);border:1px solid var(--border);padding:1.5rem;transition:all .2s}.card:hover{background:var(--surface-hover);border-color:var(--border-strong)}.card-accent{border-left:2px solid var(--copper)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;transition:all .2s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--copper),var(--copper-deep));color:#fff;box-shadow:0 2px 10px #d95d2233}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #d95d2259}.btn-secondary{background:transparent;color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--copper);color:var(--copper)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--copper)}.domain-pill{display:inline-block;padding:.2rem .55rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;background:var(--copper-soft);color:var(--copper);white-space:nowrap}.validity-A{color:var(--validity-A);border-color:var(--validity-A)}.validity-B{color:var(--validity-B);border-color:var(--validity-B)}.validity-C{color:var(--validity-C);border-color:var(--validity-C)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-hover) 50%,var(--surface) 100%);background-size:1000px 100%;animation:shimmer 1.5s infinite}@keyframes pulse-dot{0%{transform:scale(.8);opacity:1}to{transform:scale(2);opacity:0}}.live-dot{position:relative;display:inline-block;width:8px;height:8px;background:var(--validity-A);border-radius:50%}.live-dot:after{content:"";position:absolute;top:-4px;left:-4px;width:16px;height:16px;border-radius:50%;background:#4ade804d;animation:pulse-dot 2s ease-out infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .4s ease-out}.container{max-width:var(--container);margin:0 auto;padding:0 1.5rem}@media (max-width: 768px){.container{padding:0 1rem}.card{padding:1.25rem}}