body{margin:0;background:#0f0f12;color:#fff;font-family:system-ui,sans-serif}.container{text-align:center;padding:40px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto}.tile{background:#1c1c22;border-radius:14px;padding:20px;transition:all .2s ease;border:1px solid #2a2a33}.tile.active{background:#1f3cff;transform:scale(1.05);box-shadow:0 0 20px #1f3cff99}.swara-name{font-size:22px;font-weight:600}.cents-range{font-size:12px;opacity:.6;margin-top:6px}.active-cents{margin-top:8px;font-size:18px;font-weight:700}