:root{--bg:#e8edf6;--surface:#e8edf6;--text:#253047;--muted:#51607b;--brand:#64748b;--brand-soft:#94a3b8;--accent:#475569;--border:#d7deea;--font-display:"Fraunces",serif}
.neu-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
.neu-card{padding:16px;border-radius:18px;background:var(--surface);box-shadow:10px 10px 20px #cfd6e2,-10px -10px 20px #ffffff}
.dial{height:140px;border-radius:999px;background:linear-gradient(145deg,#f0f4fb,#d6deec);box-shadow:inset 8px 8px 16px #cbd3df,inset -8px -8px 16px #fff}
.controls{display:flex;gap:8px;margin-top:10px}
.controls button{border:none;padding:10px 12px;border-radius:999px;background:var(--surface);box-shadow:6px 6px 12px #cfd6e2,-6px -6px 12px #fff}
label{display:grid;gap:4px;margin-bottom:8px}
.switch{height:28px;border-radius:999px;background:#d7deea;box-shadow:inset 4px 4px 8px #c1c8d3,inset -4px -4px 8px #eef2fb;margin-bottom:10px}
.switch.on{background:#b4c2d8}
@media (max-width:880px){.neu-layout{grid-template-columns:1fr}}