.reel-player{--reel-accent:var(--action,#1ed760);color:var(--text,#ededed);background:var(--surface,#181818);border:1px solid var(--line,#303030);border-radius:16px;padding:28px;font-family:inherit}.reel-player *{box-sizing:border-box}.reel-player button{font-family:inherit;cursor:pointer}.reel-player-heading{margin-bottom:24px}.reel-player h2{font-size:24px;letter-spacing:-.6px;margin:6px 0}.reel-kicker{font-size:10px;letter-spacing:2px;color:var(--muted,#999)}.reel-transport{display:flex;align-items:center;gap:20px}.reel-player .reel-play{flex:none;width:48px;height:48px;border-radius:50%;background:var(--reel-accent);color:var(--action-text,#07130b);border:0;font-size:21px;padding:0;display:grid;place-items:center}.reel-player .reel-play:not(:disabled):hover{background:var(--reel-accent);filter:brightness(1.14);transform:scale(1.04)}.reel-wave-wrap{position:relative;flex:1;height:100px;min-width:0}.reel-wave{height:100%;display:flex;align-items:center;gap:2px;overflow:hidden}.reel-seek{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.reel-wave-wrap:focus-within{outline:2px solid var(--reel-accent);outline-offset:5px;border-radius:3px}.reel-player .reel-mute{background:transparent;color:var(--reel-accent);border:0;font-size:24px;padding:4px;min-width:30px}.reel-volume{width:68px;accent-color:var(--reel-accent)}.reel-now{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--muted,#aaa);margin:20px 0 24px}.reel-now time{white-space:nowrap;font-variant-numeric:tabular-nums}.reel-player-error{color:var(--text,#eee);font-size:13px}.reel-playlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line,#303030)}.reel-playlist li{display:flex;align-items:center;border-bottom:1px solid var(--line,#303030);gap:8px}.reel-playlist li>button:first-child{display:flex;align-items:center;gap:16px;flex:1;min-width:0;text-align:left;background:transparent;border:0;border-radius:6px;padding:17px 8px;color:inherit;font-size:14px}.reel-playlist button:hover{background:var(--raised,#252525)!important}.reel-playlist button.active .reel-track-title{color:var(--reel-accent)}.reel-track-number{font-size:11px;color:var(--muted,#999);font-variant-numeric:tabular-nums}.reel-track-title{flex:1;overflow-wrap:anywhere}.reel-playlist time{font-size:12px;color:var(--muted,#999);font-variant-numeric:tabular-nums}.reel-player .reel-download{border:0;background:transparent;color:inherit;font-size:22px;padding:8px 12px}.reel-publish-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:24px 0}.reel-audio-list li{gap:12px}.reel-track-edit{flex:1;min-width:80px}.reel-audio-list .reel-track-edit input{width:100%}.reel-order{display:flex;gap:4px}.reel-order button{padding:5px 9px}@media(max-width:600px){.reel-player{padding:18px}.reel-transport{gap:12px}.reel-volume{display:none}.reel-wave-wrap{height:76px}.reel-wave{gap:1px}.reel-now{flex-direction:column;gap:6px}.reel-player .reel-play{width:42px;height:42px}}.reel-share-dialog{width:min(560px,calc(100vw - 32px))}.reel-share-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.reel-track-edit .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reel-wave svg{display:block;width:100%;height:100%}.reel-wave rect{fill:var(--muted,#555);opacity:.55}.reel-wave rect.played{fill:var(--reel-accent);opacity:1}.reel-player[data-theme=dark]{--surface:#181818;--text:#f5f5f5;--muted:#aaa;--line:#303030;--raised:#282828;--action-text:#111}.reel-player[data-theme=light]{--surface:#fff;--text:#181818;--muted:#666;--line:#ddd;--raised:#f4f4f4;--action-text:#111}.reel-playlist button .reel-track-number{color:var(--track-color,var(--muted))}.reel-playlist button.active .reel-track-title{color:var(--track-color,var(--reel-accent))}.reel-profile-card{display:flex;flex-wrap:wrap;gap:10px 18px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.reel-profile-card strong{font-size:18px}.reel-profile-card p{width:100%;white-space:pre-wrap;margin:0}.reel-profile-card a{color:var(--reel-accent)}.reel-description{color:var(--muted);white-space:pre-wrap}.reel-wave rect{fill:var(--reel-accent);opacity:.45}.reel-wave rect.played{opacity:1}