@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-normal-DRk46D-x.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-normal-Bbz-b3yf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-normal-BrHNak5F.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-normal-BbWidj28.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-ext-400-italic-3fJ3SmOv.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-400-italic-B-Yabllp.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/atkinson-hyperlegible-latin-400-italic-D-qjh7ci.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-400-italic-OoEIrRJc.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-ext-700-normal-BoVPHkS0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-ext-700-normal-CKkU2Dpt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/atkinson-hyperlegible-latin-700-normal-GZI4o3u0.woff2)format("woff2"),url(/assets/atkinson-hyperlegible-latin-700-normal-BK6Glc0m.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui:"Nunito Variable", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--font-text:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:18px;--radius-sm:12px;--bg:#eef2fb;--surface:#fff;--surface-2:#f3f6fd;--surface-3:#e7ecf9;--text:#121a38;--muted:#5b6690;--line:#d8dff1;--accent:#2f5bea;--accent-ink:#fff;--accent-soft:#e1e8ff;--chord:#2345d4;--chorus-bg:#2f5bea12;--warm:#c98a12;--warm-soft:#fff1d6;--danger:#d33a5a;--ok:#148a5a;--shadow:0 1px 2px #121a380f, 0 10px 30px #121a3814;--glow:radial-gradient(1100px 520px at 88% -12%, #d3e0ff 0%, transparent 62%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#08112b;--surface:#0f1b41;--surface-2:#142352;--surface-3:#1a2b62;--text:#e9eeff;--muted:#8f9ecd;--line:#22346f;--accent:#5b86ff;--accent-ink:#fff;--accent-soft:#1b2c66;--chord:#ffc857;--chorus-bg:#5b86ff17;--warm:#ffc857;--warm-soft:#ffc85724;--danger:#ff6b86;--ok:#3ddc97;--shadow:0 1px 2px #0000004d, 0 12px 34px #00000059;--glow:radial-gradient(1000px 520px at 88% -14%, #5b86ff42 0%, transparent 62%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background-color:var(--bg);background-image:var(--glow);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background-attachment:fixed;font-size:16px}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;margin:0}img,svg{flex-shrink:0}.muted{color:var(--muted)}.hint{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.stack{gap:14px;display:grid}.stack-lg{gap:20px;display:grid}.btn{border:1px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--accent) 35%, transparent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2)}.btn.danger,.icon-btn.danger{color:var(--danger)}.btn.armed,.icon-btn.armed{background:var(--danger);color:#fff;border-color:var(--danger);border-radius:999px;width:auto;padding:0 12px}.btn.small{min-height:36px;padding:0 12px;font-size:.88rem}.btn.big{min-height:54px;font-size:1.05rem}.btn.block{width:100%}.icon-btn{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;text-decoration:none;display:inline-grid}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.35}.icon-btn.small{border-radius:10px;width:34px;height:34px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-row.end{justify-content:flex-end}.btn-row.tight{gap:4px}.field{gap:6px;display:grid}.field>span{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.78rem;font-weight:800}.field.grow{flex:1}input:not([type=checkbox]):not([type=color]),textarea,select{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);outline:none;width:100%;min-height:46px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.check{align-items:center;gap:8px;font-weight:700;display:flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.form-error{color:var(--danger);margin:0;font-weight:700}.grid-2{grid-template-columns:1fr 1fr;align-items:end;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=560px){.grid-2{grid-template-columns:1fr}}.seg-tabs{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.seg-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-weight:800;display:inline-flex}.seg-tabs button.on{background:var(--accent);color:var(--accent-ink)}.seg-tabs.small button{min-height:32px;padding:0 12px;font-size:.88rem}.tag{background:var(--warm-soft);color:var(--warm);vertical-align:middle;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.tag.ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.pill{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:.9rem;font-weight:700;display:inline-flex}.pill.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pill.ghost{color:var(--muted);background:0 0;border-style:dashed}.pill button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 2px;font-size:1.1rem;line-height:1}.chip-wrap{flex-wrap:wrap;gap:8px;display:flex}.member-chip{border:2px solid color-mix(in srgb, var(--c) 45%, transparent);background:color-mix(in srgb, var(--c) 12%, var(--surface));cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px 0 10px;font-weight:800;display:inline-flex}.member-chip i{background:var(--c);border-radius:50%;width:14px;height:14px}.member-chip.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 30%, var(--surface))}.member-chip.small{min-height:30px;padding:0 10px 0 8px;font-size:.82rem}.member-chip.small i{width:10px;height:10px}.save-state{color:var(--muted);text-transform:none;letter-spacing:0;align-items:center;gap:4px;margin-left:auto;font-size:.78rem;font-weight:700;display:inline-flex}.save-state.saved{color:var(--ok)}.save-state.error{color:var(--danger)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;padding:18px;display:grid}.card h2{font-size:1.2rem}.card h3{align-items:baseline;gap:8px;font-size:1rem;display:flex}.card h3 small{color:var(--muted);font-size:.78rem;font-weight:700}.card.mine{border-color:color-mix(in srgb, var(--warm) 45%, var(--line))}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;font-weight:700;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:48px 20px;display:grid}.empty-state h2{color:var(--text)}.empty-state p{margin:0}.empty-state.small{padding:24px 12px}.splash{place-items:center;min-height:100dvh;display:grid}.splash .logo{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.8;transform:scale(1.06)}}.page{min-height:100dvh;padding-bottom:40px}.topbar{z-index:20;padding:calc(10px + env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .seg-tabs{margin-left:auto}.topbar-title{flex:1;font-size:1.25rem;font-weight:900}.title-input{flex:1;font-weight:900;background:0 0!important;border-color:#0000!important;font-size:1.25rem!important}.title-input:focus{background:var(--surface-2)!important}.brand{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand span{line-height:1.05;display:grid}.brand strong{letter-spacing:-.02em;font-size:1.35rem;font-weight:900}.brand small{color:var(--muted);font-size:.8rem;font-weight:700}.container{width:100%;max-width:1100px;margin:0 auto;padding:18px 16px}.container.narrow{max-width:820px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.toolbar>.btn-row,.toolbar>.btn.primary{margin-left:auto}.section-title{font-size:1.3rem;font-weight:900}@media (width<=600px){.brand small{display:none}.topbar .seg-tabs button{padding:0 12px}.toolbar .btn span{display:none}}.search{background:var(--surface);border:1px solid var(--line);min-width:200px;color:var(--muted);border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex}.search input{padding-left:0;box-shadow:none!important;background:0 0!important;border:0!important}.song-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.song-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:72px;color:var(--text);align-items:center;gap:14px;padding:12px 14px;text-decoration:none;transition:transform .12s,border-color .12s;display:flex}.song-row:hover{border-color:var(--accent)}.song-row:active{transform:scale(.99)}.song-initial{background:linear-gradient(135deg, hsl(calc(215 + var(--h) / 12) 90% 62%), hsl(calc(235 + var(--h) / 12) 70% 40%));color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.3rem;font-weight:900;display:grid}.song-main{flex:1;gap:2px;min-width:0;display:grid}.song-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;overflow:hidden}.song-main small{color:var(--muted);font-weight:700}.chev{color:var(--muted)}.pl-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.pl-card{color:#fff;min-height:150px;box-shadow:var(--shadow);background:radial-gradient(circle at 85% 15%,#ffc85773 0 14%,#0000 15%),linear-gradient(145deg,#4f7bff,#1d2f86);border-radius:22px;align-content:end;gap:6px;padding:20px;text-decoration:none;transition:transform .12s;display:grid}.pl-card:active{transform:scale(.98)}.pl-card strong{font-size:1.3rem;font-weight:900}.pl-card small{opacity:.85;font-weight:700}.pl-card .muted{color:#ffffffbf}.pl-card-icon{background:#ffffff29;border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:auto;display:grid}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.login-page{background:linear-gradient(#050b20 0%,#0d1d52 55%,#2a4fcf 100%);place-items:center;min-height:100dvh;padding:20px;display:grid;position:relative;overflow:hidden}.login-sky{pointer-events:none;position:absolute;inset:0}.login-sky i{opacity:.7;background:#fff;border-radius:50%;animation:3.5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.15}}.login-moon{filter:drop-shadow(0 0 30px #ffc85759);border-radius:50%;width:110px;height:110px;position:absolute;top:9%;right:12%;transform:rotate(-12deg);box-shadow:-26px 18px #ffc857}.login-card{-webkit-backdrop-filter:blur(18px);color:#e9eeff;--muted:#9aa8d6;--line:#2b3f80;--surface-2:#08112b99;--accent:#5b86ff;--text:#e9eeff;background:#0f1b41b8;border:1px solid #8f9ecd40;border-radius:28px;justify-items:center;gap:16px;width:min(400px,100%);padding:34px 28px;display:grid;position:relative;box-shadow:0 30px 80px #00000073}.login-card h1{letter-spacing:-.03em;margin-top:4px;font-size:2.2rem;font-weight:900}.login-card>p{margin:-10px 0 8px}.login-card .field{width:100%}.modal-back{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#04091a8c;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-direction:column;width:min(520px,100%);max-height:calc(100dvh - 32px);animation:.18s pop;display:flex;box-shadow:0 30px 80px #0006}.modal.wide{width:min(960px,100%)}.modal-head{align-items:center;gap:8px;padding:14px 14px 6px 22px;display:flex}.modal-head h2{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.2rem;font-weight:900;overflow:hidden}.modal-body{gap:14px;padding:8px 22px 20px;display:grid;overflow:auto}.modal-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 18px 18px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(12px)scale(.98)}}.or{color:var(--muted);align-items:center;gap:10px;font-size:.85rem;font-weight:700;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.toasts{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:200;pointer-events:none;gap:8px;width:min(440px,100% - 32px);display:grid;position:fixed;transform:translate(-50%)}.toast{color:#fff;text-align:center;background:#16224d;border-radius:14px;padding:12px 18px;font-weight:700;animation:.2s pop;box-shadow:0 12px 30px #00000059}.toast.error{background:#b4284a}.toast.ok{background:#13744d}.song-page,.editor-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.song-bar{z-index:10;padding:calc(6px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 6px max(10px, env(safe-area-inset-left));background:color-mix(in srgb, var(--surface) 90%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.song-title{flex:1;min-width:160px;display:grid}.song-title h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.3rem;font-weight:900;line-height:1.15;overflow:hidden}.song-title small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:700;overflow:hidden}.chips{align-items:center;gap:6px;display:flex}.chip{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.chip b{color:var(--chord);font-size:1.05rem;font-family:var(--font-text)}.chip-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.66rem;font-weight:800}.chip.warm{background:var(--warm-soft);border-color:color-mix(in srgb, var(--warm) 40%, transparent);cursor:default}.chip.warm b{color:var(--warm)}.chip .pulse{background:var(--muted);border-radius:50%;width:9px;height:9px}.chip.metro.on{border-color:var(--warm)}.chip.metro.on .pulse{background:var(--warm);animation:beat var(--beat) linear infinite}@keyframes beat{0%{opacity:1;transform:scale(1.7)}25%{opacity:.6;transform:scale(1)}to{opacity:.25;transform:scale(1)}}.tools{align-items:center;gap:2px;display:flex}.tool{height:44px;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:14px;align-items:center;gap:6px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex;position:relative}.tool:hover{background:var(--surface-2)}.tool.on{background:var(--accent-soft);color:var(--accent)}.tool .lbl{font-size:.88rem}.tool-badge{background:var(--accent);color:#fff;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.66rem;font-weight:900;display:grid;position:absolute;top:3px;right:3px}@media (width<=1180px){.tool .lbl{display:none}}@media (width<=720px){.song-title{flex-basis:calc(100% - 60px)}.chips{flex:1;overflow-x:auto}.tools{margin-left:auto}.tool{padding:0 9px}}.pop-wrap{position:relative}.pop{z-index:50;background:var(--surface);border:1px solid var(--line);width:min(320px,100vw - 24px);box-shadow:var(--shadow);border-radius:20px;gap:12px;padding:16px;animation:.14s pop;display:grid;position:absolute;top:calc(100% + 8px);right:0}.pop-row{justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.stepper{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:70px;font-weight:900}.stepper .icon-btn{border-radius:50%;width:38px;height:38px}.song-body{flex:1;min-height:0;display:flex;position:relative}.lyrics-wrap{-webkit-overflow-scrolling:touch;min-width:0;padding:18px max(20px, env(safe-area-inset-right)) 60px max(20px, env(safe-area-inset-left));flex:1;scroll-padding:20px;overflow:auto}@media (width>=900px){.lyrics-wrap{padding-left:40px;padding-right:40px}}.song-extras{gap:8px;max-width:60em;margin-bottom:14px;display:grid}.note-strip{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--text);border-radius:12px;align-items:flex-start;gap:8px;padding:8px 12px;font-weight:600;line-height:1.35;display:flex}.note-strip span{-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-strip .icon{color:var(--accent);margin-top:2px}.note-strip.mine{background:var(--warm-soft);border-color:color-mix(in srgb, var(--warm) 35%, transparent)}.note-strip.mine .icon{color:var(--warm)}.legend{flex-wrap:wrap;gap:6px;display:flex}.song-text-holder{font-family:var(--font-text);line-height:1.22}.song-text-holder.cols-1 .song-text{max-width:44em}.song-text-holder.cols-2 .song-text{column-count:2;column-rule:1px solid var(--line);column-gap:2.4em}.song-text-holder.cols-3 .song-text{column-count:3;column-rule:1px solid var(--line);column-gap:2em}@media (width<=700px){.song-text-holder.cols-2 .song-text,.song-text-holder.cols-3 .song-text{column-count:1}}.sec{break-inside:avoid;border-radius:12px}.sec.k-chorus{background:var(--chorus-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.sec.k-part .lyr-line,.sec.k-part .chord-line{opacity:.95}.row{padding-left:var(--gutter);min-height:1.25em;padding-right:.4em;position:relative}.row.gap{min-height:.75em}.r-empty{min-height:.55em}.r-label{min-height:0;padding-top:.4em}.sec-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6em;font-weight:900}.k-chorus .sec-label{color:var(--accent)}.lyr-line{display:block}.word{vertical-align:bottom;align-items:flex-end;display:inline-flex}.seg{white-space:pre;flex-direction:column;display:inline-flex}.seg .ch{color:var(--chord);font-size:.84em;font-weight:700;line-height:1.2}.seg.has .ch{padding-right:.32em}.seg:not(.has) .ch{width:0;overflow:hidden}.seg .tx{line-height:1.22}.chord-line{white-space:pre-wrap;color:var(--chord);padding:.1em 0;font-size:.92em;display:block}.chord-line b{font-weight:700}.chord-line .bar-txt{color:var(--muted);font-weight:400}.plain-line{white-space:pre-wrap;display:block}.comment{font-family:var(--font-ui);color:var(--muted);padding:.15em 0;font-size:.72em;font-style:italic;font-weight:700;display:inline-block}.comment:before{content:"♪ ";color:var(--accent);font-style:normal}.chorus-ref{font-family:var(--font-ui);color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:.35em;margin:.15em 0;padding:.12em .7em;font-size:.74em;font-weight:800;display:inline-flex}.bar{background:var(--c);pointer-events:none;width:4px;position:absolute;top:0;bottom:0}.bar.inst{background:repeating-linear-gradient(to bottom, var(--c) 0 6px, transparent 6px 10px)}.bar.start{border-radius:3px 3px 0 0;top:.3em}.bar.end{border-radius:0 0 3px 3px;bottom:.3em}.bar.start.end{border-radius:3px}.bar.dim{opacity:.15}.row.focus{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 14%, transparent), transparent 80%)}.row.tappable{cursor:pointer;border-radius:6px}.row.tappable:hover{background:color-mix(in srgb, var(--accent) 10%, transparent)}.row.sel{background:color-mix(in srgb, var(--warm) 26%, transparent)!important}.is-marking .lyrics-wrap{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--warm) 55%, transparent)}.panel{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;width:min(410px,42vw);min-height:0;display:flex}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:8px 8px 8px 12px;display:flex}.panel-head .seg-tabs{flex:1}.panel-head .seg-tabs button{flex:1;justify-content:center;padding:0 8px}.panel-body{flex:1;align-content:start;gap:14px;padding:14px;display:grid;overflow:auto}.panel .card{box-shadow:none;background:var(--surface-2)}.panel .card input,.panel .card textarea{background:var(--surface)}@media (width<=999px){.panel{z-index:30;border-left:0;border-top:1px solid var(--line);width:auto;height:62dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;animation:.2s sheet;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -16px 50px #00000059}.panel.compact{height:38dvh}.with-panel .lyrics-wrap{padding-bottom:64dvh}.panel-head .seg-tabs button{font-size:.85rem}}@keyframes sheet{0%{opacity:0;transform:translateY(40px)}}.tap{justify-self:start}.marking{gap:12px;display:grid}.steps{color:var(--muted);gap:4px;margin:0;padding-left:22px;font-weight:700;display:grid}.steps li.now{color:var(--text)}.steps li.done{color:var(--ok);text-decoration:line-through;text-decoration-thickness:1px}.sel-preview{background:var(--warm-soft);border-radius:10px;margin:0;padding:8px 12px;font-size:.9rem;font-weight:700}.legend-member{justify-items:start;gap:6px;display:grid}.legend-member ul{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.legend-member li{align-items:center;gap:10px;font-size:.88rem;display:flex}.legend-text{flex:1;min-width:0}.bar-sample{background:var(--c);border-radius:2px;flex-shrink:0;width:4px;height:26px}.bar-sample.inst{background:repeating-linear-gradient(to bottom, var(--c) 0 6px, transparent 6px 10px)}.pl-nav{z-index:10;padding:6px max(10px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.pl-nav-btn{min-height:52px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:16px;align-items:center;gap:6px;min-width:0;padding:0 12px;font-weight:800;display:flex}.pl-nav-btn span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pl-nav-btn:hover:not(:disabled){background:var(--surface-2)}.pl-nav-btn:disabled{opacity:.3}.pl-nav-btn.next{justify-content:flex-end}.pl-nav-mid{color:var(--text);background:var(--accent-soft);border-radius:14px;justify-items:center;padding:4px 16px;text-decoration:none;display:grid}.pl-nav-mid small{color:var(--muted);font-size:.72rem;font-weight:700}.pl-nav-mid b{color:var(--accent);font-weight:900}.recorder{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);align-items:center;gap:14px;padding:14px;display:flex}.recorder.live{background:color-mix(in srgb, #ff4d6d 10%, var(--surface-2));border-color:#ff4d6d}.rec-info{flex:1;gap:4px;min-width:0;display:grid}.rec-info small{color:var(--muted);font-weight:600}.rec-time{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.rec-btn{color:#fff;cursor:pointer;background:#ff4d6d;border:4px solid #ff4d6d59;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 8px 22px #ff4d6d59}.rec-btn:disabled{opacity:.4}.rec-btn.stop{animation:1.4s ease-in-out infinite recpulse}.rec-btn.small{width:52px;height:52px}.rec-btn.play{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 40%, transparent)}@keyframes recpulse{50%{box-shadow:0 0 0 10px #ff4d6d26}}.meter{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.meter i{transform-origin:0;background:linear-gradient(90deg,#3ddc97,#ffc857 70%,#ff4d6d);height:100%;transition:transform 50ms;display:block}.rec-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rec{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);gap:8px;padding:12px;display:grid}.rec-head{gap:2px;display:grid}.rec-title{cursor:text;text-align:left;background:0 0;border:0;justify-self:start;padding:0;font-size:1rem;font-weight:900}.rec audio{width:100%;height:44px}.trimmer{gap:14px;display:grid}.wave{background:var(--surface-2);border:1px solid var(--line);touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:16px;height:170px;position:relative;overflow:hidden}.wave canvas{width:100%;height:100%;position:absolute;inset:0}.shade{background:color-mix(in srgb, var(--bg) 55%, transparent);pointer-events:none;position:absolute;top:0;bottom:0}.handle{pointer-events:none;width:0;position:absolute;top:0;bottom:0}.handle:before{content:"";background:var(--warm);width:4px;position:absolute;top:0;bottom:0;left:-2px}.handle span{background:var(--warm);border-radius:10px;width:28px;height:54px;margin-top:-27px;position:absolute;top:50%;left:-14px;box-shadow:0 4px 14px #0000004d}.handle span:after{content:"";border-left:2px solid #00000059;border-right:2px solid #00000059;position:absolute;inset:16px 10px}.handle.end span{left:-14px}.playhead{background:var(--text);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.trim-controls{grid-template-columns:1fr auto 1fr;align-items:start;gap:14px;display:grid}.trim-side,.trim-mid{text-align:center;justify-items:center;gap:6px;display:grid}.trim-side small,.trim-mid small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:800}.trim-side b,.trim-mid b{font-variant-numeric:tabular-nums;font-size:1.3rem}@media (width<=640px){.trim-controls{grid-template-columns:1fr}}.editor-toolbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.editor-toolbar .sep{background:var(--line);flex-shrink:0;align-self:stretch;width:1px;margin:0 4px}.editor-toolbar .btn{flex-shrink:0}.inline-select{color:var(--muted);flex-shrink:0;align-items:center;gap:6px;font-size:.85rem;font-weight:800;display:flex}.inline-select select{width:auto;min-height:36px;padding:4px 10px}.editor-body{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid}.editor-area{resize:none;height:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.6;min-height:0!important;box-shadow:none!important;background:var(--surface)!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;padding:18px 20px!important}.editor-preview{padding:18px 24px;overflow:auto}.only-narrow{display:none}@media (width<=899px){.only-narrow{display:inline-flex}.editor-body{grid-template-columns:1fr}.editor-body.show-edit .editor-preview,.editor-body.show-preview .editor-area{display:none}}.help pre{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin:0;padding:12px 14px;font-size:.9rem;overflow-x:auto}.help p{margin:0;line-height:1.5}.pl-meta{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.pl-meta .field:first-child{width:190px}.pl-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pl-item{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);align-items:center;gap:10px;padding:8px 8px 8px 4px;transition:box-shadow .15s,transform .15s;display:flex}.pl-item.dragging{border-color:var(--accent);z-index:2;position:relative;transform:scale(1.02);box-shadow:0 16px 40px #0000004d}.grip{width:44px;height:52px;color:var(--muted);cursor:grab;touch-action:none;background:0 0;border:0;place-items:center;display:grid}.pl-num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-weight:900;display:grid}.pl-song{min-width:0;color:var(--text);flex:1;padding:6px 4px;text-decoration:none;display:grid}.pl-song strong{white-space:nowrap;text-overflow:ellipsis;font-size:1.08rem;overflow:hidden}.pl-song small{color:var(--muted);font-weight:700}.pick-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pick-list button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:50px;padding:0 14px;font-weight:700;display:flex}.pick-list button:hover{background:var(--surface-2)}.pick-list .tag{margin:0}.danger-zone{justify-content:center;margin-top:30px;display:flex}.print-head{display:none}.member-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.member-card{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);border-left:6px solid var(--c);gap:12px;padding:14px;display:grid}.member-top{align-items:center;gap:10px;display:flex}.swatch{background:var(--c);border-radius:50%;flex-shrink:0;width:18px;height:18px}.member-name{font-weight:900;background:var(--surface)!important;font-size:1.1rem!important}.colors{flex-wrap:wrap;gap:8px;display:flex}.color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000026}.color-dot.on{border-color:var(--text)}.color-dot.custom{background:conic-gradient(#ff6b8b,#ffc857,#3ddc97,#35c7e8,#5b86ff,#b388ff,#ff6b8b)}.color-dot.custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.role-add input{background:var(--surface)!important;border-radius:999px!important;width:150px!important;min-height:34px!important;padding:4px 12px!important}.suggestions .pill{min-height:30px;font-size:.82rem}.member-add{border-radius:var(--radius);border:2px dashed var(--line);min-height:180px;color:var(--muted);cursor:pointer;background:0 0;align-content:center;place-items:center;gap:6px;font-weight:800;display:grid}.member-add:hover{border-color:var(--accent);color:var(--accent)}.user-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.user-list li{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.user-list input{width:160px!important;min-height:36px!important}.user-name{align-items:center;gap:8px;font-weight:800;display:inline-flex}.add-user{border-top:1px solid var(--line);flex-wrap:wrap;align-items:end;gap:10px;padding-top:6px;display:flex}.add-user .field{flex:1;min-width:140px}.add-user .check{min-height:46px}.app-shell{flex-direction:column;height:100dvh;display:flex}.app-main{flex:1;min-height:0;position:relative;overflow:auto}.page{min-height:100%}.song-page,.editor-page{height:100%}.player-bar{z-index:40;padding:8px max(12px, env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--line);align-items:center;gap:6px;display:flex;box-shadow:0 -8px 24px #0000002e}.player-play{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.player-main{flex:1;gap:2px;min-width:0;padding:0 6px;display:grid}.player-title{white-space:nowrap;align-items:baseline;gap:8px;font-size:.85rem;display:flex;overflow:hidden}.player-title a{color:var(--text);font-weight:900;text-decoration:none}.player-title span{color:var(--muted);text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-seek{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:.78rem;display:flex}.player-seek input[type=range]{height:24px;accent-color:var(--accent);flex:1;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.player-rate{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;min-width:52px;height:36px;font-weight:900}@media (width<=560px){.player-bar .icon-btn.small:nth-of-type(2),.player-bar .icon-btn.small:nth-of-type(3){display:none}}@media (width<=999px){.has-player .panel{bottom:calc(66px + env(safe-area-inset-bottom))}}body:has(.has-player) .toasts{bottom:calc(96px + env(safe-area-inset-bottom))}.pop-item{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;font-weight:700;display:flex}.pop-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pop-item small{color:var(--muted);font-variant-numeric:tabular-nums}.pop-item:hover,.pop-item.on{background:var(--accent-soft);color:var(--accent)}.rec{grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.rec .btn-row{grid-column:1/-1}.rec.active{border-color:var(--accent)}.rec-play{background:var(--accent-soft);width:46px;height:46px;color:var(--accent);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.rec-play.on{background:var(--accent);color:#fff}.rec-head input{min-height:38px}.music-chip{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:14px;align-items:stretch;min-height:44px;padding:0;display:inline-flex;overflow:hidden}.music-chip:hover{border-color:var(--accent)}.music-chip>span{border-left:1px solid var(--line);align-content:center;justify-items:start;gap:1px;padding:3px 12px;line-height:1.1;display:grid}.music-chip>span:first-child{border-left:0}.music-chip small{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.6rem;font-weight:800}.music-chip b{font-family:var(--font-text);color:var(--chord);white-space:nowrap;font-size:1.02rem}.music-chip>span.mine{background:var(--warm-soft)}.music-chip>span.mine b{color:var(--warm)}.chip.metro{gap:6px;min-height:44px}.card.flat{box-shadow:none;background:var(--surface-2)}.card.flat input{background:var(--surface)}.panel-head h2{flex:1;padding-left:4px;font-size:1.05rem;font-weight:900}.note-pin{border:1px solid color-mix(in srgb, var(--warm) 45%, transparent);background:var(--warm-soft);color:var(--warm);font-family:var(--font-ui);cursor:pointer;vertical-align:.2em;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;margin-left:.4em;padding:.15em .45em;font-size:.6em;font-weight:900;line-height:1.1;display:inline-flex;position:relative}.lyr-line .note-pin{vertical-align:bottom;margin-bottom:.25em}.note-pin b{font-weight:900}.note-tip{z-index:25;background:var(--surface);width:max-content;max-width:min(320px,70vw);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);white-space:normal;text-align:left;cursor:default;border-radius:12px;gap:8px;padding:10px 12px;font-size:15px;font-weight:600;line-height:1.35;display:none;position:absolute;top:calc(100% + 6px);left:0}@media (hover:hover){.note-pin:hover .note-tip{display:grid}}.note-pin.open .note-tip{display:grid}.note-pin.open{background:var(--warm);color:#1b1300}.note-tip-item{gap:2px;display:grid}.note-tip-item small{color:var(--muted);font-size:12px;font-weight:700}.note-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.note-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warm);border-radius:12px;gap:6px;padding:10px 12px;display:grid}.note-item.private{border-left-color:var(--muted)}.note-where{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-size:.82rem;font-weight:800;display:inline-flex}.note-where:hover{color:var(--accent)}.note-text{white-space:pre-line;margin:0;line-height:1.4}.note-meta{align-items:center;gap:4px;display:flex}.note-meta small{color:var(--muted);flex:1;font-weight:700}.role-list{gap:6px;display:grid}.role-row{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:12px;gap:8px;padding:6px 6px 6px 8px;display:grid}.role-main{align-items:center;gap:10px;display:flex}.role-color{border:3px solid var(--surface);width:28px;height:28px;box-shadow:0 0 0 1px var(--line);background:var(--c);cursor:pointer;border-radius:50%;flex-shrink:0}.role-name{flex:1;font-weight:800}.role-add input{width:100%!important}.member-card{border-left-color:var(--c)}.color-grid{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:8px;padding:10px;display:grid}.color-grid .color-dot{aspect-ratio:1;width:100%;height:auto}.color-dot.taken{opacity:.35}.color-dot.taken.on{opacity:1}.member-color{width:36px;height:36px}.bar,.bar-sample{background:var(--c);width:6px}.bar.s-dotted,.bar-sample.s-dotted{background:radial-gradient(circle, var(--c) 2.2px, transparent 2.7px) center top / 6px 7px repeat-y}.bar.s-dashed,.bar-sample.s-dashed{background:repeating-linear-gradient(to bottom, var(--c) 0 7px, transparent 7px 11px)}.bar.s-long,.bar-sample.s-long{background:repeating-linear-gradient(to bottom, var(--c) 0 16px, transparent 16px 21px)}.bar.s-cross,.bar-sample.s-cross,.bar.s-circle,.bar-sample.s-circle{background:var(--c);-webkit-mask:var(--pattern) center top / 6px 8px repeat-y;-webkit-mask:var(--pattern) center top / 6px 8px repeat-y;mask:var(--pattern) center top / 6px 8px repeat-y}.s-cross{--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Cpath d='M1 2l4 4M5 2L1 6' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}.s-circle{--pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 8'%3E%3Ccircle cx='3' cy='4' r='2' fill='none' stroke='black' stroke-width='1.2'/%3E%3C/svg%3E")}.bar.clickable{pointer-events:auto;cursor:pointer}.bar.clickable:after{content:"";position:absolute;inset:0 -3px}.bar.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--c);z-index:1}.bar-sample{border-radius:2px;flex-shrink:0;height:26px;display:inline-block}.bar.s-dashdot,.bar-sample.s-dashdot{background:repeating-linear-gradient(to bottom, var(--c) 0 12px, transparent 12px 15px, var(--c) 15px 18px, transparent 18px 22px)}.role-style{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;display:inline-flex}.role-style .bar-sample{height:20px}.role-style small{color:var(--muted);white-space:nowrap;font-weight:700}.role-picker{gap:10px;display:grid}.style-pick{flex-wrap:wrap;gap:6px;display:flex}.style-opt{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:.82rem;font-weight:700;display:inline-flex}.style-opt.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.style-opt .bar-sample{height:22px}.switch{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex}.switch input{appearance:none;background:var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:48px;height:28px;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--accent)}.switch input:checked:after{left:23px}.legend-text{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;padding:4px 0}.legend-text:hover{color:var(--accent)}.legend-member li.editing{background:var(--accent-soft);border-radius:8px;padding:0 4px}.marking h3{font-size:1rem}.order-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.order-list li{align-items:center;gap:6px;display:flex}.order-list .member-chip{cursor:default;flex:1}.rec{grid-template-columns:auto 1fr auto}.rec .btn-row,.rec-edit{grid-column:1/-1}.rec-edit{gap:8px;display:grid}.rec-move{display:grid}.rec-head .rec-title{font-weight:900}.rec-note{color:var(--muted);white-space:pre-line;margin:2px 0 0;font-size:.88rem}.title-edit{min-width:0;color:var(--muted);cursor:text;flex:1;align-items:center;gap:6px;display:flex}.title-edit .title-input{border-bottom:2px dashed var(--line)!important;border-radius:8px 8px 0 0!important}@media print{:root,:root[data-theme=dark]{--bg:#fff;--surface:#fff;--text:#000;--muted:#444;--line:#bbb;--accent:#000;--accent-soft:#eee}body{background:#fff}.topbar,.toolbar,.pl-meta,.grip,.pl-item .icon-btn,.danger-zone,.badge,.tag{display:none!important}.print-head{margin-bottom:12px;display:block}.print-head h1{font-size:28pt}.pl-item{box-shadow:none;border:0;border-bottom:1px solid #ccc;border-radius:0;padding:6px 0}.pl-song strong{font-size:20pt}.pl-num{background:0 0;font-size:16pt}}