:root{--bg:246 246 248;--surface:255 255 255;--ink:17 17 20;--muted:107 114 128;--line:17 17 20}
.dark{--bg:10 10 12;--surface:18 18 22;--ink:243 244 246;--muted:156 163 175;--line:255 255 255}
body{font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent}
.card{background:rgb(var(--surface));border:1px solid rgb(var(--line)/.1);transition:.3s}
.card:hover{border-color:rgb(255 46 76/.5)}
.glass{background:rgb(var(--surface)/.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.inp{width:100%;background:rgb(var(--ink)/.05);border:1px solid rgb(var(--line)/.15);border-radius:.75rem;padding:.6rem 1rem;font-size:.8rem;outline:none;color:rgb(var(--ink))}
.inp:focus{border-color:#FF2E4C}
.btn{background:#FF2E4C;color:#fff;font-weight:700;font-size:.8rem;padding:.6rem 1.1rem;border-radius:.75rem;display:inline-flex;align-items:center;gap:.4rem;box-shadow:0 6px 16px rgb(255 46 76/.25);transition:.2s}
.btn:hover{background:#D91E36}.btn:disabled{opacity:.5}
.btn-soft{background:rgb(var(--ink)/.08);color:rgb(var(--ink));box-shadow:none}.btn-soft:hover{background:rgb(var(--ink)/.14)}
.material-symbols-outlined{vertical-align:middle;font-variation-settings:'FILL' 0,'wght' 400}
.filled{font-variation-settings:'FILL' 1,'wght' 400!important}
.wave-bar{width:3px;height:12px;background:#FF2E4C;border-radius:3px;display:inline-block;animation:wave 1.2s ease-in-out infinite}
.wave-bar:nth-child(2){animation-delay:.2s}.wave-bar:nth-child(3){animation-delay:.4s}.wave-bar:nth-child(4){animation-delay:.1s}
@keyframes wave{0%,100%{height:6px}50%{height:22px}}
select.inp{background:rgb(var(--surface))}