:root{--bg:#0d0d0e;--bg-2:#16171a;--bg-raised:#1c1d21;--bg-elev:#232529;--fg:#ecebe6;--fg-mid:#b8b6ae;--fg-dim:#76746d;--accent:#66c0cf;--accent-dim:#4ea3b1;--accent-hover:#82cfdb;--accent-glow:#66c0cf24;--on-accent:#0d0d0e;--border:#26282d;--border-strong:#353841;--danger:#ef4444;--solo:#efc24d;--btn-hover:#20232a;--hover-overlay:#ffffff0a;--unread-bg:#f2efe70f;--video-bg:#000;--shadow-card:0 1px 0 #ffffff06 inset, 0 8px 24px #00000073;--shadow-sm:0 1px 2px #0006;--wave-color:#48433d;--wave-master:#a8a197;--wave-progress:#f2efe7;--wave-cursor:#f2efe7;--wave-cursor-dim:#f2efe766;--wave-progress-play:#4a9d8f;--wave-cursor-play:#7fd8c8;--wave-region:#f2efe71f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Text,Helvetica Neue,sans-serif;font-size:14px}:root[data-theme=light]{--bg:#f7f5f0;--bg-2:#efece4;--bg-raised:#fff;--bg-elev:#fff;--fg:#2a2824;--fg-mid:#5c5950;--fg-dim:#8a877d;--accent:#2c7d8b;--accent-dim:#225f6a;--accent-hover:#3a93a3;--accent-glow:#2c7d8b26;--on-accent:#fff;--border:#e2dfd5;--border-strong:#cbc7ba;--danger:#dc2626;--solo:#9a7716;--btn-hover:#ece8df;--hover-overlay:#00000009;--unread-bg:#2c7d8b17;--video-bg:#1c1b18;--shadow-card:0 1px 0 #fff9 inset, 0 6px 20px #3c321e1a;--shadow-sm:0 1px 2px #3c321e1f;--wave-color:#cdc6b8;--wave-master:#6a655c;--wave-progress:#3a352e;--wave-cursor:#3a352e;--wave-cursor-dim:#3a352e66;--wave-progress-play:#2f8478;--wave-cursor-play:#1f6f63;--wave-region:#3a352e1a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--fg);margin:0;padding:0;line-height:1.5}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.text-doc,.comment-body,.thread-body,input,textarea,[contenteditable],code,.selectable{-webkit-user-select:text;user-select:text}:root[data-text-size=large] body{zoom:1.15}:root[data-text-size=larger] body{zoom:1.3}button{font:inherit;color:inherit;background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 14px;font-weight:500;transition:border-color .12s,background .12s,transform 80ms}button:hover{border-color:var(--border-strong);background:var(--btn-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.login-actions{flex-direction:column;gap:10px;max-width:300px;margin:0 auto;display:flex}.login-actions button{width:100%}button.apple-signin{color:#000;background:#fff;border:1px solid #000;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}button.apple-signin:hover{background:#f0f0f0;border-color:#000}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}body:before{content:"";height:max(env(safe-area-inset-top), var(--ins-top,0px));background:var(--bg);z-index:150;pointer-events:none;position:fixed;top:0;left:0;right:0}.shell{max-width:1100px;padding-top:calc(28px + max(env(safe-area-inset-top), var(--ins-top,0px)));padding-right:calc(28px + max(env(safe-area-inset-right), var(--ins-right,0px)));padding-bottom:calc(80px + max(env(safe-area-inset-bottom), var(--ins-bottom,0px)));padding-left:calc(28px + max(env(safe-area-inset-left), var(--ins-left,0px)));margin:0 auto}.shell header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:18px;display:flex}.offline-banner{background:var(--solo);color:#1a1303;text-align:center;letter-spacing:.01em;border-radius:8px;margin-bottom:18px;padding:8px 16px;font-size:13px;font-weight:600}.trial-banner{background:var(--accent-glow);border:1px solid var(--accent-dim);color:var(--fg-mid);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:7px 8px 7px 16px;font-size:13px;display:flex}.trial-banner.urgent{border-color:var(--danger);color:var(--fg);background:#ef44441f;font-weight:600}.trial-banner-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.trial-banner-upgrade{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600}.trial-banner.urgent .trial-banner-upgrade{background:var(--danger);color:#fff}.trial-banner-dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:18px;line-height:1}.trial-banner-dismiss:hover{opacity:1}.shell header h1{letter-spacing:-.2px;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:600;display:flex}.shell header h1:before{content:"";background:var(--accent);opacity:.95;border-radius:50%;width:14px;height:14px}.shell header .header-left{align-items:center;gap:10px;min-width:0;display:flex}.shell header .back-btn{width:28px;height:28px;color:var(--fg-mid)}.shell header .back-btn:hover{color:var(--fg)}.shell header .who{color:var(--fg-mid);align-items:center;gap:10px;min-width:0;font-size:13px;display:flex}.empty-state{text-align:center;color:var(--fg-mid);padding:72px 16px}.empty-state h2{color:var(--fg);letter-spacing:-.2px;font-weight:500}.onboard{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;max-width:560px;margin:12px auto 0;padding:28px 28px 26px}.onboard-title{letter-spacing:-.2px;margin:0 0 8px;font-size:22px;font-weight:600}.onboard-lede{color:var(--fg-mid);margin:0 0 18px;line-height:1.6}.onboard-steps{flex-direction:column;gap:12px;margin:0 0 22px;padding-left:22px;display:flex}.onboard-steps li{color:var(--fg-mid);line-height:1.5}.onboard-steps strong{color:var(--fg)}.onboard-steps em{color:var(--accent);font-style:normal}input[type=text],input[type=url],input[type=email],input[type=search],input[type=password],input[type=number],input[type=tel],input[type=file]{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:7px 12px;transition:border-color .12s,box-shadow .12s}input[type=text]:focus,input[type=url]:focus,input[type=email]:focus,input[type=search]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px var(--accent-glow);outline:none}input::placeholder{color:var(--fg-dim)}.new-song{gap:8px;margin-bottom:24px;display:flex}.new-song input{flex:1}.new-song select,.song-header-actions select{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.song-list{margin:0;padding:0;list-style:none}.song-list li{border-bottom:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 10px;transition:background .1s;display:flex}.song-list li:hover{background:var(--hover-overlay)}.song-list a{color:var(--fg);align-items:center;gap:8px;min-width:0;font-size:16px;text-decoration:none;display:inline-flex}.song-list a:hover{color:var(--accent)}.row-icon{color:var(--fg-dim);flex-shrink:0}.row-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.play-error{color:var(--danger);font-size:13px}.icon-btn{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:inline-flex}.icon-btn:hover{color:var(--fg)}.inline-icon{vertical-align:-2px}.song-list .when{color:var(--fg-dim);white-space:nowrap;flex-shrink:0;padding-left:10px;font-size:12px}.new-dot{background:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.stage-dot{vertical-align:middle;border:1px solid #0000;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.stage-select{align-items:center;display:inline-flex}.stage-select .stage-dot{margin-right:6px}.member-list{margin:0;padding:0;list-style:none}.member-list li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.member-list li:last-child{border-bottom:none}.member-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.member-name{flex:1}.member-role{text-transform:uppercase;letter-spacing:.5px;color:var(--fg-dim);font-size:11px}.member-action{border:1px solid var(--border);color:var(--fg-dim);cursor:pointer;background:0 0;border-radius:6px;padding:2px 8px;font-size:12px}.member-action:hover{color:var(--danger);border-color:var(--danger)}.member-action.leave{font-size:12px}.name-btn{color:inherit;font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:130px;padding:0;overflow:hidden}.name-btn:hover{text-decoration:underline}.name-edit{font:inherit;max-width:160px;padding:2px 6px}.notif{display:inline-flex;position:relative}.notif-bell{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:15px;line-height:1;position:relative}.notif-badge{background:var(--danger);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:10px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.notif-panel{background:var(--bg-elev,#1a1a1a);border:1px solid var(--border);z-index:50;border-radius:10px;width:300px;max-height:380px;position:absolute;top:28px;right:0;overflow-y:auto;box-shadow:0 8px 24px #0006}.notif-head{border-bottom:1px solid var(--border);padding:10px 14px;font-size:13px;font-weight:600}.notif-empty{color:var(--fg-dim);padding:16px 14px;font-size:13px}.notif-panel ul{margin:0;padding:0;list-style:none}.notif-panel li{border-bottom:1px solid var(--border);cursor:pointer;padding:10px 14px;font-size:13px}.notif-panel li:last-child{border-bottom:none}.notif-panel li:hover{background:var(--hover-overlay)}.notif-panel li.unread{background:var(--unread-bg)}.notif-panel li.unread .notif-line:before{content:"";background:var(--accent);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.notif-line{line-height:1.35}.notif-sub{color:var(--fg-dim);margin-top:2px;font-size:11px}.setlist{counter-reset:none;margin:0 0 16px;padding:0;list-style:none}.setlist li{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.setlist li:last-child{border-bottom:none}.setlist-num{text-align:right;width:22px;color:var(--fg-dim);font-variant-numeric:tabular-nums}.setlist-title{flex:1}.setlist-actions{align-items:center;gap:4px;display:inline-flex}.setlist-actions .reorder{border:1px solid var(--border);color:var(--fg-mid);cursor:pointer;background:0 0;border-radius:6px;padding:1px 6px;font-size:11px}.setlist-actions .reorder:disabled{opacity:.3;cursor:default}.setlist-add{align-items:center;gap:8px;display:flex}.setlist-add select{flex:1}.match-tag{color:var(--fg-dim);border:1px solid var(--border);text-transform:lowercase;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:11px}.album-nav{border-bottom:1px solid var(--border);color:var(--fg-mid);justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:10px 0;font-size:13px;display:flex}.album-nav a{color:var(--fg-mid);align-items:center;gap:6px;min-width:0;text-decoration:none;transition:color .12s;display:inline-flex;overflow:hidden}.album-nav-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.album-nav a:hover{color:var(--fg)}.album-nav a:before{content:"‹";color:var(--fg-dim);font-size:16px;line-height:1}.album-nav select{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);text-overflow:ellipsis;cursor:pointer;border-radius:6px;max-width:190px;padding:5px 28px 5px 10px;transition:border-color .12s}.album-nav select:hover{border-color:var(--border-strong)}.album-nav select:focus{border-color:var(--accent-dim);outline:none}.song-nav{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.song-nav-btn{background:var(--bg-2);width:30px;height:30px;color:var(--fg-mid);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.song-nav-btn:hover:not(:disabled){color:var(--fg);border-color:var(--border-strong)}.song-nav-btn:disabled{opacity:.35}.song-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.song-header h2{letter-spacing:-.3px;cursor:pointer;color:var(--fg);margin:0;font-size:24px;font-weight:600}.song-header input[type=text]{letter-spacing:-.3px;padding:2px 8px;font-size:24px;font-weight:600}.song-header-actions{gap:8px;display:flex}.song-header.entity-header{flex-wrap:nowrap;gap:12px}.song-header.entity-header .song-header-actions{flex-shrink:0}.invite-banner{background:var(--bg-2);border:1px solid var(--accent);color:var(--fg-dim);border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.invite-banner code{color:var(--fg);background:var(--bg);word-break:break-all;cursor:pointer;border-radius:4px;flex:1;padding:4px 8px;font-family:SF Mono,Menlo,Consolas,monospace}.invite-banner code:hover{background:var(--bg-2)}.invite-copy{white-space:nowrap;border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:4px;flex:none;padding:4px 10px;font-size:13px}.invite-copy:hover{background:var(--accent);color:var(--bg)}section{margin-bottom:36px}section h3{text-transform:uppercase;letter-spacing:.8px;color:var(--fg-mid);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:12px;font-weight:600}.version-list{flex-direction:column;gap:20px;display:flex}.version-card{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:10px;padding:18px;position:relative}.version-card.drag-over{border-color:var(--accent)}.drag-overlay{z-index:5;background:color-mix(in srgb, var(--accent) 12%, var(--bg-2));border:2px dashed var(--accent);pointer-events:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-overlay span{color:var(--accent);background:var(--bg-2);border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600}.upload-version-top.version-drop-over{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent);text-align:center;border-radius:8px;padding:16px}.version-drop-hint{color:var(--accent);margin-top:8px;font-size:13px;font-weight:600}.version-meta{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.version-title{flex-wrap:wrap;align-items:baseline;gap:10px;min-width:0;display:flex}.version-title>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.version-label-edit{max-width:100%;font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--accent-dim);border-radius:4px;min-width:160px;padding:2px 6px;font-weight:600}.version-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;display:flex}.version-meta .when{color:var(--fg-dim);white-space:nowrap;font-size:12px}.waveform{margin:8px 0}.stems{flex-direction:column;gap:2px;margin:8px 0;display:flex}.stem-row{grid-template-columns:18px 120px 1fr auto;align-items:center;gap:12px;padding:1px 0;display:grid}.stems.collapsed .stem-row:not(.stem-row-master){display:none}.stem-drag{text-align:center;width:18px;color:var(--fg-dim);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;opacity:.4;font-size:15px;line-height:1;transition:opacity .12s,color .12s}.stem-drag:hover,.stem-row:hover .stem-drag{opacity:1;color:var(--accent)}.stem-drag:active{cursor:grabbing}.stem-slot-grab{cursor:grab;touch-action:pan-y}.stem-slot-grab:active{cursor:grabbing}.stem-slot-grab .stem-slot-editable,.stem-slot-grab .stem-rename{cursor:pointer}body.stem-reordering,body.stem-reordering *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.stem-row.stem-lift{background:var(--bg-elev);opacity:.98;border-radius:6px;box-shadow:0 8px 20px #00000073}@keyframes stemJustMoved{0%{background:var(--accent-glow)}to{background:0 0}}.stem-row.just-moved{border-radius:6px;animation:.7s ease-out stemJustMoved}.stems-collapse{background:var(--bg-2);border:1px solid var(--border);color:var(--fg-dim);letter-spacing:.3px;cursor:pointer;border-radius:999px;align-self:flex-start;margin:2px 0 2px 18px;padding:2px 10px;font-size:11.5px;font-weight:500}.stems-collapse:hover{color:var(--accent);border-color:var(--accent-dim)}.stem-slot{color:var(--fg-dim);flex-direction:column;font-size:12px;display:flex;overflow:hidden}.stem-slot strong{color:var(--fg);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.stem-slot-master strong{color:var(--accent)}.stem-slot-editable{cursor:pointer;border-bottom:1px dotted var(--border)}.stem-slot-editable:hover{color:var(--accent);border-bottom-color:var(--accent-dim)}.stem-slot-edit{font:inherit;text-transform:uppercase;letter-spacing:.5px;color:var(--fg);background:var(--bg-2);border:1px solid var(--accent-dim);border-radius:4px;padding:1px 2px;font-size:12px;font-weight:700}.stem-slot-editrow{flex-direction:column;gap:2px;min-width:0;display:flex}.stem-slot-editrow .stem-label-edit{text-transform:none;font-weight:400}.stem-uploader{text-transform:uppercase;letter-spacing:.4px;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.stem-slot .stem-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stem-label-row{align-items:center;gap:2px;min-width:0;display:flex}.stem-label-row .stem-label{min-width:0}.stem-rename{opacity:.5;flex-shrink:0;padding:2px}.stem-rename:hover{opacity:1}.stem-label-edit{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--accent-dim);border-radius:4px;width:100%;max-width:100%;padding:1px 5px;font-size:12px}.stem-wave{min-width:0}.stem-wave-wrap{min-width:0;min-height:36px;position:relative}.stem-preparing{pointer-events:none;background:color-mix(in srgb, var(--bg-2) 82%, transparent);border-radius:4px;justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;inset:0}.stem-preparing-label{color:var(--fg-dim);white-space:nowrap;letter-spacing:.01em;font-size:11.5px}.stem-preparing-bar{background:color-mix(in srgb, var(--fg-dim) 28%, transparent);border-radius:99px;flex:none;width:88px;height:3px;position:relative;overflow:hidden}.stem-preparing-bar:after{content:"";background:var(--accent);border-radius:99px;width:42%;height:100%;animation:1.15s ease-in-out infinite stem-prep;position:absolute;top:0;left:-42%}@keyframes stem-prep{0%{left:-42%}to{left:100%}}@media (prefers-reduced-motion:reduce){.stem-preparing-bar:after{animation:none;left:29%}}.comment-pop{z-index:20;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px;width:max-content;max-width:240px;padding:8px 22px 8px 10px;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%);box-shadow:0 8px 22px #00000073}.comment-pop:after{content:"";top:100%;left:var(--arrow-x,50%);border:6px solid #0000;border-top-color:var(--bg-elev);position:absolute;transform:translate(-50%)}.comment-pop-meta{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.comment-pop-author{font-size:12px;font-weight:600}.comment-pop-time{color:var(--fg-dim);font-size:11px}.comment-pop-body{color:var(--fg);font-size:13px;line-height:1.35}.comment-pop-close{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:15px;line-height:1;position:absolute;top:3px;right:5px}.comment-pop-close:hover{color:var(--fg)}.trash-section h3{margin-top:26px}.trash-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.trash-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-mid);overflow:hidden}.trash-actions{flex-shrink:0;gap:6px;display:flex}.trash-actions button{padding:4px 8px;font-size:12px}.stem-controls{align-items:center;gap:4px;display:flex}.stem-controls .mute,.stem-controls .download,.stem-controls .del{color:var(--fg-dim);background:0 0;border-color:#0000;padding:4px 8px;font-size:14px;text-decoration:none}.stem-controls .mute.muted{color:var(--danger)}.stem-controls .mute:hover,.stem-controls .download:hover{color:var(--fg);border-color:var(--border)}.stem-controls .del:hover{color:var(--danger);border-color:var(--danger)}.stem-controls .stem-toggle{letter-spacing:.5px;text-align:center;min-width:24px;color:var(--fg-dim);background:0 0;border:1px solid #0000;padding:4px 0;font-size:11px;font-weight:700}.stem-controls .stem-toggle:hover{color:var(--fg);border-color:var(--border)}.stem-controls .stem-toggle.mute-on{color:var(--danger);border-color:var(--danger)}.stem-controls .stem-toggle.solo-on{color:var(--solo);border-color:var(--solo)}.stem-level{display:flex;position:relative}.stem-controls .stem-level-btn{justify-content:center;align-items:center;min-width:28px;display:inline-flex}.stem-controls .stem-level-btn.level-on{color:var(--fg);border-color:var(--border)}.stem-level-pop{z-index:20;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 22px #00000073}.stem-level-pop input[type=range]{width:120px;accent-color:var(--accent)}.stem-level-val{font-variant-numeric:tabular-nums;min-width:56px;color:var(--fg-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 6px;font-size:11px}.stem-level-val:hover:not(:disabled){color:var(--fg);border-color:var(--border)}.stem-level-val:disabled{cursor:default;opacity:.7}.add-stem-form{background:var(--bg);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;padding:10px;display:flex}.add-stem-form select{font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.add-stem-list{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.add-stem-row{align-items:center;gap:8px;display:flex}.add-stem-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg-dim);flex:1;font-size:.9em;overflow:hidden}.add-stem-remove{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:0 6px;font-size:1.2em;line-height:1}.add-stem-remove:hover{color:var(--danger)}.wave-controls{align-items:center;gap:12px;margin:8px 0;display:flex}.timecode{color:var(--fg-dim);font-variant-numeric:tabular-nums;font-size:13px}.volume{color:var(--fg-dim);align-items:center;gap:6px;margin-left:auto;display:flex}.volume input[type=range]{width:120px;accent-color:var(--accent)}.wave-controls .restart-btn{color:var(--fg-mid);justify-content:center;align-items:center;padding:6px 9px;display:inline-flex}.album-toolbar{margin:4px 0 6px;display:flex}.play-all{align-items:center;gap:7px;display:inline-flex}.play-all svg{color:var(--accent)}.song-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:inline-flex}.song-play{width:28px;height:28px;color:var(--fg-mid);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.song-play:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.song-play:disabled{opacity:.3}.song-list li.playing{background:var(--accent-glow)}.song-list li.playing .song-play{color:var(--accent);border-color:var(--accent)}.album-player{z-index:50;padding:10px calc(28px + max(env(safe-area-inset-right), var(--ins-right,0px))) calc(10px + max(env(safe-area-inset-bottom), var(--ins-bottom,0px))) calc(28px + max(env(safe-area-inset-left), var(--ins-left,0px)));background:var(--bg-raised);border-top:1px solid var(--border-strong);align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000059}.ap-transport{flex-shrink:0;align-items:center;gap:6px;display:flex}.ap-btn{width:36px;height:36px;color:var(--fg);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.ap-btn.ap-play{background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-color:var(--accent)}.ap-btn.ap-play:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ap-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ap-meta{align-items:baseline;gap:10px;min-width:0;display:flex}.ap-title{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.ap-title:hover{color:var(--accent)}.ap-pos{color:var(--fg-dim);flex-shrink:0;font-size:12px}.ap-pos.ap-error{color:var(--danger)}.ap-scrub{align-items:center;gap:10px;display:flex}.ap-scrub input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.ap-time{color:var(--fg-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.ap-close{width:32px;height:32px;color:var(--fg-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ap-volume{color:var(--fg-dim);flex-shrink:0;align-items:center;gap:6px;display:flex}.ap-volume input[type=range]{width:90px;accent-color:var(--accent)}.ap-scrub input[type=range]:focus,.ap-volume input[type=range]:focus{outline:none}.comment-form{gap:8px;margin:12px 0 8px;display:flex}.comment-form input{flex:1}.comment-list{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.comment-list li{background:var(--bg);border-radius:4px;padding:8px 12px}.comment-head{color:var(--fg-dim);align-items:center;gap:10px;margin-bottom:4px;font-size:12px;display:flex}.comment-head .ts{background:var(--bg-2);padding:1px 6px;font-family:monospace;font-size:12px}.comment-head .when{margin-left:auto}.comment-head .del{color:var(--fg-dim);background:0 0;border-color:#0000;padding:0 6px;font-size:16px;line-height:1}.comment-head .del:hover{color:var(--danger);border-color:var(--danger)}.comment-body{color:var(--fg);white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.text-doc{margin-bottom:32px}.text-doc-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:10px;padding-bottom:6px;display:flex}.text-doc-head h3{text-transform:uppercase;letter-spacing:1px;color:var(--fg-dim);font-size:14px;font-weight:500}.text-doc-head .status{color:var(--fg-dim);align-items:center;gap:12px;font-size:12px;display:inline-flex}.text-doc-expand{border:1px solid var(--border);color:var(--fg-mid);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:2px 8px;font-size:12px}.text-doc-expand:hover{border-color:var(--accent);color:var(--accent)}.read-mode{z-index:210;background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0}.read-mode-bar{height:calc(48px + max(env(safe-area-inset-top), var(--ins-top,0px)));padding:max(env(safe-area-inset-top), var(--ins-top,0px)) 14px 0;border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;display:flex}.read-mode-title{text-transform:uppercase;letter-spacing:1px;color:var(--fg-dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.read-mode-size{color:var(--fg-dim);text-align:center;min-width:38px;font-size:12px}.read-mode-action{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:34px;height:32px;font-size:15px;display:flex}.read-mode-action:hover{border-color:var(--accent)}.read-mode-close{font-size:22px;line-height:1}.read-mode-body{box-sizing:border-box;width:100%;padding:28px max(20px, max(env(safe-area-inset-left), var(--ins-left,0px))) calc(40px + max(env(safe-area-inset-bottom), var(--ins-bottom,0px)));white-space:pre-wrap;word-break:break-word;color:var(--fg);-webkit-overflow-scrolling:touch;resize:none;background:0 0;border:0;border-radius:0;flex:1;line-height:1.55;overflow:auto}.read-mode-body:focus{outline:none}.read-mode-body.mono{white-space:pre;word-break:normal;font-family:SF Mono,Menlo,Consolas,monospace}textarea{width:100%;font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:10px 12px;line-height:1.5}textarea:focus{border-color:var(--accent);outline:none}textarea.mono{white-space:pre;font-family:SF Mono,Menlo,Consolas,monospace;font-size:13px}.help-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;display:inline-flex}.help-overlay{z-index:100;background:#0009;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0}.help-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:100%;max-width:640px;max-height:80vh;padding:24px;overflow-y:auto}.help-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.help-panel h4{text-transform:uppercase;letter-spacing:.6px;color:var(--fg-dim);margin:18px 0 6px;font-size:13px;font-weight:500}.help-panel ul{margin:0;padding-left:18px}.help-panel li{margin:4px 0}.help-panel code,.help-panel kbd{background:var(--bg);border-radius:3px;padding:2px 5px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px}@media (width<=900px){.song-header:not(.entity-header){flex-direction:column;align-items:flex-start;gap:12px}.song-header:not(.entity-header) .song-header-actions{flex-wrap:wrap}}@media (width<=640px){.shell{padding-top:calc(12px + max(env(safe-area-inset-top), var(--ins-top,0px)));padding-right:calc(16px + max(env(safe-area-inset-right), var(--ins-right,0px)));padding-bottom:calc(12px + max(env(safe-area-inset-bottom), var(--ins-bottom,0px)));padding-left:calc(16px + max(env(safe-area-inset-left), var(--ins-left,0px)));overflow-x:hidden}html,body{overscroll-behavior-x:none;overflow-x:hidden}.album-player{padding-left:calc(14px + max(env(safe-area-inset-left), var(--ins-left,0px)));padding-right:calc(14px + max(env(safe-area-inset-right), var(--ins-right,0px)));flex-wrap:wrap;gap:8px}.ap-body{flex:100%;order:-1}.ap-volume{margin-left:auto}.song-list li.has-embed .song-row-left{flex-basis:100%}.yt-audio{flex-wrap:wrap}.yt-audio-title{flex-basis:100%}.yt-audio>input[type=range]{min-width:0}.shell header{gap:10px;margin-bottom:16px;padding-bottom:12px}.shell header h1{flex-shrink:0;font-size:18px}.shell header .who{gap:8px;min-width:0}.song-header{flex-direction:column;align-items:flex-start;gap:14px}.song-header-actions{flex-wrap:wrap}.song-header.entity-header{flex-direction:column;align-items:stretch;gap:12px}.version-meta{flex-direction:column;align-items:stretch;gap:8px}.new-song{flex-direction:column;align-items:stretch}.new-song input,.new-song select,.new-song button{width:100%}.stem-row{border-bottom:1px solid var(--border);grid-template-columns:1fr;gap:4px;padding:8px 0}.stem-controls{justify-content:flex-end}.wave-controls{flex-wrap:wrap;gap:8px}.volume{flex:100%;margin-left:0}.volume input[type=range]{flex:1;width:auto}.wave-controls .add-stem-btn{margin-left:auto}.ap-volume input[type=range]{width:56px}.comment-form{flex-direction:column;align-items:stretch}.comment-form input,.comment-form button{width:100%}.add-stem-form{flex-direction:column;align-items:stretch}.add-stem-form select,.add-stem-form input,.add-stem-form button{width:100%}.upload-form{width:100%;max-width:100%}.attachment-list li{flex-wrap:wrap}.invite-banner{flex-direction:column;align-items:stretch}.invite-banner code{width:100%}}.attachment-list{flex-direction:column;gap:4px;margin:8px 0;padding:0;list-style:none;display:flex}.attachment-list li{background:var(--bg-2);border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:flex}.att-icon{font-size:18px}.att-name{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;overflow:hidden}.att-name:hover{color:var(--accent)}.att-name-btn{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.att-lightbox{z-index:200;padding:calc(56px + max(env(safe-area-inset-top), var(--ins-top,0px))) 16px 16px;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.att-lightbox.is-zoomed{padding-top:calc(56px + max(env(safe-area-inset-top), var(--ins-top,0px)));display:block;overflow:auto}.att-lightbox-img{object-fit:contain;cursor:zoom-in;border-radius:4px;max-width:100%;max-height:100%}.att-lightbox-img.zoomed{cursor:zoom-out;width:auto;max-width:none;max-height:none;margin:0 auto;display:block}.att-lightbox-bar{height:calc(48px + max(env(safe-area-inset-top), var(--ins-top,0px)));padding:max(env(safe-area-inset-top), var(--ins-top,0px)) 12px 0;z-index:201;background:#0000008c;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.att-lightbox-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.att-lightbox-action{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;font-size:22px;line-height:1;text-decoration:none;display:flex}.att-lightbox-pdf{padding:calc(48px + max(env(safe-area-inset-top), var(--ins-top,0px))) 0 0;display:block}.pdf-view{flex-direction:column;height:calc(100vh - 48px);display:flex}.pdf-zoom{color:#fff;flex:none;justify-content:center;align-items:center;gap:10px;padding:6px;font-size:14px;display:flex}.pdf-zoom button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:6px;width:30px;height:30px;font-size:18px}.pdf-count{opacity:.7;margin-left:8px}.pdf-status{color:#fff;text-align:center;padding:24px}.pdf-status a{color:var(--accent)}.pdf-pages{flex-direction:column;flex:1;align-items:center;gap:14px;padding:14px;display:flex;overflow:auto}.pdf-page{background:#fff;max-width:100%;height:auto;box-shadow:0 2px 14px #00000080}.attachment-form{align-items:center;gap:8px;margin-top:12px;display:flex}.video-list{flex-direction:column;gap:16px;margin-bottom:12px;display:flex}.video-row{flex-direction:column;gap:6px;display:flex}.video-meta{color:var(--fg-mid);align-items:center;gap:12px;font-size:13px;display:flex}.video-meta .when{color:var(--fg-dim);margin-left:auto;font-size:12px}.upload-form{flex-direction:column;gap:8px;max-width:480px;display:flex}.upload-hint{width:100%;color:var(--fg-dim);margin:0;font-size:12px;line-height:1.45}.upload-hint strong{color:var(--fg-mid);font-weight:600}.legal{max-width:720px;margin:0 auto}.legal-back{color:var(--fg-mid);margin-bottom:20px;font-size:13px;display:inline-block}.legal h1{margin:0 0 4px;font-size:26px}.legal h2{margin:28px 0 8px;font-size:17px}.legal p,.legal li{color:var(--fg-mid);line-height:1.6}.legal strong{color:var(--fg)}.legal ul{padding-left:20px}.legal li{margin:6px 0}.legal-date{color:var(--fg-dim);margin-top:0;font-size:13px}.legal-foot{border-top:1px solid var(--border);margin-top:36px;padding-top:16px;font-size:13px}.login-legal{max-width:320px;color:var(--fg-dim);margin:20px auto 0;font-size:12px;line-height:1.5}.login-or{max-width:300px;color:var(--fg-dim);align-items:center;gap:12px;margin:20px auto 14px;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--border);flex:1;height:1px}.login-email{flex-direction:column;gap:8px;max-width:300px;margin:0 auto;display:flex}.login-email input{text-align:center;width:100%}.login-email-sent{max-width:320px;color:var(--fg-mid);margin:18px auto 0;line-height:1.5}.login-email-sent strong{color:var(--fg)}.login-note{max-width:320px;color:var(--fg-dim);margin:10px auto 0;font-size:12px;line-height:1.5}.lock-screen{text-align:center;max-width:420px;margin:40px auto;padding:0 16px}.lock-screen .paywall-plans{text-align:left}.paywall-plans{flex-direction:column;gap:10px;margin-top:12px;display:flex}.paywall-plan{text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.paywall-plan.featured{border-color:var(--accent)}.paywall-plan-title{font-weight:600}.paywall-plan-price{color:var(--accent);font-weight:600}.paywall-plan-blurb{color:var(--fg-dim);font-size:12px;line-height:1.4}.paywall-plan-busy{color:var(--fg-dim);margin-top:4px;font-size:12px}.public-foot{border-top:1px solid var(--border);text-align:center;flex-direction:column;align-items:center;gap:10px;margin-top:36px;padding-top:16px;display:flex}.report-link{color:var(--fg-dim);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.report-link:hover{color:var(--fg-mid)}.report-form{text-align:left;flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex}.report-actions{gap:8px;display:flex}.report-done{color:var(--fg-mid);font-size:13px}.crash{text-align:center;max-width:460px;margin:80px auto;padding:0 24px}.crash h2{color:var(--fg)}.crash p{color:var(--fg-mid);line-height:1.6}.crash-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.shell-wide{max-width:1320px}.song-layout{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"head thread""versions thread""rest thread";align-items:start;column-gap:28px;display:grid}.song-head{grid-area:head}.song-versions{grid-area:versions;min-width:0}.song-rest{grid-area:rest;min-width:0}.song-head .song-header:not(.entity-header){flex-direction:column;align-items:flex-start;gap:12px}.song-head .song-header:not(.entity-header) h2{white-space:normal}.song-head .song-header:not(.entity-header) .song-header-actions{flex-wrap:wrap}.song-thread{border:1px solid var(--border);border-radius:10px;flex-direction:column;grid-area:thread;min-height:440px;display:flex;position:static;overflow:hidden}.thread-head{text-transform:uppercase;letter-spacing:.8px;color:var(--fg-mid);border-bottom:1px solid var(--border);flex-shrink:0;padding:12px 14px;font-size:12px;font-weight:600}.thread-list{flex-direction:column;flex:1;gap:14px;min-height:120px;padding:12px 14px;display:flex;overflow-y:auto}.thread-empty{color:var(--fg-dim);margin:4px 0;font-size:13px;line-height:1.5}.thread-msg{font-size:13px}.thread-msg-head{align-items:center;gap:6px;margin-bottom:3px;display:flex}.thread-msg-head .member-dot{width:8px;height:8px}.thread-author{color:var(--fg);font-weight:600}.thread-when{color:var(--fg-dim);font-size:11px}.thread-guest-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--fg-dim);border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:10px;line-height:1.5}.thread-del{color:var(--fg-dim);cursor:pointer;opacity:.5;background:0 0;border:none;margin-left:auto;padding:2px;display:inline-flex}.thread-del:hover{color:var(--danger);opacity:1}.thread-body{color:var(--fg);white-space:pre-wrap;word-break:break-word;line-height:1.45}.thread-body .mention{color:var(--accent);font-weight:600}.thread-composer{border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:8px;padding:10px;display:flex;position:relative}.thread-composer textarea{resize:none;min-height:44px;font-size:13px}.thread-composer button{align-self:flex-end}.guest-thread{max-width:640px;margin-top:32px}.guest-thread>h3{margin-bottom:12px}.guest-thread .thread-list{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;max-height:360px;padding:12px;display:flex;overflow-y:auto}.guest-thread .thread-empty{color:var(--fg-dim);font-size:13px}.guest-composer{flex-direction:column;gap:8px;margin-top:10px;display:flex}.guest-composer input{font-size:13px}.guest-composer textarea{resize:vertical;min-height:44px;font-size:13px}.guest-composer button{align-self:flex-end}.mention-input{position:relative}.mention-input textarea,.mention-backdrop{font:inherit;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;border:1px solid #0000;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;line-height:1.5}.mention-input textarea{z-index:1;resize:none;color:#0000;-webkit-text-fill-color:transparent;min-height:44px;caret-color:var(--fg);border-color:var(--border);background:0 0;display:block;position:relative}.mention-input textarea::placeholder{-webkit-text-fill-color:var(--fg-dim);color:var(--fg-dim)}.mention-backdrop{z-index:0;color:var(--fg);background:var(--bg-2);pointer-events:none;margin:0;position:absolute;inset:0;overflow:hidden}.mention-backdrop .mention{color:var(--accent);font-weight:600}.mention-menu{background:var(--bg-elev,#1a1a1a);border:1px solid var(--border);z-index:60;border-radius:10px;max-height:180px;margin-bottom:4px;padding:4px;list-style:none;position:absolute;bottom:100%;left:10px;right:10px;overflow-y:auto;box-shadow:0 8px 24px #0006}.mention-menu li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.mention-menu li.active,.mention-menu li:hover{background:var(--hover-overlay)}.notif-panel li.mention .notif-line{color:var(--accent)}@media (width<=900px){.song-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""versions""thread""rest";row-gap:16px}.song-thread{border:1px solid var(--border);background:var(--bg-2);border-radius:10px;min-height:0;max-height:60vh;padding-left:0;position:static}}.import-overlay{z-index:110;background:#0009;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0}.import-sheet{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:14px;width:100%;max-width:440px;padding:22px;display:flex}.import-sheet h3{margin:0;font-weight:600}.import-field{flex-direction:column;gap:5px;display:flex}.import-field>span{color:var(--fg-dim);font-size:12px}.import-field select,.import-field input{width:100%}.import-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:13px;text-decoration:underline}.song-links{margin:18px 0}.song-links h3{margin:0 0 4px;font-weight:600}.links-hint{color:var(--fg-dim);margin:0 0 10px;font-size:13px}.link-add{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.link-add input[type=url]{flex:2 240px}.link-add input[type=text]{flex:140px}.link-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.link-item{border:1px solid var(--border);background:var(--bg-2);border-radius:8px;padding:10px}.link-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.link-head a{color:var(--accent);word-break:break-all;font-size:14px;text-decoration:none}.link-head a:hover{text-decoration:underline}body.song-np-open .shell{padding-bottom:calc(108px + max(env(safe-area-inset-bottom), var(--ins-bottom,0px)))}.song-list li.has-embed{flex-wrap:wrap}.song-list li.has-embed .when{display:none}.song-row-embed{flex-basis:100%;width:100%;max-width:480px;margin-top:10px}.yt-audio{border:1px solid var(--border);background:var(--hover-overlay);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.yt-audio-title{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;min-width:0;font-size:13px;overflow:hidden}.yt-audio>input[type=range]{min-width:60px;accent-color:var(--accent);flex:1}.yt-audio-time{color:var(--fg-dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.yt-audio-vol{color:var(--fg-dim);flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.yt-audio-vol input[type=range]{width:56px;accent-color:var(--accent)}.yt-audio-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:0;overflow:hidden}.embed-16x9{aspect-ratio:16/9;width:100%;position:relative}.embed-16x9 iframe{border:0;border-radius:6px;width:100%;height:100%;position:absolute;inset:0}.embed-audio{border:0;border-radius:6px;width:100%}