:root{--bg: #0f0f10;--text: #ececec;--muted: #8a8a8a;--accent: #6b8cff;--border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.panel{max-width:28rem;margin:0 auto;padding:2rem 1.25rem 3rem}.panel__header h1{font-size:1.35rem;font-weight:600;margin:0 0 .5rem}.panel__muted{color:var(--muted);font-size:.9rem;margin:0}.panel__player{margin-top:2rem;padding:1.25rem;border:1px solid var(--border);border-radius:12px}.panel__track-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 1rem}.panel__audio{width:100%}.panel__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.panel__btn{padding:.65rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.9rem;cursor:pointer}.panel__btn--primary{background:var(--accent);border-color:var(--accent);color:#0a0a0a;font-weight:600}.panel__btn:disabled{opacity:.5;cursor:not-allowed}.panel__hint{font-size:.85rem;color:var(--muted);margin:1rem 0 0}.panel__form{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.panel__form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.panel__check{flex-direction:row;align-items:center;gap:.5rem}.panel__error{color:#f87171}.panel__thanks{margin-top:2rem;font-size:1.1rem}.panel__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}