:root{--bg-dark:#09090b;--bg-gradient-start:#0f172a;--bg-gradient-end:#020617;--glass-bg:#ffffff08;--glass-border:#ffffff14;--glass-highlight:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--primary:#3b82f6;--primary-hover:#2563eb;--primary-glow:#3b82f680;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--text-main:#f8fafc;--text-muted:#94a3b8;--radius-lg:24px;--radius-md:16px;--radius-sm:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);overscroll-behavior-y:none;background-image:radial-gradient(circle at 15%,#3b82f626,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf626,#0000 25%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Space Grotesk;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md)}.glass-card{-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);transition:all .3s}.glass-card:active{background:var(--glass-highlight);transform:scale(.98)}.app-container{flex-direction:column;max-width:600px;height:100vh;margin:0 auto;display:flex;position:relative}.app-header{margin:16px 20px 0;padding:18px 18px 16px}.app-header__eyebrow,.section-eyebrow{color:#c6d4ea;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:11px;display:inline-block}.app-header__title,.page-title{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:initial;color:var(--text-main);margin:0}.app-header__title{font-size:24px;line-height:1.1}.app-header__copy,.page-subtitle{color:var(--text-muted);margin-top:8px;font-size:14px}.app-content{flex:1;padding:20px 20px 90px;overflow-y:auto}.dialer-screen{flex-direction:column;gap:24px;display:flex}.dialer-categories{scrollbar-width:none;gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.dialer-categories::-webkit-scrollbar{display:none}.dialer-sounds{flex-direction:column;gap:8px;max-height:35vh;margin-top:10px;display:flex;overflow-y:auto}.dialer-launch{justify-items:center;gap:14px;margin-top:auto;display:grid}.page-section{gap:14px;display:grid}.section-head{gap:4px;display:grid}.page-title-block{margin-bottom:4px}.category-chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);cursor:pointer;border-radius:999px;flex:none;padding:9px 15px;transition:all .2s}.category-chip.active{border-color:var(--primary);background:#3b82f629;box-shadow:0 0 18px #3b82f62e}.sound-option{cursor:pointer;border:1px solid var(--glass-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.sound-option.active{background:#3b82f61a;border-color:#3b82f673}.sound-option__play{background:var(--glass-bg);border:1px solid var(--glass-border);width:40px;height:40px;color:var(--text-main);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sound-option__play--ghost{opacity:0;pointer-events:none}.sound-option__play-icon{margin-left:2px}.sound-option__body{flex:1}.sound-option__title{font-size:15px;font-weight:600}.sound-option__arrow{color:var(--primary)}.dialer-launch-panel{padding-top:8px}.auth-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:20px;display:flex}h1{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:700}h2{margin-bottom:16px;font-size:20px;font-weight:600}h3{margin-bottom:12px;font-size:18px;font-weight:600}p{color:var(--text-muted);font-size:15px;line-height:1.5}.btn-primary{background:linear-gradient(135deg, var(--primary), #60a5fa);color:#fff;border-radius:var(--radius-md);width:100%;box-shadow:0 4px 15px var(--primary-glow);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:17px;font-weight:600;transition:all .2s;display:flex}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.btn-primary:not(:disabled):active{box-shadow:0 2px 8px var(--primary-glow);transform:scale(.97)}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff14;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:active{background:#ffffff1f}input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);background:#ffffff0a;outline:none;padding:14px 16px;font-family:inherit;font-size:16px}input::placeholder{color:#ffffff57}.dialer-phone-input{text-align:center;letter-spacing:.08em;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;max-width:380px;padding:15px 18px;font-family:SFMono-Regular,Roboto Mono,Menlo,monospace;font-size:22px;line-height:1.2;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0000002e}.dialer-phone-input::placeholder{letter-spacing:0}.dialer-phone-input:focus{border-color:#60a5fa73;box-shadow:0 0 0 4px #3b82f61f,0 12px 30px #0003}.dialer-submit{letter-spacing:.04em;border-radius:18px;max-width:320px;min-height:54px;padding:14px 18px;font-size:15px;box-shadow:0 8px 22px #3b82f642,inset 0 1px #ffffff24}.dialer-feedback{text-align:center;max-width:420px;color:var(--warning);font-size:13px;line-height:1.45}.dashboard-screen,.history-screen{flex-direction:column;gap:18px;display:flex}.profile-hero,.dashboard-card,.history-item-card,.metric-box{padding:20px}.profile-hero{align-items:center;gap:16px;display:flex}.profile-hero__avatar{border:1px solid var(--glass-border);background:#ffffff0a;border-radius:50%;flex:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.profile-hero__name{font-size:18px;font-weight:700}.profile-hero__meta{color:var(--text-muted);margin-top:4px;font-size:14px}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.metric-box{text-align:center}.metric-box__label{color:var(--text-muted);margin-bottom:8px;font-size:13px}.metric-box__value{font-size:32px;font-weight:700}.metric-box__value--accent{color:var(--primary)}.metric-box__status{color:var(--success);align-items:center;gap:6px;font-size:18px;font-weight:700;display:inline-flex}.dashboard-card{gap:16px;display:grid}.dashboard-card__copy,.dashboard-note{color:var(--text-muted);font-size:14px}.dashboard-wide-button{width:100%}.referral-link-box{text-align:center;overflow-wrap:break-word;background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:12px;font-family:SFMono-Regular,Roboto Mono,Menlo,monospace;font-size:12px}.history-listing{flex-direction:column;gap:12px;margin-top:4px;display:flex}.history-item-card__head,.history-item-card__meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-item-card__head{margin-bottom:8px}.history-item-card__phone{letter-spacing:.02em;font-size:18px;font-weight:700}.history-item-card__time,.history-item-card__sound{color:var(--text-muted);font-size:13px}.history-item-card__status{align-items:center;gap:6px;font-size:14px;display:inline-flex}.history-empty{text-align:center;color:var(--text-muted);padding:20px}.bottom-nav-shell{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0c121fc7;border:1px solid #ffffff14;border-radius:24px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:540px;padding:10px 16px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #0000006b}.bottom-nav-button{min-width:84px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:6px 8px;transition:all .25s;display:flex}.bottom-nav-button.active{color:var(--primary);transform:translateY(-1px)}.bottom-nav-button__icon{border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.bottom-nav-button.active .bottom-nav-button__icon{background:#3b82f61f;box-shadow:0 0 18px #3b82f638}.bottom-nav-button__label{font-size:11px;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.orb{filter:blur(60px);z-index:-1;opacity:.5;pointer-events:none;border-radius:50%;position:fixed}.orb-1{background:#3b82f64d;width:300px;height:300px;top:-100px;right:-100px}.orb-2{background:#8b5cf64d;width:250px;height:250px;bottom:-50px;left:-100px}.orb-3{background:#3ee0ad33;width:200px;height:200px;top:40%;left:-150px}@media (width<=640px){.app-header{margin:12px 12px 0;padding:16px}.app-header__title,.page-title{font-size:22px}.app-content{padding:16px 12px 90px}.dashboard-metrics,.history-item-card__head,.history-item-card__meta,.promo-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.dialer-phone-input{max-width:100%;padding:14px 16px;font-size:20px}.dialer-submit{max-width:100%;min-height:52px}.bottom-nav-shell{width:calc(100% - 20px);padding:8px 10px;bottom:10px}}