@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-ext-wght-normal-B5bTHO_g.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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./instrument-sans-latin-wght-normal-BbzFLZTg.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{--font-display:"Bricolage Grotesque Variable", "Instrument Sans Variable", system-ui, sans-serif;--font-ui:"Instrument Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--bg:#12101c;--bg-raised:#1a1727;--surface:#211d32;--surface-2:#2b2640;--line:#342e4d;--text:#f3f0fb;--muted:#a39dbe;--faint:#8f89ad;--rec:#ff5468;--on-rec:#1f0810;--rec-soft:#ff546829;--accent:#9a87ff;--accent-soft:#9a87ff2e;--on-accent:#120d26;--wave:#6f68a0;--on-section:#14101f;--shadow:0 10px 30px #04020c80;--sec-intro:#6e9bff;--sec-verse:#3ed6bd;--sec-pre:#b38cff;--sec-chorus:#ffb547;--sec-bridge:#ff7ec8;--sec-solo:#8be564;--sec-outro:#8fa3bf;--sec-mark:#c9c2e8;--radius:16px;--radius-sm:10px;--tabbar-h:68px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f6f4fc;--bg-raised:#fff;--surface:#fff;--surface-2:#eeeaf8;--line:#e0dbf0;--text:#1b1730;--muted:#6a6488;--faint:#6f6990;--rec:#cf2840;--on-rec:#fff;--rec-soft:#cf28401f;--accent:#6a52f0;--accent-soft:#6a52f01f;--on-accent:#fff;--wave:#a9a3cf;--on-section:#1b1730;--shadow:0 10px 30px #3c287824;--sec-intro:#4b7bf5;--sec-verse:#14a58b;--sec-pre:#8e62ee;--sec-chorus:#f29a12;--sec-bridge:#e04fa0;--sec-solo:#5bb22f;--sec-outro:#7288a6;--sec-mark:#9189b5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#f6f4fc;--bg-raised:#fff;--surface:#fff;--surface-2:#eeeaf8;--line:#e0dbf0;--text:#1b1730;--muted:#6a6488;--faint:#6f6990;--rec:#cf2840;--on-rec:#fff;--rec-soft:#cf28401f;--accent:#6a52f0;--accent-soft:#6a52f01f;--on-accent:#fff;--wave:#a9a3cf;--on-section:#1b1730;--shadow:0 10px 30px #3c287824;--sec-intro:#4b7bf5;--sec-verse:#14a58b;--sec-pre:#8e62ee;--sec-chorus:#f29a12;--sec-bridge:#e04fa0;--sec-solo:#5bb22f;--sec-outro:#7288a6;--sec-mark:#9189b5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.spacer{flex:1}#root{min-height:100dvh}.page{width:100%;max-width:640px;padding:calc(var(--safe-t) + 8px) 16px calc(var(--tabbar-h) + var(--safe-b) + 36px);margin:0 auto}.take-page{padding-bottom:calc(var(--safe-b) + 48px)}.page-header{padding-bottom:8px;position:relative}.page-header-row{justify-content:space-between;align-items:center;min-height:44px;display:flex}.page-header-right{gap:6px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;font-size:24px;font-weight:650;line-height:1.15}.page-header.large .page-title{letter-spacing:-.03em;font-size:38px}.title-btn{font:inherit;letter-spacing:inherit;text-align:left}.page-lead{color:var(--muted);max-width:46ch;margin:4px 0 18px}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin:28px 0 10px;font-size:18px;font-weight:600}.icon-btn{width:40px;height:40px;color:var(--text);border-radius:50%;flex:none;place-items:center;transition:background .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-2)}.icon-btn.filled{background:var(--accent);color:var(--on-accent)}.icon-btn.filled:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.icon-btn.sm{width:34px;height:34px;color:var(--muted)}.icon-btn.is-on{color:var(--accent);background:var(--accent-soft)}.btn{background:var(--surface-2);border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:600;transition:transform .1s,filter .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.sm{border-radius:11px;min-height:36px;padding:0 14px;font-size:14px}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-danger{background:var(--rec-soft);color:var(--rec)}.btn-rec{background:var(--rec);color:var(--on-rec)}.btn-block{width:100%;margin:14px 0 6px}.link-btn{color:var(--accent);align-items:center;gap:6px;padding:6px 2px;font-size:14px;font-weight:600;display:inline-flex}.list{flex-direction:column;gap:2px;display:flex}.row{border-radius:var(--radius);align-items:center;gap:4px;transition:background .15s;display:flex}.row-main{flex:1;align-items:center;gap:14px;min-width:0;padding:10px 6px 10px 8px;display:flex}.row-text{flex-direction:column;gap:1px;min-width:0;display:flex}.row-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.row-sub{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:13.5px;display:flex}.tile{--c:var(--accent);width:46px;height:46px;color:var(--c);background:color-mix(in srgb, var(--c) 18%, transparent);border-radius:14px;flex:none;place-items:center;display:grid}.tile-folder{--c:var(--muted);background:var(--surface-2)}.take-row{padding-right:2px}.take-wave{background:var(--surface);border-radius:10px;flex:none;width:92px;overflow:hidden}.take-wave .waveform{width:100%;display:block}.inbox-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);align-items:center;gap:14px;width:100%;margin:8px 0 18px;padding:14px 16px;display:flex}.inbox-icon{background:var(--rec-soft);width:46px;height:46px;color:var(--rec);border-radius:14px;flex:none;place-items:center;display:grid}.inbox-card .row-text{flex:1}.inbox-card .row-sub{display:block}.empty{flex-direction:column;align-items:flex-start;gap:8px;max-width:40ch;padding:28px 4px;display:flex}.empty-icon{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:6px;display:grid}.empty h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px}.empty p{color:var(--muted)}.empty-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.tabbar{z-index:20;height:calc(var(--tabbar-h) + var(--safe-b));padding:0 max(2px, calc((100vw - 640px) / 2)) var(--safe-b);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-top:1px solid var(--line);grid-template-columns:1fr 1fr 84px 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--faint);flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tab.is-active{color:var(--text)}.tab-icon{place-items:center;display:grid;position:relative}.tab-badge{background:var(--rec);min-width:18px;height:18px;color:var(--on-rec);border-radius:9px;place-items:center;padding:0 4px;font-size:12px;font-style:normal;display:grid;position:absolute;top:-5px;right:-9px}.tab-rec{color:#fff;background:var(--rec);width:64px;height:64px;box-shadow:0 0 0 6px var(--bg), 0 8px 24px var(--rec-soft), 0 6px 18px #ff546866;border-radius:50%;justify-self:center;place-items:center;margin-top:-26px;transition:transform .12s;display:grid}.tab-rec:active{transform:scale(.93)}.chip{--c:var(--accent);background:var(--surface-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip-pick{background:color-mix(in srgb, var(--c) 18%, transparent);color:var(--text);border:1.5px solid color-mix(in srgb, var(--c) 55%, transparent)}.chip-pick.is-on,.chip-section.solid{background:var(--c);color:var(--on-section);border-color:var(--c)}.chip-pick.big{min-height:48px;padding:0 20px;font-size:16px}.chip-section{background:color-mix(in srgb, var(--c) 22%, transparent);color:var(--text);gap:8px}.chip-section small{opacity:.7;font-variant-numeric:tabular-nums;font-weight:500}.chip-row,.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.segmented{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:34px;color:var(--muted);text-align:center;white-space:nowrap;border-radius:9px;padding:0 14px;font-size:14px;font-weight:600}.segmented button.is-on{background:var(--surface-2);color:var(--text)}.segmented.wide{margin:8px 0 4px;display:flex}.segmented.wide button{flex:1}.count{color:var(--faint);margin-left:4px}.sheet-root{z-index:60;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#05030c99;animation:.18s ease-out fade;position:absolute;inset:0}.sheet{width:100%;max-width:560px;max-height:86dvh;padding:10px 18px calc(var(--safe-b) + 20px);background:var(--bg-raised);border:1px solid var(--line);box-shadow:var(--shadow);border-bottom:0;border-radius:24px 24px 0 0;animation:.24s cubic-bezier(.2,.9,.3,1) rise;position:relative;overflow-y:auto}@media (width>=640px){.sheet-root{align-items:center}.sheet{border-bottom:1px solid var(--line);border-radius:24px}}.sheet-grip{background:var(--line);border-radius:2px;width:38px;height:4px;margin:0 auto 14px}.sheet-title{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;margin-bottom:14px;font-size:21px}.sheet-text{color:var(--muted);margin:-4px 0 16px}.sheet-buttons{gap:10px;margin-top:18px;display:flex}.sheet-buttons .btn{flex:1}.field{background:var(--surface);border:1.5px solid var(--line);resize:vertical;border-radius:12px;width:100%;min-height:48px;padding:11px 14px}.field:focus{border-color:var(--accent);outline:none}.form{flex-direction:column;gap:14px;display:flex}.form-field{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.action-list{flex-direction:column;display:flex}.action{border-radius:12px;align-items:center;gap:14px;width:100%;min-height:52px;padding:0 6px;font-weight:600;display:flex}.action:hover{background:var(--surface-2)}.action-danger{color:var(--rec)}.dot{border-radius:50%;width:14px;height:14px;display:inline-block}.toasts{left:0;right:0;bottom:calc(var(--tabbar-h) + var(--safe-b) + 14px);z-index:80;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--text);max-width:min(92vw,440px);color:var(--bg);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:14px;padding:12px 16px;font-size:14.5px;font-weight:600;animation:.22s cubic-bezier(.2,.9,.3,1) rise;display:flex}.toast button{color:var(--accent);filter:brightness(.85);font-weight:700}.pick-list,.pick-sub{flex-direction:column;display:flex}.pick-sub{border-left:2px solid var(--line);margin:0 0 6px 38px}.pick-row{border-radius:12px;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 14px;font-weight:600;display:flex}.pick-row:hover{background:var(--surface-2)}.pick-row.is-current{color:var(--accent)}.pick-row span{flex:1}.pick-new{color:var(--accent)}.pick-chevron{color:var(--faint);transition:transform .15s}.pick-chevron.open{transform:rotate(90deg)}.search-field{background:var(--surface);border:1.5px solid var(--line);min-height:50px;color:var(--muted);border-radius:14px;align-items:center;gap:10px;margin:6px 0 14px;padding:0 14px;display:flex}.search-field:focus-within{border-color:var(--accent)}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.settings-group{margin-bottom:8px}.setting{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.setting-name{font-weight:600}.setting-help,.setting-note{color:var(--muted);max-width:42ch;font-size:14px}.setting-note{margin:12px 0}.setting-actions{flex-wrap:wrap;gap:10px;display:flex}.setting-switch input{appearance:none;background:var(--surface-2);cursor:pointer;border-radius:16px;flex:none;width:52px;height:32px;transition:background .18s;position:relative}.setting-switch input:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s;position:absolute;top:3px;left:3px}.setting-switch input:checked{background:var(--accent)}.setting-switch input:checked:after{transform:translate(20px)}.about{color:var(--faint);margin-top:28px;font-size:13px}.meta-row{gap:8px;margin:2px 0 14px;display:flex}.meta-pill{border:1.5px dashed var(--line);color:var(--muted);border-radius:999px;padding:5px 12px;font-size:13.5px;font-weight:600}.draft-tabs{padding:2px 0 10px;scrollbar-width:none;gap:8px;margin:0 -16px;padding-inline:16px;display:flex;overflow-x:auto}.draft-tabs::-webkit-scrollbar{display:none}.draft-tab{background:var(--surface);border:1.5px solid var(--line);min-height:40px;color:var(--muted);border-radius:12px;flex:none;align-items:center;gap:6px;padding:0 16px;font-weight:650;display:inline-flex}.draft-tab.is-on{background:var(--text);border-color:var(--text);color:var(--bg)}.draft-add{border-style:dashed;padding:0 12px}.lyrics{flex-direction:column;gap:12px;margin-top:14px;display:flex}.lyric-card{--c:var(--accent);border-radius:var(--radius);background:var(--surface);border-left:5px solid var(--c);padding:12px 12px 8px 14px}.lyric-head{align-items:center;gap:8px;display:flex}.lyric-head .chip{min-height:30px;padding:0 12px;font-size:13px}.lyric-title{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-weight:600}.lyric-title::placeholder,.lyric-text::placeholder{color:var(--faint);font-weight:400}.lyric-tools{display:flex}.lyric-text{resize:none;background:0 0;border:0;outline:none;width:100%;margin-top:6px;padding:6px 2px 8px;font-size:16.5px;line-height:1.6;display:block;overflow:hidden}.add-sections{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.notes{min-height:110px}.where-chip{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:7px;margin:2px 0 14px;padding:6px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.wave-card{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;transition:border-color .2s;overflow:hidden}.wave-card.is-editing{border-color:var(--accent)}.waveform{touch-action:none;cursor:pointer;width:100%;display:block}.wave-foot{align-items:center;gap:12px;padding:4px 8px 6px 14px;font-size:14px;display:flex}.time-now{font-size:15px;font-weight:700}.overview{background:var(--surface-2);touch-action:none;border-radius:5px;height:10px;margin:0 14px;position:relative}.overview-thumb{background:var(--accent);pointer-events:none;border-radius:5px;min-width:14px;position:absolute;top:0;bottom:0}.transport{justify-content:center;align-items:center;gap:14px;margin:22px 0 20px;display:flex}.round-btn{background:var(--surface-2);border-radius:50%;place-items:center;width:52px;height:52px;transition:transform .1s;display:grid}.round-btn:active:not(:disabled){transform:scale(.93)}.round-btn.sm{background:var(--surface);width:42px;height:42px;color:var(--muted)}.round-btn.sm.is-on{background:var(--accent-soft);color:var(--accent)}.round-btn.rate{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.play-btn{background:var(--text);width:76px;height:76px;color:var(--bg);border-radius:50%;place-items:center;transition:transform .1s;display:grid}.play-btn:active{transform:scale(.94)}.tool-row{gap:10px;display:flex}.tool-row .btn{flex:1}.edit-panel{background:var(--surface);border:1.5px solid var(--accent);border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.edit-head{justify-content:space-between;align-items:center;display:flex}.edit-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px}.edit-hint{color:var(--muted);font-size:14.5px}.edit-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.edit-foot{justify-content:space-between;display:flex}.silence-box{flex-direction:column;gap:12px;display:flex}.marker-list{flex-direction:column;gap:6px;display:flex}.marker-row{--c:var(--accent);background:var(--surface);border-left:5px solid var(--c);border-radius:14px;align-items:center;gap:2px;padding-right:4px;display:flex}.marker-row.is-active{background:color-mix(in srgb, var(--c) 16%, var(--surface))}.marker-main{flex:1;align-items:center;gap:14px;min-width:0;padding:12px 8px 12px 14px;display:flex}.marker-time{color:var(--muted);min-width:38px;font-size:14px;font-weight:600}.marker-name{flex-direction:column;min-width:0;font-weight:650;display:flex}.marker-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.recorder{z-index:50;padding:calc(var(--safe-t) + 8px) 16px calc(var(--safe-b) + 18px);background:radial-gradient(120% 60% at 50% 38%, var(--rec-soft), transparent 70%), var(--bg);flex-direction:column;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.recorder>*{width:100%;max-width:560px;margin-inline:auto}.recorder-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.recorder-target{background:var(--surface);border:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:70%;padding:6px 14px;font-size:13.5px;font-weight:600;overflow:hidden}.recorder-main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.recorder-status{color:var(--muted);align-items:center;gap:8px;font-weight:600;display:flex}.rec-dot{background:var(--faint);border-radius:50%;width:10px;height:10px}.rec-dot.on{background:var(--rec);animation:1.4s ease-in-out infinite pulse}.recorder-time{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(64px,22vw,96px);font-weight:600;line-height:1}.live-wave{width:100%;height:120px;color:var(--rec);margin:14px 0 6px}.recorder-markers{flex-wrap:wrap;justify-content:center;gap:6px;min-height:34px;max-height:84px;display:flex;overflow-y:auto}.recorder-markers .chip{min-height:30px;padding:0 10px;font-size:13px}.recorder-bottom{flex-direction:column;gap:18px;display:flex}.section-picker{scrollbar-width:none;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.section-picker::-webkit-scrollbar{display:none}.section-picker .chip{flex:none}.recorder-controls{justify-content:space-around;align-items:center;display:flex}.stop-btn{background:var(--rec);color:#fff;width:92px;height:92px;box-shadow:0 0 0 8px var(--rec-soft), 0 10px 30px #ff546859;border-radius:50%;place-items:center;transition:transform .1s;display:grid}.stop-btn:active:not(:disabled){transform:scale(.94)}.recorder-controls .round-btn{width:60px;height:60px}.recorder-error{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:12px;max-width:40ch;display:flex}.recorder-error h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:26px}.recorder-error p{color:var(--muted)}.about,.setting-note{line-height:1.5}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.backup-note{border-radius:var(--radius);background:var(--accent-soft);text-align:left;align-items:center;gap:12px;width:100%;margin:-6px 0 16px;padding:12px 16px;display:flex}.backup-note .row-text{flex:1}.backup-note .row-sub{display:block}.volume-row{color:var(--muted);align-items:center;gap:12px;margin:0 4px 18px;display:flex}.volume-val{text-align:right;min-width:40px;font-size:13.5px;font-weight:600}input[type=range]{--fill:50%;appearance:none;cursor:pointer;background:0 0;flex:1;height:28px}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--surface-2) var(--fill));border-radius:3px;height:6px}input[type=range]::-moz-range-track{background:var(--surface-2);border-radius:3px;height:6px}input[type=range]::-moz-range-progress{background:var(--accent);border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:0;border-radius:50%;width:24px;height:24px;margin-top:-9px;box-shadow:0 2px 8px #00000059}input[type=range]::-moz-range-thumb{background:var(--text);border:0;border-radius:50%;width:24px;height:24px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:28px;display:flex}.section-head .section-title{margin:0 0 10px}.section-head .segmented{margin-bottom:8px}.section-head .segmented button{min-height:30px;padding:0 12px;font-size:13px}.marker-row{padding-right:0;display:block}.marker-line{align-items:center;gap:2px;padding-right:4px;display:flex}.marker-row.is-open{background:color-mix(in srgb, var(--c) 12%, var(--surface))}.marker-edit{padding:4px 14px 14px}.comment-form{align-items:center;gap:8px;margin-bottom:12px;display:flex}.comment-input{background:var(--surface);border:1.5px solid var(--line);min-width:0;min-height:46px;color:var(--muted);border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 6px 0 14px;display:flex}.comment-input:focus-within{border-color:var(--accent)}.comment-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1}.comment-at{background:var(--surface-2);min-height:28px;color:var(--text);padding:0 10px;font-size:12.5px}.comment-list{flex-direction:column;gap:6px;display:flex}.comment-row{background:var(--surface);border-radius:14px;align-items:flex-start;gap:8px;padding:8px 4px 8px 12px;display:flex}.comment-time{background:var(--surface-2);border-radius:999px;flex:none;margin-top:3px;padding:2px 9px;font-size:13px;font-weight:650}.comment-text{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0;padding:3px 0}.full-lyrics{resize:vertical;min-height:55vh;font-size:16.5px;line-height:1.7}.lyrics>.segmented{align-self:flex-start}.recorder-hint{text-align:center;max-width:34ch;color:var(--muted);font-size:14px}.round-btn.ghost{visibility:hidden;background:0 0}.tracks{flex-direction:column;gap:12px;margin-top:14px;display:flex}.mix-transport{align-items:center;gap:12px;display:flex}.play-btn.small{width:56px;height:56px}.mix-time{font-size:16px;font-weight:700}.mix-loading{font-size:13px}.track-list{flex-direction:column;gap:10px;display:flex}.track{--c:var(--accent);border-radius:var(--radius);background:var(--surface);border-left:5px solid var(--c);flex-direction:column;gap:6px;padding:10px 12px 8px;display:flex}.track .dot{background:var(--c);flex:none}.track-head{align-items:center;gap:8px;display:flex}.track-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:650;overflow:hidden}.mini-toggle{background:var(--surface-2);width:32px;height:32px;color:var(--muted);text-align:center;border-radius:9px;font-size:13px;font-weight:800}.mini-toggle.mute.is-on{background:var(--rec);color:var(--on-rec)}.mini-toggle.solo.is-on{background:var(--sec-chorus);color:var(--on-section)}.track .waveform{background:color-mix(in srgb, var(--c) 8%, transparent);border-radius:10px}.track-vol{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.track-vol input[type=range]{height:24px}.track-vol span{text-align:right;min-width:38px}.sync-row{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.sync-label{margin-right:4px;font-size:14px}.sync-row .setting-help{flex-basis:100%}.check-row{background:var(--surface);border-radius:14px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.check-row input{width:22px;height:22px;accent-color:var(--accent);margin-top:2px}.check-row span,.choice{flex-direction:column;gap:2px;display:flex}.check-row small,.choice small{color:var(--muted);font-size:13.5px}.choice{background:var(--surface-2);text-align:left;border-radius:14px;width:100%;padding:14px 16px}.choice strong{font-size:16px}.paused-wave{background:var(--surface);border:1px solid var(--line);border-radius:16px;width:100%;margin:14px 0 6px;overflow:hidden}.resume-from{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.resume-from-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.resume-from .setting-help{max-width:34ch}.recorder-controls{align-items:flex-start}.rec-ctl{width:96px;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:650;line-height:1.2;display:flex}.rec-ctl .round-btn{margin-top:16px}.big-btn{border-radius:50%;place-items:center;width:92px;height:92px;transition:transform .1s;display:grid}.big-btn:active:not(:disabled){transform:scale(.94)}.big-btn.live{background:var(--surface-2);color:var(--text);box-shadow:0 0 0 3px var(--rec), 0 0 0 9px var(--rec-soft)}.big-btn.paused{background:var(--rec);color:#fff;box-shadow:0 0 0 8px var(--rec-soft), 0 10px 30px #ff546859}.big-btn.save,.round-btn.save{background:var(--accent);color:var(--on-accent)}.recorder-controls .round-btn.save{width:60px;height:60px}.chip.split{gap:0;padding:0;overflow:hidden}.chip-main{min-height:inherit;color:inherit;font-weight:inherit;align-items:center;gap:8px;padding:0 4px 0 12px;display:inline-flex}.chip-main:disabled{opacity:1;cursor:default}.chip-x{border-left:1px solid color-mix(in srgb, var(--c) 35%, transparent);width:34px;color:var(--muted);align-self:stretch;place-items:center;display:grid}.chip-x:hover{color:var(--rec)}.preview-bar{align-items:center;gap:10px;display:flex}.listen-btn{background:var(--accent-soft);min-width:150px;color:var(--text);border:1.5px solid var(--accent)}.preview-time{font-weight:700}.resume-from-row{align-items:center}.history-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding-bottom:12px;display:flex}.history-bar .btn{max-width:100%}.edit-step{flex-direction:column;gap:8px;display:flex}.edit-step h3{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px}.edit-status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.edit-status.has-sel{color:var(--text);font-weight:650}.edit-actions{flex-direction:column;gap:8px;display:flex}.action-card{background:var(--surface-2);text-align:left;border-radius:14px;align-items:flex-start;gap:14px;width:100%;padding:13px 14px;display:flex}.action-card svg{flex:none;margin-top:1px}.action-card span{flex-direction:column;gap:2px;display:flex}.action-card small{color:var(--muted);font-size:13.5px;line-height:1.35}.last-edit{background:var(--accent-soft);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:8px 14px;font-size:14px;display:flex}.comment-lane-wrap{border-top:1px solid var(--line)}.comment-lane{cursor:copy;background:linear-gradient(to right, var(--accent-soft) var(--played), transparent var(--played)), var(--surface-2);height:42px;position:relative;overflow:hidden}.lane-playhead{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.pin{background:var(--text);width:24px;height:24px;color:var(--bg);cursor:pointer;border-radius:50% 50% 50% 4px;place-items:center;margin-left:-12px;font-size:12px;font-weight:800;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000059}.pin:hover{background:var(--sec-chorus);color:var(--on-section)}.lane-caption{width:100%;min-height:38px;color:var(--muted);text-align:left;align-items:baseline;gap:10px;padding:9px 14px;font-size:13.5px;display:flex}.lane-caption.is-live{color:var(--text);background:var(--accent-soft)}.lane-caption b{flex:none}.lane-caption span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.comment-index{background:var(--text);width:22px;height:22px;color:var(--bg);border-radius:50% 50% 50% 4px;flex:none;place-items:center;margin-top:3px;font-size:12px;font-weight:800;display:grid}.discard-btn{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.discard-btn:hover{color:var(--rec);border-color:var(--rec)}.recorder-top-spacer{width:90px}.marker-act{color:var(--text);background:color-mix(in srgb, var(--c) 18%, transparent)}.marker-act:hover{background:color-mix(in srgb, var(--c) 32%, transparent)}.marker-line{gap:4px}.chip.is-on{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.big-btn.paused.counting{font-family:var(--font-display);font-size:44px;font-weight:700;animation:.4s ease-out beat}@keyframes beat{0%{transform:scale(1.12)}}.layer-btn{margin:10px 0 0}.bpm-field{text-align:center;width:96px;min-height:42px}.marker-main{flex:0 auto;padding-right:6px}.marker-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marker-fill{flex:1;align-self:stretch;min-width:8px}.marker-act{flex:none}.tabbar.no-fab{grid-template-columns:repeat(4,1fr)}.home{padding-top:calc(var(--safe-t) + 4vh)}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:6vh 0 4vh;display:flex}.home-status{color:var(--muted);font-weight:650}.hero-rec{color:#fff;background:var(--rec);width:176px;height:176px;box-shadow:0 0 0 12px var(--rec-soft), 0 0 0 28px color-mix(in srgb, var(--rec) 8%, transparent), 0 18px 50px #ff546866;border-radius:50%;place-items:center;margin:10px 0 14px;transition:transform .12s;display:grid}.hero-rec:active{transform:scale(.95)}.home-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:30px;font-weight:650}.home-sub{color:var(--muted);max-width:30ch}.chip-song{text-overflow:ellipsis;max-width:100%;overflow:hidden}.recorder-top{justify-content:center}.recorder-controls{justify-content:space-between;padding:0 4px}.rec-pair{align-items:flex-start;gap:10px;display:flex}.rec-pair .rec-ctl{width:72px}.round-btn.discard{background:var(--surface);color:var(--muted);border:1px solid var(--line)}.round-btn.discard:hover{color:var(--rec);border-color:var(--rec)}.recorder.inline{z-index:15;padding-bottom:calc(var(--tabbar-h) + var(--safe-b) + 18px)}.recorder-target.is-button{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.recorder-target.is-button:hover{color:var(--text)}.recorder-total{color:var(--muted);margin-top:-6px;font-size:16px;font-weight:650}.preview-bar{justify-content:center}.badge-wrap{display:inline-grid;position:relative}.mark-count{background:var(--text);min-width:20px;height:20px;color:var(--bg);pointer-events:none;border-radius:10px;place-items:center;padding:0 5px;font-size:12px;font-style:normal;font-weight:800;display:grid;position:absolute;top:-4px;right:-6px}.count-toggle{background:var(--surface-2);min-width:32px;height:28px;color:var(--muted);border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;gap:3px;padding:0 8px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;top:-6px;right:-22px}.count-toggle.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.page-header{padding-bottom:6px}.page-header-row{align-items:center;min-height:44px;display:flex}.title-row{justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.title-row .page-title{flex:1;min-width:0}.page-header-right{flex:none;align-items:center}.sort-card{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;align-items:center;gap:14px;width:100%;margin:6px 0 4px;padding:12px 16px 12px 12px;display:flex}.sort-card .row-text{flex:1}.sort-card .row-sub{display:block}.sort-badge{background:var(--surface-2);min-width:48px;height:48px;color:var(--muted);font-family:var(--font-display);border-radius:15px;flex:none;place-items:center;padding:0 12px;font-size:22px;font-weight:700;display:grid}.sort-card.has-items{border-color:color-mix(in srgb, var(--rec) 45%, var(--line))}.sort-card.has-items .sort-badge{background:var(--rec-soft);color:var(--rec)}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.folder-tile{background:var(--surface);border:1px solid var(--line);border-radius:18px;position:relative}.folder-main{flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:14px;display:flex}.folder-main .tile{width:42px;height:42px;margin-bottom:8px}.folder-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:650;overflow:hidden}.folder-menu{position:absolute;top:8px;right:6px}.backup-note{border:1px dashed var(--line);background:0 0;margin:30px 0 0}.recorder-controls{grid-template-columns:1fr auto 1fr;justify-content:normal;align-items:start;padding:0;display:grid}.recorder-controls>:first-child{justify-self:start}.recorder-controls>.rec-pair{justify-self:end}.list{gap:8px}.row{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding-left:4px}.row:hover{background:var(--surface-2)}.icon-btn,.round-btn.sm{width:44px;height:44px}.icon-btn.sm:not(.folder-menu),.meta-pill,.where-chip,.recorder-target.is-button,.link-btn,.btn.sm,.segmented button,.mini-toggle,.comment-time{position:relative}.icon-btn.sm:after,.mini-toggle:after{content:"";position:absolute;inset:-6px}.pin:after{content:"";position:absolute;inset:-10px}.meta-pill:after,.where-chip:after,.recorder-target.is-button:after,.link-btn:after,.btn.sm:after,.segmented button:after,.comment-time:after{content:"";position:absolute;inset:-6px 0}.section-head .segmented button:after{inset:-8px 0}.draft-tab{min-height:44px}.title-btn{position:relative}.title-btn:after{content:"";position:absolute;inset:-8px 0}.tab{white-space:nowrap;min-width:0}.row.draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.row.is-dragging{opacity:.35}.folder-tile{transition:transform .12s,border-color .12s,background .12s}.folder-tile.can-drop{border-style:dashed;border-color:var(--faint)}.folder-tile.is-drop-target,.drop-up.is-drop-target{border-style:solid;border-color:var(--accent);background:var(--accent-soft);transform:scale(1.03)}.drop-up{top:calc(var(--safe-t) + 10px);z-index:70;background:var(--surface);border:1.5px dashed var(--faint);max-width:min(92vw,420px);box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-weight:650;transition:transform .12s,background .12s,border-color .12s;display:flex;position:fixed;left:50%;overflow:hidden;translate:-50%}.drag-ghost{z-index:90;background:var(--surface-2);border:1.5px solid var(--accent);max-width:70vw;box-shadow:var(--shadow);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:16px;align-items:center;gap:10px;margin:-24px 0 0 -24px;padding:12px 16px;font-weight:650;display:flex;position:fixed;top:0;left:0;overflow:hidden}.status{--c:var(--sec-outro);color:var(--text);align-items:center;gap:6px;font-weight:650;display:inline-flex}.status-dot{background:var(--c,var(--sec-outro));border-radius:50%;flex:none;width:9px;height:9px;display:inline-block}.progress{background:var(--line);border-radius:3px;width:100%;height:5px;margin-top:8px;display:flex;overflow:hidden}.progress i{min-width:0;display:block}.lib-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.lib-head .section-title{margin-bottom:6px}.lib-head .link-btn{margin-bottom:4px}.lib-summary{color:var(--muted);flex-direction:column;margin:0 2px 12px;font-size:13.5px;font-weight:600;display:flex}.lib-hint{margin:-4px 2px 10px}.tile-num{font-family:var(--font-display);font-size:20px;font-weight:700}.row.is-drop-target{border-color:var(--accent);background:var(--accent-soft)}.folder-main .row-sub{flex-wrap:wrap;gap:2px 10px}.folder-main .progress{margin-top:10px}.pick-up{color:var(--muted)}.pick-row small{font-size:12.5px;font-weight:500}.pick-last span{flex-direction:column;gap:1px;display:flex}.pick-last small{color:var(--muted)}.recorder-markers{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;max-height:none;padding:2px 0;overflow:auto hidden}.recorder-markers::-webkit-scrollbar{display:none}.recorder-markers .chip{flex:none;min-height:40px;padding:0}.recorder-markers .chip-main{gap:8px;padding:0 6px 0 14px}.recorder-markers .chip-x{width:40px}.recorder-markers .chip-main svg{opacity:.55}.takes{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.row-text .row-sub{flex-wrap:nowrap}