:root{--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--social-primary:#2563eb;--social-secondary:#16a34a;--market-primary:#16a34a;--market-secondary:#2563eb;--discover-primary:#6366f1;--discover-secondary:#a855f7;--primary:var(--social-primary);--secondary:var(--social-secondary);--bg:var(--white);--bg-soft:var(--gray-50);--text:var(--gray-900);--text-muted:var(--gray-500);--border:var(--gray-200);--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--safe-area-bottom:env(safe-area-inset-bottom);--theme-color-1:#2563eb;--theme-color-2:#0ea5e9;--theme-color-3:#22c55e;--theme-color-4:#16a34a}[data-theme=dark]{--bg:#0f172a;--bg-soft:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--shadow:0 10px 15px -3px #0000004d}[data-theme=civic-classic-light]{--bg:#fff;--bg-soft:#f0f4ff;--text:#0d1b3e;--text-muted:#4a6080;--border:#c5d4ee;--shadow:0 4px 6px -1px #2563eb14, 0 2px 4px -2px #2563eb0f;--primary:#2563eb;--secondary:#16a34a;--theme-color-1:#2563eb;--theme-color-2:#0ea5e9;--theme-color-3:#22c55e;--theme-color-4:#16a34a}[data-theme=civic-classic-dark]{--bg:#0d2257;--bg-soft:#162f72;--text:#e8efff;--text-muted:#93acd4;--border:#1e3d8a;--shadow:0 10px 15px -3px #0006;--primary:#60a5fa;--secondary:#34d399;--theme-color-1:#60a5fa;--theme-color-2:#38bdf8;--theme-color-3:#34d399;--theme-color-4:#6ee7b7}[data-theme=neo-light]{--bg:#f8f8ff;--bg-soft:#f0eeff;--text:#09090b;--text-muted:#71717a;--border:#e4e4f0;--shadow:0 4px 6px -1px #7000f414;--primary:#7000f4;--secondary:#2c69b5;--theme-color-1:#5af27f;--theme-color-2:#22d3ee;--theme-color-3:#3b82f6;--theme-color-4:#7000f4}[data-theme=neo-dark]{--bg:#000;--bg-soft:#0a0a10;--text:#fafafa;--text-muted:#a1a1aa;--border:#27272a;--shadow:0 10px 15px -3px #00000080;--primary:#7000f4;--secondary:#3b82f6;--theme-color-1:#5af27f;--theme-color-2:#22d3ee;--theme-color-3:#3b82f6;--theme-color-4:#7000f4}[data-theme=neo-ii-light]{--bg:#fdfdff;--bg-soft:#f4f4ff;--text:#09090b;--text-muted:#71717a;--border:#e4e4ff;--shadow:0 4px 6px -1px #7000f40f;--primary:#7000f4;--secondary:#2c69b5;--theme-color-1:#5af27f;--theme-color-2:#22d3ee;--theme-color-3:#3b82f6;--theme-color-4:#7000f4}[data-theme=neo-ii-dark]{--bg:#020205;--bg-soft:#0a0a10;--text:#fafafa;--text-muted:#a1a1aa;--border:#1a1a2e;--shadow:0 10px 15px -3px #0009;--primary:#7000f4;--secondary:#3b82f6;--theme-color-1:#5af27f;--theme-color-2:#22d3ee;--theme-color-3:#3b82f6;--theme-color-4:#7000f4}[data-theme=twilight-light]{--bg:#f8f8ff;--bg-soft:#fff5f8;--text:#09090b;--text-muted:#71717a;--border:#ffe4ee;--shadow:0 4px 6px -1px #ff2e9714;--primary:#ff2e97;--secondary:#ffb86c;--theme-color-1:#ffb86c;--theme-color-2:#ff2e97;--theme-color-3:#9333ea;--theme-color-4:#4f46e5}[data-theme=twilight-dark]{--bg:#000;--bg-soft:#0a0508;--text:#fafafa;--text-muted:#a1a1aa;--border:#27272a;--shadow:0 10px 15px -3px #00000080;--primary:#ff2e97;--secondary:#ffb86c;--theme-color-1:#ffb86c;--theme-color-2:#ff2e97;--theme-color-3:#9333ea;--theme-color-4:#4f46e5}[data-theme=twilight-ii-light]{--bg:snow;--bg-soft:#fff5f5;--text:#09090b;--text-muted:#71717a;--border:#ffe4e4;--shadow:0 4px 6px -1px #ff2e970f;--primary:#ff2e97;--secondary:#ffb86c;--theme-color-1:#ffb86c;--theme-color-2:#ff2e97;--theme-color-3:#9333ea;--theme-color-4:#4f46e5}[data-theme=twilight-ii-dark]{--bg:#0a0508;--bg-soft:#150a12;--text:#fafafa;--text-muted:#a1a1aa;--border:#2e1628;--shadow:0 10px 15px -3px #0009;--primary:#ff2e97;--secondary:#ffb86c;--theme-color-1:#ffb86c;--theme-color-2:#ff2e97;--theme-color-3:#9333ea;--theme-color-4:#4f46e5}[data-theme=efutura-light]{--bg:#f5f0ff;--bg-soft:#ede9fe;--text:#0a0614;--text-muted:#5b5280;--border:#c4b5fd;--shadow:0 4px 6px -1px #7c3aed1a, 0 2px 4px -2px #06b6d40f;--primary:#7c3aed;--secondary:#0891b2;--theme-color-1:#a855f7;--theme-color-2:#7c3aed;--theme-color-3:#3b82f6;--theme-color-4:#06b6d4}[data-theme=efutura-dark]{--bg:#000;--bg-soft:#0a0614;--text:#f0eeff;--text-muted:#8892b0;--border:#1a1030;--shadow:0 10px 25px -3px #a855f740, 0 4px 10px -4px #06b6d426;--primary:#a855f7;--secondary:#06b6d4;--theme-color-1:#a855f7;--theme-color-2:#7c3aed;--theme-color-3:#3b82f6;--theme-color-4:#06b6d4}[data-env=market]{--primary:var(--market-primary);--secondary:var(--market-secondary)}[data-env=discover]{--primary:var(--discover-primary);--secondary:var(--discover-secondary)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;transition:background-color .3s,color .3s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.premium-card{background:var(--bg-soft);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:16px;transition:transform .2s}.premium-card:active{transform:scale(.98)}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border-bottom:1px solid #fff3}[data-theme=dark] .glass{background:#0f172ab3}[data-theme=civic-classic-dark] .glass{background:#0d2257bf;border-bottom-color:#60a5fa26}[data-theme=neo-dark] .glass,[data-theme=neo-ii-dark] .glass{background:#000000bf;border-bottom-color:#7000f433}[data-theme=twilight-dark] .glass{background:#000000bf;border-bottom-color:#ff2e9726}[data-theme=twilight-ii-dark] .glass{background:#0a0508cc;border-bottom-color:#ff2e9726}[data-theme=efutura-dark] .glass{background:#000000d1;border-bottom-color:#a855f740}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes scan-left{0%{background-position:100%}to{background-position:0%}}@keyframes scan-right{0%{background-position:0%}to{background-position:100%}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.animate-scan-left-fade{animation:2.25s linear forwards scan-left,.75s linear 2.25s forwards fade-out}.animate-scan-right-fade{animation:2.25s linear forwards scan-right,.75s linear 2.25s forwards fade-out}.glass-morphism{-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff1a}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-glow:hover{border-color:var(--primary);box-shadow:0 0 15px #6366f14d}.animate-pulse-subtle{animation:2s ease-in-out infinite pulse-subtle}@keyframes pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.app-container{background-color:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;padding-bottom:160px;display:flex;position:relative}.sticky-header-group{z-index:1000;width:100%;position:sticky;top:0}.main-header{align-items:center;height:60px;padding:0 16px;display:flex}.header-content{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.logo-text span{color:var(--primary);transition:color .3s}.theme-toggle{background:var(--bg-soft);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex}.content-area{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 16px}.view-container h2{margin-bottom:24px;font-size:1.8rem;font-weight:800}.placeholder-content{flex-direction:column;gap:16px;display:flex}.env-switcher-footer{z-index:90;justify-content:center;align-items:center;height:60px;display:flex;position:fixed;bottom:80px;left:0;right:0}.switcher-wrapper{background:var(--bg-soft);border:1px solid var(--border);border-radius:30px;gap:4px;width:95%;max-width:400px;padding:4px;display:flex}.sw-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:26px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sw-btn.active{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.top-switch-container{background:0 0;justify-content:center;width:100%;padding:12px 0 8px;display:flex}.four-notches{align-items:center;gap:16px;display:flex}.notch{cursor:pointer;opacity:.3;justify-content:center;align-items:center;width:36px;height:32px;transition:all .2s;display:flex;position:relative}.notch:after{content:"";background-color:currentColor;border-radius:2px;width:100%;height:4px;transition:all .2s}.notch:hover{opacity:.7;transform:translateY(-1px)}.notch.active{opacity:1}.notch.active:after{height:6px;box-shadow:0 0 12px}.notch-0{color:#a855f7}.notch-1{color:#06b6d4}.notch-2{color:#2563eb}.notch-3{color:#10b981}.bottom-nav{z-index:90;height:80px;padding-bottom:var(--safe-area-bottom);align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-items-scroll{scrollbar-width:none;-ms-overflow-style:none;justify-content:center;align-items:center;gap:12px;width:100%;max-width:1200px;margin:0 auto;padding:0 16px;display:flex;overflow-x:auto}.nav-items-scroll::-webkit-scrollbar{display:none}.nav-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:8px 0;transition:all .2s;display:flex;position:relative}.icon-wrapper{color:var(--text-muted);transition:color .2s,transform .2s;position:relative}.nav-btn.active .icon-wrapper{color:var(--primary);transform:translateY(-4px)}.nav-btn.active{color:var(--primary)}.nav-btn .label{color:var(--text-muted);font-size:.7rem;font-weight:500}.nav-btn.active .label{color:var(--primary);font-weight:700}.badge{color:#fff;border:2px solid var(--bg);background:#ef4444;border-radius:10px;padding:2px 5px;font-size:.6rem;font-weight:700;position:absolute;top:-4px;right:-8px}.nav-btn.active:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=600px){.top-switch-container{padding:8px 0}.four-way-switch{width:240px}}.signup-flow-container{width:100%;max-width:500px;margin:0 auto;padding:20px 0}.signup-step{flex-direction:column;gap:24px;display:flex}.signup-header{text-align:center}.signup-header h3{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:1.8rem;font-weight:800}.signup-header p{color:var(--text-muted);font-size:.95rem}.type-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-card{text-align:center;cursor:pointer;background:var(--bg-soft);border:2px solid #0000;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex;position:relative}.type-card.selected{border-color:var(--primary);background:var(--accent-bg)}.type-icon{background:var(--bg);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000000d}.type-info{flex-direction:column;gap:2px;display:flex}.type-label{color:var(--text);font-size:.95rem;font-weight:700}.type-desc{color:var(--text-muted);font-size:.75rem;line-height:1.3}.check-icon{color:var(--primary);position:absolute;top:8px;right:8px}.form-inputs{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-muted);padding-left:4px;font-size:.85rem;font-weight:600}.input-group input,.input-group select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;width:100%;padding:14px;font-size:1rem;transition:border-color .2s}.input-group input:focus,.input-group select:focus{border-color:var(--primary);outline:none}.birthday-selects{grid-template-columns:2fr 1fr 1.5fr;gap:8px;display:grid}.back-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;font-weight:600;display:flex}.primary-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:16px;font-size:1rem;font-weight:700;display:flex}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.zip-search{align-items:center;display:flex;position:relative}.zip-icon{color:var(--text-muted);position:absolute;left:14px}.zip-search input{width:100%;padding-left:44px!important}.shared-zip-container{background:var(--bg-soft);border:1px dashed var(--border);border-radius:12px;padding:16px}.hint-text{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.cluster-grid{flex-wrap:wrap;gap:8px;display:flex}.cluster-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.cluster-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.validation-summary{margin-top:8px}.badge-preview{border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:.85rem;display:flex}.badge-preview.resident{color:#16a34a;background:#16a34a1a}.badge-preview.visitor{color:#2563eb;background:#2563eb1a}.final-reveal{text-align:center;padding:40px 20px}.large-badge{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 24px;display:flex;box-shadow:0 10px 25px #0000001a}.large-badge.resident{background:var(--primary);color:#fff}.large-badge.visitor{color:#fff;background:#2563eb}.profile-summary{flex-direction:column;gap:12px;margin:24px 0;padding:16px;display:flex}.summary-row{justify-content:space-between;font-size:.95rem;display:flex}.summary-row span{color:var(--text-muted)}@media (width<=600px){.signup-flow-container{padding:0 16px}.birthday-selects{grid-template-columns:1fr;gap:12px}.type-grid{grid-template-columns:1fr}}.info-box{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border-color);border-radius:12px;gap:12px;margin-bottom:24px;padding:12px;font-size:.9rem;display:flex}.info-box svg{color:var(--primary);flex-shrink:0}.input-group select{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px;font-size:1rem;transition:border-color .2s}.input-group select:focus{border-color:var(--primary)}.input-group textarea{border:1px solid var(--border-color);background:var(--bg-primary);width:100%;color:var(--text-main);resize:vertical;border-radius:12px;outline:none;min-height:100px;padding:12px;font-size:1rem;transition:border-color .2s}.input-group textarea:focus{border-color:var(--primary)}