:root{--bg:#16171a;--bg2:#1d1f23;--bg3:#25282d;--line:#33373e;--fg:#e8e6e1;--fg2:#a7a59f;--fg3:#75736e;--acc:#d9a441;--acc2:#f0c46a;--red:#e0605a;--red-bg:#e0605a29;--green:#6cc28a;--blue:#6aa8f0;--sugg:#8c84ff;--ai:#8c84ff;--ai-bg:#8c84ff29;--sel:#6aa8f052;--cur:#d9a44159;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow:hidden}button{font:inherit;color:var(--fg);background:var(--bg3);border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:6px;padding:5px 11px}button:hover:not(:disabled){background:#2c3036;border-color:#4a4f57}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--acc);color:#1b1407;border-color:var(--acc);font-weight:600}button.primary:hover:not(:disabled){background:var(--acc2);border-color:var(--acc2)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--bg3);border-color:var(--line)}button.danger{color:var(--red)}button.small{padding:2px 8px;font-size:12.5px}input,select,textarea{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 8px}textarea{resize:vertical;width:100%}input[type=range]{accent-color:var(--acc);padding:0}input[type=checkbox]{accent-color:var(--acc)}label{color:var(--fg2)}a{color:var(--acc2)}.muted{color:var(--fg2)}.dim{color:var(--fg3)}.err{color:var(--red)}.ok{color:var(--green)}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.grow{flex:1;min-width:0}.wrap{flex-wrap:wrap}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.hidden{display:none!important}h1,h2,h3{margin:0;font-weight:650}h2{font-size:18px}h3{font-size:14px}kbd{background:var(--bg3);border:1px solid var(--line);color:var(--fg2);border-bottom-width:2px;border-radius:4px;padding:0 4px;font:11.5px ui-monospace,Menlo,monospace}.app{flex-direction:column;height:100%;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--bg2);flex:none;align-items:center;gap:10px;height:48px;padding:0 12px;display:flex}.logo{letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:16px;font-weight:750;display:flex}.projname{text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-weight:600;overflow:hidden}.taskbar{min-width:0;color:var(--fg2);flex:1;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.taskbar .bar{flex:none;width:180px}.bar{background:var(--bg3);border-radius:3px;height:6px;overflow:hidden}.bar>div{background:var(--acc);height:100%;transition:width .3s}.toasts{z-index:100;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--line);background:#2a2d33;border-radius:8px;max-width:640px;padding:8px 14px;box-shadow:0 6px 24px #0006}.toast.err{border-color:var(--red)}.toast.ok{border-color:var(--green)}.home{flex:1;padding:32px;overflow:auto}.home-inner{flex-direction:column;gap:24px;max-width:980px;margin:0 auto;display:flex}.drop{border:2px dashed var(--line);text-align:center;cursor:pointer;background:var(--bg2);border-radius:14px;padding:42px 20px;transition:border-color .15s,background .15s}.drop:hover,.drop.over{border-color:var(--acc);background:#221f19}.drop h2{margin-bottom:6px;font-size:20px}.card{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:16px}.plist{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.pitem{background:var(--bg2);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.pitem:hover{border-color:var(--acc)}.pitem .t{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.editor{flex:1;min-height:0;display:flex}.textpane{flex-direction:column;flex:1;min-width:0;display:flex}.texttools{border-bottom:1px solid var(--line);color:var(--fg2);flex-wrap:wrap;flex:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:flex}.side{border-left:1px solid var(--line);background:var(--bg2);flex-direction:column;flex:none;width:440px;min-height:0;display:flex}.side-scroll{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow:auto}.tabs{border-bottom:1px solid var(--line);flex:none;gap:2px;padding:0 12px;display:flex}.tabs button{color:var(--fg2);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 10px}.tabs button.on{color:var(--fg);border-bottom-color:var(--acc)}.panel{flex-direction:column;gap:10px;display:flex}.field{grid-template-columns:150px 1fr 64px;align-items:center;gap:8px;display:grid}.field .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg);font-size:13px}.stats{grid-template-columns:1fr auto;gap:2px 10px;font-size:13px;display:grid}.stats b{font-variant-numeric:tabular-nums;text-align:right}.hint{color:var(--fg3);font-size:12.5px}.player{border-bottom:1px solid var(--line);flex:none;padding:12px 12px 8px}.player canvas{aspect-ratio:16/9;cursor:pointer;background:#000;border-radius:6px;width:100%;display:block}.pctl{align-items:center;gap:8px;margin-top:8px;display:flex}.pctl .time{font-variant-numeric:tabular-nums;color:var(--fg2);white-space:nowrap;font-size:12.5px}.scrub{flex:1}.pctl select.rate{background:var(--bg3);padding:2px 4px;font-size:12.5px}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{color:var(--fg2);background:0 0;border:none;border-radius:0;padding:3px 9px;font-size:12.5px}.seg button.on{background:var(--bg3);color:var(--fg)}.tscroll{outline:none;flex:1;position:relative;overflow-y:auto}.tinner{max-width:820px;margin:0 auto;padding:18px 28px 40vh;position:relative}.para{-webkit-user-select:none;user-select:none;cursor:text;padding-bottom:14px;font-size:17px;line-height:1.75;position:absolute;left:28px;right:28px}.para .pt{color:var(--fg3);font-family:ui-monospace,Menlo,monospace;font-size:11px;position:absolute;top:-16px;left:-2px}.w{border-radius:3px;padding:1px 0}.w:hover{background:#ffffff0f}.w.rm{color:var(--fg3);text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red);text-decoration-thickness:1.5px}.w.rm.llm{color:#7c78ad;-webkit-text-decoration-color:var(--ai);text-decoration-color:var(--ai)}.w.x{color:#b6a98a;font-size:.9em;font-style:italic}.w.x:before{content:"‹";color:var(--fg3)}.w.x:after{content:"›";color:var(--fg3)}.w.fl{color:#f0a85c}.w.mu{color:#5d5d5a;background:#ffffff0a}.w.mu:hover:after{content:"🔇";vertical-align:6px;opacity:.5;margin-left:2px;font-size:9px}.w.mu.rm{text-decoration:line-through;-webkit-text-decoration-color:var(--red);text-decoration-color:var(--red)}.w.fl.rm{color:#a0764a;text-decoration-color:#f0a85c}.w.sg{background:var(--ai-bg);box-shadow:inset 0 -2px 0 var(--ai)}.w.sel{background:var(--sel)}.w.cur{background:var(--cur);box-shadow:0 0 0 1px var(--acc)}.w.lowc{-webkit-text-decoration:underline dotted var(--fg3);text-decoration:underline dotted var(--fg3);text-underline-offset:4px}.gap{border:1px solid var(--line);color:var(--fg2);vertical-align:2px;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:4px;margin:0 1px;padding:2px 4px;font-size:11px;line-height:1;display:inline-block}.gap:hover{border-color:var(--acc)}.gap.cut{color:var(--red);background:var(--red-bg);border-color:#e0605a73;text-decoration:line-through}.gap.part{color:#e8a29e;border-style:dashed;border-color:#e0605a73}.empty{text-align:center;color:var(--fg2);padding:60px 30px}.livebox{background:var(--bg2);max-width:760px;color:var(--fg2);border-radius:8px;margin:18px auto;padding:12px 16px;font-size:14px}.timeline{border-top:1px solid var(--line);background:var(--bg2);-webkit-user-select:none;user-select:none;flex:none;height:132px;position:relative}.timeline canvas{width:100%;height:100%;display:block}.sugg{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.sugg:hover{border-color:#4a4f57}.sugg.rejected{opacity:.55}.sugg .q{font-size:13.5px}.sugg .q s{color:#7c78ad;-webkit-text-decoration-color:var(--ai);text-decoration-color:var(--ai)}.tag{background:var(--bg3);color:var(--fg2);border-radius:10px;padding:1px 6px;font-size:11px}.tag.false_start{color:#f2b56b}.tag.repetition{color:#e9a0ff}.tag.filler{color:#a8c7ff}.tag.slip{color:#ff9c94}.tag.aside{color:#9fe0b6}.modal-bg{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;width:min(720px,94vw);max-height:88vh;padding:18px 20px;display:flex;overflow:auto}.result{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:8px;max-height:300px;padding:10px;font-size:13px;overflow:auto}.spin{border:2px solid #d9a44140;border-top-color:var(--acc);vertical-align:-2px;border-radius:50%;flex:none;width:13px;height:13px;animation:.8s linear infinite spin;display:inline-block}.spin.big{border-width:2.5px;width:18px;height:18px}button.primary .spin{border-color:#1b1407 #1b140740 #1b140740}@keyframes spin{to{transform:rotate(360deg)}}.tinline{background:#d9a44112;border:1px solid #d9a44173;border-radius:8px;flex-direction:column;gap:8px;padding:9px 10px;font-size:13px;animation:2s ease-in-out infinite glow;display:flex}@keyframes glow{50%{border-color:#d9a441e6}}.bar.indeterminate>div{animation:1.3s ease-in-out infinite indet;width:35%!important}@keyframes indet{0%{margin-left:-35%}to{margin-left:100%}}button.icon{color:var(--fg2);align-items:center;padding:5px 7px;display:inline-flex}button.icon:hover{color:var(--fg)}.shrink{color:var(--fg2);white-space:nowrap;border:1px solid var(--line);border-radius:12px;padding:3px 9px;font-size:13px}.shrink b{color:var(--acc2);font-variant-numeric:tabular-nums}.drops{grid-template-columns:1fr 1fr;gap:14px;display:grid}.drop.fast{border-color:#d9a44173}.drop.fast h2{color:var(--acc2)}.dropov{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;background:#0a0a0cb8;grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0}.dropov.single{grid-template-columns:1fr}.dz{text-align:center;opacity:.55;border:3px dashed #4a4f57;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:18px;padding:20px;transition:all .12s;display:flex}.dz.on{opacity:1;border-color:var(--acc);background:#d9a44117;transform:scale(1.01)}.dz.right.on{border-style:solid}.dz h2{font-size:30px}.dz-icon{font-size:54px;line-height:1}.dz-sub{color:var(--fg2);font-size:15px}.dz-steps{text-align:left;color:var(--fg);margin:4px 0;font-size:16px;line-height:1.8}.dz-steps li.off{color:var(--fg3);text-decoration:line-through}.ftcard{background:#d9a4410f;border:1px solid #d9a44180;border-radius:10px;flex-direction:column;flex:none;gap:7px;margin:10px 12px 0;padding:10px 12px;font-size:13.5px;display:flex}.ftcard.done{background:#6cc28a0f;border-color:#6cc28a8c}.ftcard.error{background:var(--red-bg);border-color:#e0605a8c}.ft-step{align-items:flex-start;gap:9px;display:flex}.ft-step>:first-child{text-align:center;width:14px;margin-top:2px}.ft-step.wait{color:var(--fg3)}.mpick{position:relative}.mpick-btn{text-align:left;background:var(--bg);align-items:center;gap:8px;width:100%;display:flex}.mpick-cur{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,Menlo,monospace;font-size:13px;overflow:hidden}.mpick-pop{z-index:60;background:var(--bg2);border:1px solid #4a4f57;border-radius:8px;flex-direction:column;gap:6px;min-width:280px;padding:8px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #00000080}.mpick-list{flex-direction:column;max-height:300px;display:flex;overflow-y:auto}.mpick-item{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;padding:5px 8px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px;overflow:hidden}.mpick-item.hi{background:var(--bg3)}.mpick-item.cur{color:var(--acc2)}.mpick-item.custom{color:var(--fg2);font-family:inherit;font-style:italic}.mpick-note{align-items:center;gap:6px;padding:4px 6px;font-size:12.5px;display:flex}.w.cust,.gap.cust{box-shadow:inset 0 -2px #f0a85ce6}.gap.cust:after{content:"✎";color:#f0a85c;margin-left:2px;font-size:9px}.tl-zoom{z-index:2;gap:4px;display:flex;position:absolute;top:20px;right:8px}.tl-zoom button{background:#25282de6;width:26px;padding:1px 0;font-size:15px;line-height:1.2}.caret{pointer-events:none;z-index:3;background:#f0c46a;border-radius:1px;width:2px;display:none;position:absolute;box-shadow:0 0 6px #f0c46a8c}.caret.blink{animation:1.06s step-end .5s infinite caret-blink}.caret.idle{opacity:.3;box-shadow:none;animation:none}@keyframes caret-blink{0%{opacity:1}50%{opacity:0}}.sugg.accepted{border-color:#8c84ff80}.sound-row{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:8px 10px}.tchip{color:#a9e6c2;cursor:pointer;vertical-align:1px;background:#6cc28a29;border:1px solid #6cc28a80;border-radius:9px;margin:0 1px;padding:1px 7px;font-size:12px;line-height:1.3;display:inline-block}.tchip:hover{background:#6cc28a47}.tchip.sel{border-color:#9fe0b6;box-shadow:0 0 0 1px #9fe0b6}