.listening-post{--lp-bg: rgb(var(--bg-primary));--lp-panel: rgb(var(--card-bg));--lp-panel-deep: rgb(var(--bg-secondary));--lp-border: rgb(var(--border-color));--lp-border-soft: rgba(var(--border-color), .5);--lp-text: rgb(var(--text-primary));--lp-text-dim: rgb(var(--text-secondary));--lp-text-faint: rgba(var(--text-secondary), .6);--lp-accent: rgb(var(--accent-orange));--lp-accent-warm: rgb(var(--orange-warm));--lp-ok: #5fd38d;--lp-blue: rgb(var(--brand-blue));--lp-wrong: #7a3a20;font-family:Inter,system-ui,sans-serif;color:var(--lp-text)}[data-theme=dark] .listening-post{--lp-bg: #0b1320;--lp-panel: #0e1a2c;--lp-panel-deep: #06101e;--lp-border: rgba(120, 180, 230, .15);--lp-border-soft: rgba(120, 180, 230, .08);--lp-text: #dde6f1;--lp-text-dim: rgba(221, 230, 241, .6);--lp-text-faint: rgba(221, 230, 241, .4);--lp-accent: #FF6B2C;--lp-accent-warm: #FFB347;--lp-ok: #5fd38d;--lp-blue: #2A6FB7;--lp-wrong: #7a3a20;background-color:var(--lp-bg);background-image:linear-gradient(rgba(120,180,230,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(120,180,230,.04) 1px,transparent 1px);background-size:32px 32px}.lp-heading{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700}.lp-mono{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.lp-mono-label{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lp-text-faint)}.lp-ghost-btn{background:transparent;border:1px solid var(--lp-border);padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.06em;color:var(--lp-text-dim);cursor:pointer;border-radius:4px;transition:border-color .15s}.lp-ghost-btn:hover{border-color:#78b4e666}.lp-ghost-btn:disabled{opacity:.4;cursor:default}.lp-ghost-btn.active{background:#ff6b2c1a;border-color:var(--lp-accent);color:var(--lp-accent)}.lp-confirm-btn{width:100%;padding:14px;background:var(--lp-accent);color:var(--lp-bg);font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;border:none;border-radius:4px;cursor:pointer}.lp-confirm-btn:disabled{opacity:.3;cursor:default}.listening-post *:focus-visible{outline:2px solid var(--lp-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.listening-post *{animation-duration:0s!important;transition-duration:0s!important}}.lp-root{padding:24px 16px;min-height:60vh}.lp-aria-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.lp-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:16px}.lp-progress-row{margin-bottom:16px}.lp-game-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}@media(max-width:720px){.lp-game-grid{grid-template-columns:1fr}}.lp-panel{background:var(--lp-panel);border:1px solid var(--lp-border)}.lp-panel--pad{padding:16px}.lp-panel--pad-lg{padding:24px}.lp-panel--spaced{margin:24px 0;padding:22px}.lp-panel--summary{padding:16px;margin-bottom:24px}.lp-panel--handle{padding:16px;margin-bottom:16px}.lp-stats{display:flex;border:1px solid var(--lp-border)}.lp-stats__cell{padding:8px 16px;text-align:center}.lp-stats__cell+.lp-stats__cell{border-left:1px solid var(--lp-border-soft)}.lp-stats__label{margin:0 0 4px}.lp-stats__value{font-size:22px;margin:0;color:var(--lp-text)}.lp-stats__value--accent{color:var(--lp-accent)}.lp-progress{display:flex;gap:4px;width:100%}.lp-progress__seg{flex:1;height:3px;background:var(--lp-border)}.lp-progress__seg--ok{background:var(--lp-ok)}.lp-progress__seg--wrong{background:var(--lp-wrong)}.lp-progress__seg--current{background:var(--lp-accent)}.lp-audio{background:var(--lp-panel);border:1px solid var(--lp-border)}.lp-audio__strip{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--lp-border-soft);color:var(--lp-text-faint);font-size:10px}.lp-audio__rec-dot{color:var(--lp-ok)}.lp-audio__well{display:flex;background:var(--lp-panel-deep);border:1px solid var(--lp-border-soft);margin:8px;position:relative}.lp-audio__freq-axis{width:30px;display:flex;flex-direction:column;justify-content:space-between;padding:4px;border-right:1px solid var(--lp-border-soft)}.lp-audio__freq-label{font-size:8px;color:var(--lp-text-faint)}.lp-audio__canvas-wrap{flex:1;position:relative;height:180px}.lp-audio__canvas{width:100%;height:100%;display:block}.lp-audio__playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--lp-accent);box-shadow:0 0 8px var(--lp-accent)}.lp-audio__playhead--smooth{transition:left .1s}.lp-audio__transport{display:flex;align-items:center;gap:8px;padding:8px 12px}.lp-audio__play{width:46px;height:46px;background:var(--lp-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-audio__play-icon{color:var(--lp-bg);font-size:18px;line-height:1}.lp-audio__time{margin-left:auto;color:var(--lp-text-dim);font-size:11px}.lp-answers__header{margin:0 0 8px}.lp-answers__heading{font-size:26px;letter-spacing:-.01em;color:var(--lp-text);margin:0 0 16px}.lp-mc-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.lp-mc-option{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#78b4e60a;border:1px solid var(--lp-border);cursor:pointer;text-align:left;width:100%;transition:background .15s,border-color .15s}.lp-mc-option:hover{background:#78b4e614}.lp-mc-option--selected,.lp-mc-option--selected:hover{background:#ff6b2c1a;border-color:var(--lp-accent)}.lp-mc-num{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--lp-border);font-size:10px;color:var(--lp-text-dim);flex-shrink:0}.lp-mc-name{color:var(--lp-text);font-size:14px;font-weight:500}.lp-mc-latin{margin-left:8px;font-size:10px;color:var(--lp-text-faint);font-style:italic}.lp-mc-tag{margin-left:auto;color:var(--lp-accent);font-size:10px}.lp-autocomplete{position:relative;margin-bottom:16px}.lp-autocomplete__label{display:block;margin:0 0 6px}.lp-autocomplete__input{width:100%;padding:12px 14px;background:var(--lp-panel-deep);border:1px solid var(--lp-border);color:var(--lp-text);font-family:JetBrains Mono,monospace;font-size:14px;box-sizing:border-box}.lp-autocomplete__list{position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--lp-panel);border:1px solid var(--lp-border);border-top:none;list-style:none;margin:0;padding:0}.lp-autocomplete__option{padding:8px 14px;cursor:pointer;color:var(--lp-text);font-size:14px}.lp-autocomplete__option--highlight{background:#ff6b2c1a}.lp-actions-row{display:flex;gap:8px;margin-bottom:12px}.lp-confirm-content{display:flex;justify-content:space-between;align-items:center}.lp-confirm-content__hint{opacity:.6}.lp-reveal__result{font-size:38px;font-weight:800;margin:0 0 16px}.lp-reveal__result--correct{color:var(--lp-ok)}.lp-reveal__result--wrong{color:#f85}.lp-reveal__bird{font-size:22px;color:var(--lp-text);margin:0 0 4px}.lp-reveal__latin{font-size:11px;color:var(--lp-text-dim);font-style:italic;margin:0 0 16px}.lp-reveal__photo{width:100%;aspect-ratio:1;max-width:200px;background:var(--lp-panel-deep);border:1px solid var(--lp-border-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-reveal__photo-caption{color:var(--lp-text-faint);font-size:10px;text-align:center}.lp-reveal__fact{font-size:14px;line-height:1.5;color:var(--lp-text-dim);margin:0 0 8px}.lp-reveal__points{color:var(--lp-accent);font-size:11px;margin:0 0 16px}.lp-reveal__next{margin-top:16px}.lp-end{max-width:640px;margin:0 auto}.lp-end__heading{font-size:38px;font-weight:800;margin:0 0 8px}.lp-end__heading--all-correct{color:var(--lp-accent)}.lp-end__heading--missed{color:var(--lp-text-dim)}.lp-end__score{font-size:48px;color:var(--lp-accent);margin:16px 0 4px}.lp-end__final-label{margin:0 0 16px}.lp-summary-row{display:flex;justify-content:space-between;font-size:14px;color:var(--lp-text-dim);margin-bottom:8px}.lp-summary-row:last-child{margin-bottom:0}.lp-summary-row__value{color:var(--lp-text)}.lp-handle-label{display:block;margin:0 0 8px}.lp-handle-row{display:flex;gap:8px}.lp-handle-input{flex:1;padding:10px 14px;background:var(--lp-panel-deep);border:1px solid var(--lp-border);color:var(--lp-text);font-family:JetBrains Mono,monospace;font-size:14px}.lp-handle-submit{width:auto;padding:10px 20px}.lp-error-msg{color:var(--lp-wrong);font-size:10px;margin:6px 0 0}.lp-submit-error-wrap{margin-top:8px}.lp-submit-error-wrap>.lp-error-msg{margin:0 0 6px}.lp-saved-msg{color:var(--lp-ok);font-size:11px;margin:0 0 16px}.lp-leaderboard-wrap{margin-bottom:24px}.lp-leaderboard-empty{color:var(--lp-text-faint);font-size:10px;padding:12px 0}.lp-leaderboard-label{margin:0 0 8px}.lp-leaderboard-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:11px}.lp-leaderboard-table thead tr{color:var(--lp-text-faint);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.lp-leaderboard-table th{padding:4px 8px;border-bottom:1px solid var(--lp-border-soft);text-align:left}.lp-leaderboard-table th.lp-align-right{text-align:right}.lp-leaderboard-row{color:var(--lp-text-dim);border-left:2px solid transparent}.lp-leaderboard-row--current{color:var(--lp-accent);border-left-color:var(--lp-accent)}.lp-leaderboard-table td{padding:6px 8px}.lp-leaderboard-table td.lp-align-right{text-align:right}.lp-intro{max-width:640px;margin:0 auto}.lp-howto-label{margin:0 0 12px}.lp-howto-list{margin:0;padding:0 0 0 20px;font-size:14px;color:var(--lp-text-dim);line-height:1.7}.lp-howto-list strong{color:var(--lp-text)}.lp-confirm-btn--spaced{margin-bottom:24px}.lp-title__eyebrow{color:var(--lp-accent)}.lp-title__heading{font-size:68px;letter-spacing:-.025em;color:var(--lp-text);margin:8px 0 4px}.lp-title__heading-accent{color:var(--lp-accent)}.lp-title__subtitle{font-size:14px;color:var(--lp-text-dim);margin:0}