:root{--bg: #f8fafc;--bg-elevated: #ffffff;--bg-soft: #eef2ff;--text: #0f172a;--text-muted: #475569;--border: #cbd5e1;--accent: #0284c7;--accent-strong: #0369a1;--purple: #7c3aed}.dark{--bg: #05050a;--bg-elevated: #0a0a12;--bg-soft: #0f172a;--text: #e2e8f0;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .12);--accent: #00f3ff;--accent-strong: #00c7d4;--purple: #bc13fe}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 30%),radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--purple) 14%,transparent),transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;transition:background-color .24s ease,color .24s ease}.aurora-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(30rem 30rem at 15% 12%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%),radial-gradient(28rem 28rem at 82% 10%,color-mix(in srgb,var(--purple) 18%,transparent),transparent 62%),radial-gradient(36rem 30rem at 50% 85%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 68%);filter:saturate(1.25);opacity:.9;z-index:0;animation:drift 12s ease-in-out infinite alternate}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--text) 5%,transparent) .8px,transparent .8px);background-size:4px 4px;opacity:.16;z-index:0;mix-blend-mode:soft-light}.app-shell{color:var(--text)}.app-header{background:color-mix(in srgb,var(--bg) 88%,transparent);border-color:color-mix(in srgb,var(--border) 80%,transparent)}.app-brand{color:var(--text)}.app-muted{color:var(--text-muted)}.app-card{background:color-mix(in srgb,var(--bg-elevated) 84%,transparent);border-color:var(--border);box-shadow:0 10px 40px -24px color-mix(in srgb,var(--text) 28%,transparent);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.app-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px -30px color-mix(in srgb,var(--text) 34%,transparent)}.app-panel{background:color-mix(in srgb,var(--bg-soft) 88%,transparent);border:1px solid var(--border)}.app-input{background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--text);border-color:var(--border)}.app-input::placeholder{color:color-mix(in srgb,var(--text-muted) 70%,transparent)}.app-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent)}.theme-toggle{border:1px solid var(--border);color:var(--text-muted);background:color-mix(in srgb,var(--bg-elevated) 78%,transparent)}.theme-toggle:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.feature-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem .95rem;border-radius:.85rem;border:1px solid color-mix(in srgb,var(--border) 90%,transparent);background:color-mix(in srgb,var(--bg-elevated) 76%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.78rem;font-weight:600;letter-spacing:.02em;color:var(--text-muted);transition:border-color .22s ease,transform .22s ease}.feature-pill:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.shimmer{position:relative;overflow:hidden;background:color-mix(in srgb,var(--text-muted) 22%,transparent)}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bg-elevated) 75%,transparent),transparent);animation:shimmer 1.3s ease-in-out infinite}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-14px,0) scale(1.02)}}@keyframes shimmer{to{transform:translate(100%)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg-elevated) 80%,transparent)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 58%,transparent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--text-muted) 78%,transparent)}