@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-0: #100E14;--bg-1: #16131B;--bg-grad-top: #1A1622;--surface: #1F1B27;--surface-2: #28232F;--surface-3: #322B3B;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.13);--text: #F5F1F8;--text-dim: #ABA2B8;--text-faint: #756C84;--accent: #FF3D8B;--accent-2: #FF6B5C;--accent-deep: #D81E6B;--accent-soft: rgba(255,61,139,.14);--accent-line: rgba(255,61,139,.4);--grad-accent: linear-gradient(135deg, #FF6B5C 0%, #FF3D8B 55%, #E0379A 100%);--grad-accent-soft: linear-gradient(135deg, rgba(255,107,92,.18), rgba(255,61,139,.18));--glow-accent: 0 8px 30px rgba(255,61,139,.35);--glow-accent-lg: 0 10px 50px rgba(255,61,139,.45);--live: #5BE49B;--live-soft: rgba(91,228,155,.15);--quiet: #F5C24B;--quiet-soft: rgba(245,194,75,.14);--cold: #6E6680;--verified: #54C8E8;--verified-soft: rgba(84,200,232,.15);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.25);--shadow-md: 0 8px 28px rgba(0,0,0,.38);--shadow-lg: 0 24px 70px rgba(0,0,0,.55);--font-display: "Bricolage Grotesque", "Hanken Grotesk", sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-0);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#463d52;background-clip:padding-box}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;line-height:.98}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.vq-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15px;padding:13px 22px;border-radius:var(--r-sm);transition:transform .18s var(--ease-out),box-shadow .25s var(--ease-out),background .2s ease,border-color .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.vq-btn:active{transform:translateY(1px) scale(.985)}.vq-btn-primary{background:var(--grad-accent);color:#fff;box-shadow:var(--glow-accent)}.vq-btn-primary:hover{box-shadow:var(--glow-accent-lg);transform:translateY(-1px)}.vq-btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong)}.vq-btn-ghost:hover{background:var(--surface-3);border-color:var(--accent-line)}.vq-btn-quiet{background:transparent;color:var(--text-dim)}.vq-btn-quiet:hover{color:var(--text);background:var(--surface)}.vq-chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border)}.vq-chip.accent{background:var(--accent-soft);color:#ffb3d0;border-color:var(--accent-line)}.vq-chip.match{background:var(--accent-soft);color:#ff9bc4;border-color:var(--accent-line)}.vq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg)}.glow-ring{position:relative}.glow-ring:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--grad-accent);opacity:0;filter:blur(14px);z-index:-1;transition:opacity .3s ease}.glow-ring:hover:after{opacity:.5}@keyframes screenIn{0%{transform:translateY(16px)}to{transform:translateY(0)}}.screen-anim{opacity:1}@media (prefers-reduced-motion: no-preference){.screen-anim{animation:screenIn .42s var(--ease-out)}}@keyframes popIn{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.5}}.live-dot{width:9px;height:9px;border-radius:50%;background:var(--live);position:relative;flex:none}.live-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--live);opacity:.5;animation:ping 1.8s var(--ease-out) infinite}@keyframes ping{0%{transform:scale(.6);opacity:.6}80%,to{transform:scale(1.7);opacity:0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes burst{0%{transform:rotate(var(--a)) translateY(-10px) scale(.4);opacity:0}30%{opacity:1}to{transform:rotate(var(--a)) translateY(-72px) scale(1);opacity:0}}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.grow{flex:1}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.center{display:flex;align-items:center;justify-content:center}