:root{--bg: #1a222f;--panel: #222c3c;--panel-2: #283345;--line: #474656;--text: #bcc4d0;--muted: #838a9a;--accent: #d8b886;--accent-dim: #8a7150;--on-accent: #1a222f;--hot: #ff5d73;--live: #f0893a;--ok: #7fc48a;--head: "Orbitron", "Helvetica Neue", sans-serif;--body: "Helvetica Neue", -apple-system, "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;--mono: "SF Mono", Menlo, Consolas, monospace;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:15px;line-height:1.5;overscroll-behavior:none}a{color:var(--accent);text-decoration:none}h1,h2,h3,.head{font-family:var(--head);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0}h1{font-size:15px}h2{font-size:13px}h3{font-size:11px;color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}button,.btn{font:inherit;border-radius:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}button:hover,.btn:hover{border-color:var(--accent-dim)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button.ghost{background:transparent}button.hot{border-color:var(--hot);color:var(--hot)}button.live{background:var(--live);border-color:var(--live);color:#1a222f;font-weight:600}button.sm{padding:4px 10px;font-size:13px;border-radius:6px}button.icon{padding:8px;width:40px;height:40px;justify-content:center;font-size:18px}input,select,textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-dim)}textarea{min-height:160px;font-family:var(--body);line-height:1.6}label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.field{margin-bottom:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.hot{color:var(--hot)}.ok{color:var(--ok)}.accent{color:var(--accent)}.small{font-size:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.card+.card{margin-top:12px}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.badge.gold{border-color:var(--accent-dim);color:var(--accent)}.badge.live{border-color:var(--live);color:var(--live)}.badge.hot{border-color:var(--hot);color:var(--hot)}.err{color:var(--hot);font-size:13px}.shell{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:calc(10px + var(--sat)) 16px 10px;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:10}.topbar .logo{height:22px;width:22px;background-color:var(--accent);-webkit-mask:url(/khord-mark.png) center / contain no-repeat;mask:url(/khord-mark.png) center / contain no-repeat}.topbar .wordmark{height:14px;width:92px;background-color:var(--accent);-webkit-mask:url(/khord-type.png) center / contain no-repeat;mask:url(/khord-type.png) center / contain no-repeat}.topbar nav{display:flex;gap:4px;margin-left:auto}.topbar nav a{padding:6px 10px;border-radius:6px;color:var(--muted);font-size:13px}.topbar nav a.active{color:var(--accent);background:var(--panel-2)}.page{padding:16px;max-width:980px;width:100%;margin:0 auto;flex:1}.center{min-height:100%;display:grid;place-items:center;padding:16px}.login{width:100%;max-width:360px}.login .brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.login .brand .mark{width:56px;height:56px;background-color:var(--accent);-webkit-mask:url(/khord-mark.png) center / contain no-repeat;mask:url(/khord-mark.png) center / contain no-repeat}.songlist{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.song{display:block;color:inherit}.song .title{font-size:17px;font-weight:600;color:var(--text)}.song .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.player{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.player .bar{display:flex;align-items:center;gap:10px;padding:calc(8px + var(--sat)) 12px 8px;border-bottom:1px solid var(--line);background:var(--panel)}.player .bar .title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lyrics{flex:1;overflow-y:auto;padding:40vh 20px 50vh;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.lyrics .line{padding:6px 8px;margin:2px auto;max-width:760px;border-radius:8px;font-size:clamp(20px,3.2vw,32px);line-height:1.45;color:var(--muted);transition:color .25s,transform .25s,background .25s;cursor:pointer;position:relative}.player.cur-bg .lyrics .line.current{color:#fff;background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.lyrics .line.untimed{opacity:.55}.lyrics .line.section{font-family:var(--head);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-dim);margin-top:20px}.lyrics .line.blank{height:14px;padding:0}.lyrics .line .memo-dot{position:absolute;right:8px;top:8px;font-size:11px;color:var(--accent);background:var(--panel);border:1px solid var(--accent-dim);border-radius:999px;padding:0 7px}.lyrics .line.selected{outline:1px solid var(--accent-dim)}.transport{border-top:1px solid var(--line);background:var(--panel);padding:10px 12px calc(10px + var(--sab))}.transport .seek{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line);border-radius:2px;padding:0;border:0}.transport .seek::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent)}.transport .time{font-family:var(--mono);font-size:13px;color:var(--muted);min-width:56px}.follow-banner{text-align:center;font-size:13px;color:var(--live);padding:6px;border-bottom:1px solid var(--line);background:#2b2a33}.drawer{position:fixed;left:0;right:0;bottom:0;max-height:70vh;background:var(--panel);border-top:1px solid var(--accent-dim);border-radius:16px 16px 0 0;display:flex;flex-direction:column;z-index:20;box-shadow:0 -12px 40px #0006}.drawer .dh{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.drawer .dl{flex:1;overflow-y:auto;padding:8px 16px}.drawer .memo{padding:8px 0;border-bottom:1px solid var(--line)}.drawer .memo .who{font-size:12px;color:var(--muted);display:flex;gap:8px}.drawer .df{display:flex;gap:8px;padding:10px 16px calc(12px + var(--sab));border-top:1px solid var(--line)}.drawer .df textarea{min-height:44px;max-height:120px}.editor-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:1000px){.editor-grid{grid-template-columns:440px minmax(0,1fr)}}.editor-grid>div{min-width:0}.wave{background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:96px}.timing-list{max-height:60vh;overflow-y:auto;border:1px solid var(--line);border-radius:8px}.tl{display:grid;grid-template-columns:92px 1fr auto;gap:8px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--line);cursor:pointer}.tl:last-child{border-bottom:0}.tl.sel{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent)}.tl.cur .t{color:var(--accent)}.tl .t{font-family:var(--mono);font-size:13px;color:var(--muted)}.tl .t.none{color:var(--line)}.tl.blank{opacity:.4;min-height:24px}.tl.section .x{font-family:var(--head);font-size:11px;letter-spacing:.14em;color:var(--accent-dim)}.tl .st{font-size:10px;padding:1px 6px;border-radius:999px;border:1px solid var(--line)}.tl .st.new{border-color:var(--live);color:var(--live)}.tl .st.changed{border-color:var(--accent-dim);color:var(--accent)}kbd{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-bottom-width:2px;border-radius:4px;padding:0 5px;color:var(--text);background:var(--bg)}.tc-big{font-family:var(--mono);font-size:clamp(40px,9vw,84px);letter-spacing:.04em;color:var(--accent);text-align:center;line-height:1.1}.tc-big.off{color:var(--line)}.meter{height:6px;background:var(--bg);border:1px solid var(--line);border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;background:var(--ok)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:.06em}.toast{position:fixed;left:50%;bottom:calc(24px + var(--sab));transform:translate(-50%);background:var(--panel-2);border:1px solid var(--accent-dim);color:var(--text);padding:10px 16px;border-radius:10px;z-index:50;font-size:14px;box-shadow:0 8px 30px #00000080}.code-input{font-size:28px;letter-spacing:.3em;text-align:center;padding:12px}.code-big{font-family:var(--mono);font-size:clamp(36px,8vw,56px);letter-spacing:.18em;color:var(--accent);text-align:center}.qr{background:#fff;padding:10px;border-radius:10px;display:inline-block;line-height:0}.player{--zoom: 1;--base: 24px}.toolsbar{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap}.lyrics .sheet{max-width:820px;margin:0 auto}.lyrics .line{font-size:calc(var(--base) * var(--zoom))}.lyrics .line.d-heading{font-weight:700;margin-top:28px;padding-top:10px;border-top:1px solid var(--line);color:var(--text);font-family:var(--body);letter-spacing:0;text-transform:none;font-size:calc(var(--base) * var(--zoom) * .95)}.lyrics .line.d-heading .chip{display:inline-block;font-size:11px;line-height:1;padding:4px 7px;border-radius:6px;background:var(--accent);color:var(--on-accent);margin-right:8px;vertical-align:middle;font-family:var(--head);letter-spacing:.08em}.lyrics .line.d-meta{font-size:calc(var(--base) * var(--zoom) * .55);color:var(--muted);padding-top:2px;padding-bottom:2px;font-family:var(--mono)}.lyrics .line.d-compact{font-size:calc(var(--base) * var(--zoom) * .6);color:var(--muted);padding-top:2px;padding-bottom:2px}.lyrics .line.k-cue{font-size:calc(var(--base) * var(--zoom) * .72);color:var(--muted)}.lyrics .line.k-section{font-size:calc(var(--base) * var(--zoom) * .72);color:var(--accent-dim)}.lyrics .line.k-blank{height:calc(var(--base) * var(--zoom) * .6);padding:0}.lyrics .line.doc-heading{font-weight:700;font-size:calc(var(--base) * var(--zoom) * 1.15);color:var(--text)}.lyrics .line.k-lyric:not(.in-song){color:var(--muted)}.lyrics .line.k-lyric.in-song{color:var(--text)}.player.cur-bg .lyrics .line.current{color:#fff}.lyrics .line.past{color:#5d6472}.player.theme-docs{--bg: #f1f3f4;--panel: #ffffff;--panel-2: #f1f3f4;--line: #dadce0;--text: #202124;--muted: #5f6368;--accent: #1a73e8;--accent-dim: #8ab4f8;--on-accent: #fff;--base: 14.667px;background:var(--bg)}.player.theme-docs .bar,.player.theme-docs .transport,.player.theme-docs .toolsbar{background:#fff}.player.theme-docs button:not(.primary):not(.live){background:#fff;color:#3c4043}.player.theme-docs .lyrics{padding:24px 16px 50vh}.player.theme-docs .sheet{background:#fff;padding:48px 56px;border-radius:4px;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}@media(max-width:600px){.player.theme-docs .sheet{padding:20px 16px}}.player.theme-docs .lyrics .line{font-family:Arial,Helvetica Neue,Helvetica,sans-serif;line-height:1.5;color:#202124;padding:1px 6px;margin:0 -6px;border-radius:3px;transition:background .2s}.player.theme-docs .lyrics .line.k-lyric:not(.in-song),.player.theme-docs .lyrics .line.k-cue,.player.theme-docs .lyrics .line.d-meta,.player.theme-docs .lyrics .line.d-compact{color:#202124}.player.theme-docs .lyrics .line.d-meta{color:#5f6368;font-family:Arial,sans-serif}.player.theme-docs .lyrics .line.d-compact{color:#5f6368}.player.theme-docs .lyrics .line.d-heading{border-top:0;margin-top:22px;font-size:calc(var(--base) * var(--zoom) * 1.1)}.player.theme-docs .lyrics .line.k-section{color:#5f6368}.player.theme-docs .lyrics .line.past{color:#80868b}.player.theme-docs .lyrics .line.selected{outline:1px solid #8ab4f8}.player.theme-docs .follow-banner{background:#fef7e0;color:#b06000}.player.theme-docs .memo-dot{background:#fff;color:#1a73e8;border-color:#8ab4f8}.player.theme-docs .drawer{background:#fff;border-top-color:#dadce0}.player.theme-docs .drawer textarea,.player.theme-docs input{background:#fff;color:#202124}.player.theme-docs .transport .seek{background:#dadce0}.player.theme-docs .transport .seek::-webkit-slider-thumb{background:#1a73e8}.player.theme-large{--text: #ffffff;--muted: #9aa3b2;--base: 32px}.player.theme-large .lyrics .line{line-height:1.5;padding:10px 12px}.player.theme-large .lyrics .line.k-lyric:not(.in-song){color:#8a93a3}.player.cur-bg.theme-large .lyrics .line.current{background:var(--panel-2);color:#fff;box-shadow:inset 5px 0 0 var(--accent)}.player{--sheet-w: 820px;--lh: 1.5}.lyrics .sheet{max-width:var(--sheet-w)}.lyrics .line,.player.theme-docs .lyrics .line{line-height:var(--lh)}.sheet.editing{outline:2px solid var(--accent-dim);outline-offset:6px;border-radius:4px;caret-color:var(--accent);cursor:text;min-height:60vh}.sheet.editing:focus{outline-color:var(--accent)}.sheet.editing .line{cursor:text;transition:none}.sheet.editing .line.k-lyric{color:var(--text)}.player.theme-docs .sheet.editing .line.k-lyric{color:#202124}.edit-banner{background:#3a2f22!important;color:var(--accent)!important;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.player.theme-docs .edit-banner{background:#e8f0fe!important;color:#1967d2!important}.toolsbar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line);border-radius:2px;border:0}.toolsbar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent)}.lyrics .sheet{width:var(--sheet-w);max-width:none;min-width:min(100%,520px)}.player.theme-docs .lyrics{padding:20px 16px 50vh}@media(max-width:700px){.lyrics .sheet{width:100%}.player.theme-docs .sheet{padding:20px 16px}}.player.theme-docs .lyrics .line.k-cue,.player.theme-docs .lyrics .line.k-section,.player.theme-docs .lyrics .line.d-compact{font-size:calc(var(--base) * var(--zoom));color:#202124}.player.theme-docs .lyrics .line.d-heading{background:#202124;color:#fff;padding:6px 10px;border-radius:3px}.player.theme-docs .lyrics .line.d-heading .chip{background:#fff;color:#202124}.lyrics .line span[style*=background-color]{padding:0 2px;border-radius:2px}.player .bar{flex-wrap:wrap;row-gap:6px}.player .bar>.row{flex-wrap:wrap}.lyrics .line{max-width:none}.lyrics{overflow-x:auto}.sheet.nowrap .line{white-space:nowrap}.sheet.nowrap{width:max-content;min-width:var(--sheet-w)}.player.theme-docs .sheet.nowrap{min-width:min(var(--sheet-w),100%)}.lyrics .line{line-height:inherit}.player.theme-docs .lyrics .line{line-height:inherit;padding-top:0;padding-bottom:0}.lyrics .line.k-blank{height:auto;padding-top:0;padding-bottom:0}.player.theme-docs .lyrics .line span[style*=background-color]{padding:0;border-radius:0}.player{--tborder: var(--line)}.player.theme-docs{--tborder: #000}.trow{display:grid;border-left:1px solid var(--tborder);border-top:1px solid var(--tborder)}.trow+.trow{border-top:0}.tcell{border-right:1px solid var(--tborder);border-bottom:1px solid var(--tborder);padding:5pt;min-width:0}.tcell .line{margin:0;padding-left:0;padding-right:0;border:0}.tcell .line.d-heading{margin-top:0;padding-top:0;border-top:0}.player.theme-docs .tcell .line{margin:0;padding:0}.player.theme-docs .lyrics .line.d-heading{background:none;color:inherit;padding:0;border-radius:0}.player.theme-docs .lyrics .line.d-heading .chip{background:#fff;color:#202124;border:1px solid #202124}.player{color:var(--text)}.player.theme-docs .lyrics .line.k-cue{color:#202124}.player.theme-docs .sheet{padding:36px 48px}.sheet.nowrap .trow{width:max-content;min-width:100%}.lyrics{display:flex;flex-direction:column;align-items:center}.lyrics .sheet{flex:none}.lyrics .sheet.fixed{overflow:visible;max-width:none}.sheet.fixed .trow{min-width:0}.sheet.nowrap.fixed{width:auto}.lyrics .line{white-space:pre-wrap}.sheet.nowrap .line{white-space:pre}.lyrics .line.d-heading{position:relative}.lyrics .line.d-heading .chip{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0;opacity:.85}.tcinput{display:inline-flex;align-items:center;gap:0;font-family:var(--mono);white-space:nowrap}.tcinput .tcg{display:inline-flex;align-items:center;position:relative}.tcinput .tcf{width:34px;text-align:center;padding:4px 0;border-radius:4px;font-family:var(--mono);font-size:14px}.tcinput .tcb{display:block;position:absolute;left:0;width:34px;height:12px;padding:0;border:0;background:transparent;color:var(--muted);font-size:8px;line-height:12px;cursor:pointer}.tcinput .tcb:first-child{top:-11px}.tcinput .tcb:nth-child(3){bottom:-11px}.tcinput .tcb:hover{color:var(--accent)}.tcinput .tcsep{padding:0 2px;color:var(--muted)}.tcinput .tcx{margin-left:6px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 4px}.tcinput.empty .tcf{color:var(--muted)}.tcinput{margin:12px 0}table.keys td{padding:3px 6px;border-bottom:1px solid var(--line)}.tl.cue .x{color:var(--muted);font-size:13px}.tl.app .x{color:var(--accent);font-style:italic}.tl.editing-memo input{padding:4px 8px}.lyrics .line.app-line{font-style:italic;color:var(--accent)!important;border-left:3px solid var(--accent-dim);padding-left:8px;font-size:calc(var(--base) * var(--zoom) * .85)}.player.theme-docs .lyrics .line.app-line{color:#b06000!important;border-left-color:#f9ab00;background:#fff8e1}.lyrics .line.k-lyric.in-song{color:var(--c-future)}.lyrics .line.past,.player.theme-docs .lyrics .line.past{color:var(--c-past)}.lyrics .line.current,.lyrics .line.ahead{transform:none;position:relative}.player.cur-frame .lyrics .line.current,.player.cur-bar .lyrics .line.current{z-index:1;color:var(--c-cur)}.player.cur-frame .lyrics .line.current:after{content:"";position:absolute;top:0;bottom:0;left:-.7em;right:-.7em;pointer-events:none;border:var(--frame-w) solid var(--c-cur-frame);border-radius:8px;box-shadow:0 0 0 2px color-mix(in srgb,var(--c-cur-frame) 30%,transparent),0 0 14px color-mix(in srgb,var(--c-cur-frame) 45%,transparent)}.player.cur-frame .lyrics .line.current:after{opacity:1}.player.cur-bar .lyrics .line.current{box-shadow:inset var(--frame-w) 0 0 var(--c-cur-frame)}.player.cur-bg .lyrics .line.current,.player.cur-bg.theme-docs .lyrics .line.current{background:var(--c-cur-bg)!important;color:var(--c-cur)!important;box-shadow:inset 3px 0 0 var(--c-cur-frame)}.player.cur-bg .lyrics .line.ahead,.player.cur-bg.theme-docs .lyrics .line.ahead{background:var(--c-ahead-bg)!important}.player.cur-bg .lyrics .line.current span[style*=color]{color:inherit!important}.lyrics{scroll-behavior:auto}.lyrics .line.past{background:var(--c-past-bg, transparent)}.lyrics .line.future{background:var(--c-future-bg, transparent)}.cm{position:fixed;z-index:100;min-width:170px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000059;padding:4px;font-size:13px;color:var(--text);font-style:normal}.player.theme-docs .cm{background:#fff;border-color:#dadce0;color:#202124}.cm-item{position:relative;display:flex;justify-content:space-between;gap:12px;padding:6px 10px;border-radius:6px;cursor:default;white-space:nowrap}.cm-item:hover,.cm-item.open{background:var(--panel-2)}.player.theme-docs .cm-item:hover,.player.theme-docs .cm-item.open{background:#f1f3f4}.cm-arrow{color:var(--muted)}.cm-sub{position:absolute;left:calc(100% - 2px);top:0;background:inherit;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000059;padding:6px;max-height:70vh;overflow-y:auto}.player.theme-docs .cm-sub{border-color:#dadce0;background:#fff}.cm-colors{width:230px}.cm-grid{display:grid;grid-template-columns:repeat(10,18px);gap:4px}.cm-sw{width:18px;height:18px;border:1px solid rgba(0,0,0,.25);border-radius:3px;padding:0;cursor:pointer}.cm-sw:hover{outline:2px solid var(--accent)}.cm>.cm-sub{top:4px}.cm-item.disabled{opacity:.4}.fmt-badge{position:fixed;right:16px;bottom:calc(96px + var(--sab));z-index:30;background:var(--panel);border:1px solid var(--accent-dim);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text);box-shadow:0 6px 20px #0000004d}.player.theme-docs .fmt-badge{background:#fff;color:#202124;border-color:#f9ab00}.sheet-wrap{flex:none}.sheet-wrap.fixed{overflow:visible;max-width:none}.sheet-wrap .sheet.editing{width:auto;min-height:60vh}.player.theme-docs .sheet-wrap{background:#fff;border-radius:4px;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.sheet.editing .tcell{min-height:1.5em}.cm-sep{height:1px;background:var(--line);margin:4px 2px}.player.theme-docs .cm-sep{background:#dadce0}.cm-sample{display:inline-block;min-width:28px;text-align:center;padding:0 4px;border-radius:3px;font-size:13px!important;line-height:1.3}.cm-naming{padding:6px 8px;min-width:300px}.cm-naming input{padding:5px 8px}.preset-win{position:fixed;z-index:110;width:520px;max-width:calc(100vw - 32px);max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--accent-dim);border-radius:10px;padding:12px 14px;box-shadow:0 14px 40px #0006;font-style:normal;color:var(--text)}.player.theme-docs .preset-win{background:#fff;color:#202124;border-color:#dadce0}.preset-win input{padding:4px 8px}.cm-name{min-width:0;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.resync-btn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + var(--sab));z-index:25;background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;padding:10px 18px;font-weight:600;box-shadow:0 8px 24px #00000059;display:inline-flex;gap:8px;align-items:center}.resync-btn .muted{color:var(--on-accent);opacity:.7}.player.theme-docs .resync-btn{background:#e8710a;color:#fff}.audio-card{border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:8px}.audio-card.sel{border-color:var(--accent-dim);background:var(--panel-2)}.tcinput{flex-wrap:nowrap}.card{min-width:0;overflow:hidden}.timing-list{min-width:0}.tl{grid-template-columns:92px minmax(0,1fr) auto}.tl .x{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl.rest{opacity:.8}.tl.rest .t{color:var(--accent-dim)}.timing-list{scroll-behavior:smooth}.editor-head{margin-bottom:12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.audio-card .row{flex-wrap:nowrap}.audio-card .row>*{flex-shrink:0}.audio-card input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--line);border-radius:2px;border:0}.audio-card input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent)}.drawer .df{flex-wrap:wrap}.songlist-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000059;display:flex;align-items:flex-end;justify-content:center}.songlist-sheet{width:100%;max-width:560px;max-height:75vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px 14px 0 0;padding:12px 14px calc(14px + var(--sab));box-shadow:0 -12px 40px #0006}@media(min-width:700px){.songlist-panel{align-items:center}.songlist-sheet{border-radius:14px}}.songlist-item{display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid var(--line);cursor:pointer;font-size:16px}.songlist-item:hover{background:var(--panel-2)}.songlist-item.cur{color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.player.theme-docs .songlist-sheet{background:#fff;color:#202124;border-color:#dadce0}.player.theme-docs .songlist-item:hover{background:#f1f3f4}@media(max-width:760px){.player .bar{flex-wrap:wrap;padding-left:10px;padding-right:10px}.player .bar .bar-title{flex:1 1 auto}.player .bar .bar-actions{flex:1 0 100%;order:10;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.player .bar .bar-actions::-webkit-scrollbar{display:none}.player .bar .bar-actions>*{flex-shrink:0}.player.phone .lyrics{overflow-x:hidden;padding-left:8px;padding-right:8px}.player.phone .sheet{width:100%!important;min-width:0!important;max-width:100%!important;padding:12px 8px!important}.player.phone .sheet .line{white-space:pre-wrap!important}.player.phone .trow{width:100%!important;margin-left:0!important;min-width:0!important}.player.phone .tcell{padding:4px 6px!important}.player.phone .transport .row{flex-wrap:wrap;row-gap:6px}.toolsbar{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.toolsbar>*{flex-shrink:0}}.player.phone .sheet .line[style*=nowrap]{white-space:nowrap!important;overflow:hidden}.player.focus .bar,.player.focus .toolsbar,.player.focus .follow-banner,.player.focus .transport{display:none}.focus-pill{position:fixed;top:calc(6px + var(--sat));right:8px;z-index:30;display:flex;gap:4px;opacity:.3;transition:opacity .2s}.focus-pill:hover,.focus-pill:focus-within{opacity:1}.focus-pill button{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(hover:none){.focus-pill{opacity:.45}}