:root{--color-bg:#0f172a;--color-bg-card:#1e293b;--color-bg-elevated:#334155;--color-surface:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-muted:#f59e0b26;--color-success:#22c55e;--color-danger:#ef4444;--color-warning:#f59e0b;--color-border:#334155;--color-border-light:#475569;--color-nav-bg:#0f172ad9;--color-accent-border:#f59e0b4d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;line-height:1.5}h1{font-size:1.75rem;font-weight:700;line-height:1.2}h2{font-size:1.375rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}p{color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:none;padding:12px 24px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-accent);color:#0f172a}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:8px}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0d}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:border-color var(--transition-fast)}.card-locked{opacity:.7;position:relative;overflow:hidden}.card-locked:after{content:"";background:linear-gradient(to bottom, transparent 40%, var(--color-bg-card) 100%);pointer-events:none;position:absolute;inset:0}.input{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);transition:border-color var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-muted)}.input::placeholder{color:var(--color-text-muted)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{color:var(--color-success);background:#22c55e26}.badge-expiring{color:var(--color-warning);background:#f59e0b26}.badge-expired{color:var(--color-danger);background:#ef444426}.sub-bar{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);z-index:100;-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--space-sm) 0;padding-bottom:max(var(--space-sm), env(safe-area-inset-bottom));z-index:99;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{color:var(--color-text-muted);transition:color var(--transition-fast);padding:var(--space-xs) var(--space-md);flex-direction:column;align-items:center;gap:2px;font-size:.7rem;display:flex}.bottom-nav a.active{color:var(--color-accent)}.badge-dot{background:var(--color-danger);border:2px solid var(--color-bg-card);border-radius:50%;width:8px;height:8px;position:absolute;top:0;right:0}.lock-overlay{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl);text-align:center;flex-direction:column;display:flex}.lock-overlay svg{width:48px;height:48px;color:var(--color-text-muted);opacity:.6}.voice-player{align-items:center;gap:var(--space-sm);background:var(--color-bg-elevated);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex}.voice-player .waveform{background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-border-light) 60%);border-radius:var(--radius-sm);flex:1;height:32px;position:relative;overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.plan-card{text-align:left;cursor:pointer;background:linear-gradient(155deg, var(--color-bg-card) 0%, var(--color-bg-elevated) 130%);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:20px;position:relative}.plan-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-border);transform:translateY(-3px)}.plan-card:active{transform:translateY(-1px)}.plan-card-badge{position:absolute;top:12px;right:12px}.modal-backdrop{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:16px;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:420px;max-height:90vh;animation:.2s modalSlideUp;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.top-nav-logo{color:var(--color-text-primary);letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}@media (max-width:640px){.top-nav-links .top-nav-link.hide-mobile,.top-nav-actions .btn-ghost{display:none}}.marketing-page{color:var(--color-text-primary);padding-bottom:40px}.marketing-section{width:100%;max-width:1120px;padding:var(--space-xl) var(--space-lg);margin:0 auto}.hero-section{text-align:center;padding:64px var(--space-lg) 48px}.hero-title{margin-bottom:var(--space-md);font-size:2rem;line-height:1.15}.hero-subtitle{max-width:560px;margin:0 auto var(--space-lg);font-size:1.05rem}.hero-ctas{gap:var(--space-sm);flex-direction:column;max-width:320px;margin:0 auto;display:flex}.trust-strip{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);color:var(--color-text-muted);flex-wrap:wrap;font-size:.85rem;display:flex}@media (min-width:768px){.hero-section{padding:88px var(--space-lg) 56px}.hero-title{font-size:3rem}.hero-subtitle{max-width:640px;font-size:1.2rem}.hero-ctas{flex-direction:row;justify-content:center;max-width:none}.hero-ctas .btn{width:auto}}.directory-toolbar{gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.search-input-wrap{flex:1;min-width:200px;position:relative}.search-input-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input-wrap .input{padding-left:40px}.chip-row{gap:var(--space-sm);scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-full);color:var(--color-text-secondary);background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.chip:hover{color:var(--color-text-primary);border-color:var(--color-border-light)}.chip.chip-active{background:var(--color-accent);color:#0f172a;border-color:var(--color-accent)}.directory-grid{gap:var(--space-md);grid-template-columns:1fr;display:grid}.tipster-card{flex-direction:column;gap:10px;height:100%;display:flex}@media (min-width:640px){.directory-toolbar{flex-direction:row;align-items:center}.directory-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.directory-grid{grid-template-columns:repeat(3,1fr)}}.top-nav{z-index:100;padding:14px max(var(--space-lg), env(safe-area-inset-left));background:var(--color-nav-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);position:sticky;top:0}.top-nav-inner{justify-content:space-between;align-items:center;gap:var(--space-md);width:100%;max-width:1120px;margin:0 auto;display:flex}.top-nav-logo{color:var(--color-text-primary);align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.top-nav-logo-mark{border-radius:var(--radius-sm);background:var(--color-accent);color:#0f172a;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:800;display:flex}.top-nav-actions{align-items:center;gap:var(--space-sm);display:flex}@media (max-width:640px){.hide-mobile{display:none}}.marketing-page{width:100%}.landing-shell{width:100%;max-width:600px;margin:0 auto}.hero-title-v2{margin-bottom:12px;font-size:2.25rem;line-height:1.15}.hero-subtitle-v2{max-width:460px;margin:0 auto;font-size:1.05rem}.directory-list-v2{gap:var(--space-md);flex-direction:column;display:flex}@media (min-width:768px){.landing-shell{max-width:1120px}.hero-title-v2{font-size:3rem}.hero-subtitle-v2{max-width:640px;font-size:1.2rem}.how-it-works-wrap>div{max-width:900px;margin:0 auto}.directory-list-v2{grid-template-columns:repeat(2,1fr);display:grid}}@media (min-width:1024px){.directory-list-v2{grid-template-columns:repeat(3,1fr)}}.top-nav-links{align-items:center;gap:var(--space-lg);display:flex}.top-nav-link{color:var(--color-text-secondary);white-space:nowrap;font-size:.9rem;font-weight:600}.top-nav-link:hover{color:var(--color-text-primary)}@media (prefers-color-scheme:light){.marketing-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f8fafc;--color-bg-card:#fff;--color-bg-elevated:#f1f5f9;--color-surface:#fff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-accent-muted:#d977061f;--color-accent-border:#d9770659;--color-border:#e2e8f0;--color-border-light:#cbd5e1;--color-nav-bg:#ffffffd9;background:var(--color-bg);min-height:100vh}}