@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}:root{--bg:#14161a;--panel:#1d2026;--line:#2d323b;--text:#e8eaed;--muted:#9aa1ad;--accent:#5b9dff;--accent-text:#08111f;--danger:#ff6b6b;--ok:#5fd08a;--warn:#f2b84b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-feature-settings:"tnum", "cv11";-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.5 Inter Variable,system-ui,sans-serif}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1.1rem}.page{max-width:820px;padding:16px calc(16px + env(safe-area-inset-right)) 48px calc(16px + env(safe-area-inset-left));gap:16px;margin:0 auto;display:grid}.narrow{max-width:420px;padding-top:12vh}.stack{gap:12px;display:grid}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:.9rem}.error{color:var(--danger);margin:0}.notice{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:10px;margin:0;padding:12px;font-size:.9rem}.notice.warn{border-color:var(--warn);color:var(--text)}.notice p{margin:0 0 10px}button,.btn,input,textarea{font:inherit;color:inherit}button,.btn{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}button:hover,.btn:hover{border-color:var(--muted)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.danger{color:var(--danger)}input,textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;width:100%;min-height:44px;padding:10px}textarea{resize:vertical}label{gap:6px;display:grid}.save{color:var(--ok);font-size:.8rem}.save.saving{color:var(--warn)}.save.error{color:var(--danger)}.songs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.songs a{background:var(--panel);border:1px solid var(--line);color:inherit;border-radius:10px;gap:2px;padding:14px;text-decoration:none;display:grid}.songs a:hover{border-color:var(--accent)}.empty{padding:20px 0}.badge{background:var(--ok);color:#06210f;border-radius:99px;margin-left:8px;padding:1px 8px;font-size:.75rem}.actions{flex-wrap:wrap;gap:8px;display:flex}.progress{gap:4px;display:grid}.progress progress{width:100%}.ico{flex:none;width:1.25em;height:1.25em;display:block}.buttons .big .ico{width:1.6em;height:1.6em}.topbar{align-items:center;gap:4px;margin:0 -8px;display:flex}.back{width:40px;height:40px;color:var(--muted);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.back:hover{color:var(--text);background:var(--panel)}.title{text-overflow:ellipsis;background:0 0;border-color:#0000;flex:1;min-width:0;min-height:40px;padding:0 8px;font-size:1rem;font-weight:600}.title:hover{border-color:var(--line)}.title:focus{background:var(--bg);border-color:var(--accent);outline:none}.foot{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.foot .save{font-size:.8rem}.transport{background:var(--panel);border:1px solid var(--line);z-index:2;border-radius:14px;gap:10px;padding:12px;display:grid}@media (height>=780px){.transport{position:sticky;top:0}}.timeline{gap:8px;display:grid}.tl-tools{align-items:center;gap:6px;display:flex}.tl-tools button{min-width:44px;padding:0 10px}.zoom{font-variant-numeric:tabular-nums;margin-left:auto}.tl-box{width:100%}.tl-main,.tl-over{touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0d0f12;border-radius:8px;width:100%;display:block}.tl-over{cursor:grab}.times{font-variant-numeric:tabular-nums;grid-template-columns:6ch 1fr 6ch;display:grid}.times span:last-child{text-align:right}.now-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.buttons{grid-template-columns:1fr 1fr 1.4fr 1fr 1fr;gap:8px;display:grid}.buttons button{min-height:52px;padding:0;font-size:1.05rem;font-weight:500}.buttons .big{min-height:60px;font-size:1.5rem}.rates{gap:6px;display:flex}.rates button{flex:1;padding:0}.seg-head{align-items:center;gap:10px;display:flex}.seg-head h2{margin-right:auto}.seg-head .at{text-align:right;font-variant-numeric:tabular-nums;width:5.5ch}.seg-head .add{white-space:nowrap;flex:none}.track{background:var(--bg);border:1px solid var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;height:40px;padding:0 10px;display:flex;position:relative;overflow:hidden}.track .fill{pointer-events:none;background:#2c4c7c;position:absolute;inset:0 auto 0 0}.segment.on .track .fill{background:var(--accent);opacity:.55}.segment.looping .track .fill{background:var(--warn);opacity:.5}.track .range{font-variant-numeric:tabular-nums;pointer-events:none;font-size:.85rem;position:relative}.notes-preview{color:var(--muted);white-space:pre-wrap;margin:0;font-size:.9rem}.edit{gap:8px;display:grid}.icon{width:44px;padding:0}.icon .ico{width:1.1em;height:1.1em}.segment{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:8px;margin-top:10px;padding:12px;display:grid}.segment.on{border-color:var(--accent)}.row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.grow{flex:1;min-width:120px}.time{flex:1;grid-template-columns:auto 1fr auto;align-items:center;min-width:150px}.time span{color:var(--muted);font-size:.8rem}.time input{min-width:0}.time button{padding:0 10px}@media (width<=480px){.buttons button{font-size:1rem}.seg-head .add{padding:0 10px}}