.tuner-panel{max-width:420px;margin:0 auto;padding:28px 22px 32px;border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(252,202,3,.12),transparent 55%),linear-gradient(180deg,rgba(15,23,42,.95),rgba(2,6,23,.98));border:1px solid rgba(252,202,3,.18);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.06)}.tuner-panel__top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.tuner-panel__eyebrow{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(252,202,3,.75)}.tuner-panel__status{margin:0;font-size:22px;font-weight:800;color:#f8fafc}.tuner-panel__ref{display:flex;flex-direction:column;gap:4px;font-size:11px;color:rgba(255,255,255,.55)}.tuner-panel__ref select{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;padding:6px 10px;font-size:13px}.tuner-panel__error{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.25);color:#fecaca;font-size:13px;line-height:1.45}.tuner-panel__mic{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:18px;padding:14px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#facc15,#f97316);color:#0f172a;font-size:15px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 24px rgba(250,204,21,.25)}.tuner-panel__mic:hover{transform:translateY(-1px)}.tuner-panel__mic.is-active{background:linear-gradient(135deg,#334155,#1e293b);color:#f8fafc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.tuner-panel__hint{margin:14px 0 0;text-align:center;font-size:12px;color:rgba(255,255,255,.45);line-height:1.5}.tuner-gauge{position:relative;padding:8px 0 0}.tuner-gauge__svg{width:100%;height:auto;display:block;overflow:visible}.tuner-gauge__needle{transform-box:fill-box;transform-origin:160px 170px;will-change:transform}.tuner-gauge__readout{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:-8px;padding:0 8px}.tuner-gauge__freq{font-size:15px;font-weight:600;color:rgba(255,255,255,.72);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuner-gauge__cents{font-size:18px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tuner-gauge__waves{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:48px;margin-top:16px;padding:0 12px}.tuner-gauge__wave-bar{width:4px;min-height:4px;border-radius:999px;transition:height .06s linear,opacity .08s linear}.tuner-page{min-height:calc(100vh - 120px);padding:36px 16px 56px;background:radial-gradient(ellipse at 50% 0,rgba(252,202,3,.08),transparent 50%),linear-gradient(180deg,#0a1628,#020617)}.tuner-page__hero{max-width:520px;margin:0 auto 28px;text-align:center;color:#fff}.tuner-page__hero h1{margin:0 0 10px;font-size:clamp(28px,5vw,38px);font-weight:800;color:#fcca03}.tuner-page__hero p{margin:0;font-size:15px;line-height:1.65;color:#cbd5e1}