.whp{--gold: #e3b341;--gold-hi: #f6cf6b;position:absolute;inset:0;display:flex;font-family:var(--mono);color:var(--text);background:radial-gradient(130% 90% at 12% 0%,rgba(227,179,65,.08),transparent 60%),var(--ink);overflow:hidden}.whp-scan{position:absolute;inset:0;pointer-events:none;z-index:5;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.5}.whp-rail{flex:0 0 clamp(180px,22%,240px);border-right:1px solid var(--line);padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}.whp-brand{display:flex;align-items:center;gap:9px}.whp-lamp{width:9px;height:9px;border-radius:50%;background:#3a2f15;box-shadow:inset 0 0 3px #000;transition:background .3s}.whp-lamp.on{background:#ff5a4d;box-shadow:0 0 9px #ff5a4d,0 0 18px #ff5a4d80;animation:whp-pulse 1.3s ease-in-out infinite}@keyframes whp-pulse{50%{opacity:.45}}.whp-station{font-size:12px;letter-spacing:.22em;color:var(--text)}.whp-freq{display:flex;align-items:baseline;gap:7px;padding-bottom:4px;border-bottom:1px solid var(--line)}.whp-khz{font-family:var(--serif);font-size:30px;color:var(--gold-hi);line-height:1}.whp-khz-u{font-size:9.5px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.whp-bars{display:flex;align-items:flex-end;gap:2px;height:30px}.whp-bar{flex:1;height:18%;background:var(--line-2);border-radius:1px}.whp-bar.live{animation:whp-eq .9s ease-in-out infinite alternate;background:var(--gold)}@keyframes whp-eq{0%{height:10%;opacity:.5}to{height:100%;opacity:1}}.whp-bands{display:flex;flex-direction:column;gap:4px}.whp-band{display:flex;justify-content:space-between;align-items:center;padding:7px 9px;background:var(--ink-2);border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.whp-band:hover{border-color:var(--line-2);color:var(--text)}.whp-band.sel{border-color:var(--gold);color:var(--gold-hi);background:#e3b34114}.whp-band-khz{font-size:9px;color:var(--text-faint)}.whp-tune{display:flex;flex-direction:column;gap:8px}.whp-tune label{display:flex;align-items:center;gap:9px;font-size:9.5px;letter-spacing:.14em;color:var(--text-faint)}.whp-tune label span{width:26px}.whp-tune input[type=range]{flex:1;accent-color:var(--gold);height:3px}.whp-air{margin-top:auto;padding:11px;border:1px solid var(--gold);background:#e3b34114;color:var(--gold-hi);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:all .15s}.whp-air:hover:not(:disabled){background:#e3b34129}.whp-air:disabled{opacity:.35;cursor:not-allowed}.whp-air.live{border-color:#ff5a4d;color:#ff8c82;background:#ff5a4d1a}.whp-novoice{font-size:9.5px;color:var(--text-faint);line-height:1.4}.whp-count{font-size:9.5px;color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase}.whp-reel{flex:1;overflow-y:auto;padding:18px 22px 40px;scroll-behavior:smooth}.whp-reel::-webkit-scrollbar{width:8px}.whp-reel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.whp-msg{color:var(--text-dim);font-size:12px;letter-spacing:.1em;padding:30px 4px}.whp-msg.err{color:#ff8c82;display:flex;flex-direction:column;gap:6px}.whp-err-detail{font-size:10px;color:var(--text-faint);max-width:60ch}.whp-entry{display:grid;grid-template-columns:70px 1fr auto;gap:16px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line);opacity:.62;transition:opacity .3s}.whp-entry:hover{opacity:.92}.whp-entry.now{opacity:1}.whp-year{font-family:var(--serif);font-size:22px;color:var(--gold);text-align:right;line-height:1.1}.whp-entry.now .whp-year{color:var(--gold-hi);text-shadow:0 0 14px rgba(246,207,107,.5)}.whp-body{min-width:0}.whp-now-tag{display:inline-block;font-size:9px;letter-spacing:.2em;color:#ff8c82;margin-bottom:4px}.whp-text{font-family:var(--sans);font-weight:300;font-size:14px;line-height:1.5;color:var(--text)}.whp-entry.now .whp-text{color:#fff}.whp-link{display:inline-block;margin-top:5px;font-size:10px;letter-spacing:.08em;color:var(--text-faint);text-decoration:none}.whp-link:hover{color:var(--gold)}.whp-thumb{width:58px;height:58px;object-fit:cover;border-radius:2px;filter:grayscale(.4) contrast(1.05);border:1px solid var(--line)}@media(max-width:560px){.whp-rail{flex-basis:150px;padding:12px 10px}.whp-khz{font-size:22px}.whp-thumb{display:none}.whp-entry{grid-template-columns:48px 1fr}}