.lcd{--card:#141824;--panel:#1b2130;--line:#2a3145;--text:#eef1f8;--muted:#9aa3b8;--faint:#8b93a6;--accent:#a78bfa;width:100%;max-width:640px;margin-inline:auto;color:var(--text)}.lcd .card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 20px 16px}.lcd .chip{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,.16);color:#c4b5fd;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:999px;margin-bottom:9px}.lcd{word-break:keep-all;overflow-wrap:break-word}.lcd .lcd-title{margin:0 0 5px;font-size:clamp(16.5px,1.1vw + 12.5px,20px);line-height:1.3;font-weight:700;letter-spacing:-.01em;text-wrap:balance}.lcd .sub{margin:0 0 13px;font-size:12.8px;line-height:1.55;color:var(--muted);max-width:60ch}.lcd .foot{margin:12px 0 0;font-size:11.5px;color:var(--faint);line-height:1.5}.lcd .dyn{transition:opacity .6s ease}.lcd .dyn.fadeout{opacity:.05}.lcd .icwrap{display:flex}.lcd.animpaused *,.lcd.animpaused :after,.lcd.animpaused :before{animation-play-state:paused!important}.lcd .status{margin:9px 0 0;display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--muted)}.lcd .status b{color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.lcd .status .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;transition:background .3s}.lcd-mc .status,.lcd-sz .status{margin:9px 0}.lcd .steps{display:flex;align-items:center;gap:6px;margin-bottom:9px;flex-wrap:wrap}.lcd .step{gap:6px;font-size:11.5px;font-weight:600;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px 11px 4px 5px;transition:color .25s,border-color .25s,background .25s}.lcd .step,.lcd .step i{display:inline-flex;align-items:center;color:var(--faint)}.lcd .step i{width:18px;height:18px;justify-content:center;border-radius:50%;background:#10131c;font-style:normal;font-size:11px;font-weight:700;transition:background .25s,color .25s}.lcd .step.on{color:var(--text);border-color:#4c3f83;background:rgba(139,92,246,.12)}.lcd .step.on i{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.lcd .step.done{color:var(--muted)}.lcd .step.done i{background:#2c3450;color:#b6bfd6}.lcd .steps .spacer{flex:1}.lcd-dc .playbtn,.lcd-hk .playbtn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer}.lcd-dc .playbtn:hover,.lcd-hk .playbtn:hover{color:var(--text)}.lcd-dc .playbtn:focus-visible,.lcd-hk .playbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lcd-mc .playbtn,.lcd-sz .playbtn{position:absolute;top:10px;right:10px;z-index:4;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.5);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lcd-mc .playbtn:hover,.lcd-sz .playbtn:hover{background:rgba(0,0,0,.7)}.lcd-mc .playbtn:focus-visible,.lcd-sz .playbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lcd .playbtn{display:none}@media (prefers-reduced-motion:reduce){.lcd .playbtn{display:flex}}@media (max-width:640px){.lcd .card{padding:14px 12px 12px;border-radius:16px}.lcd .chip{font-size:11px;padding:3px 8px;margin-bottom:7px}.lcd .lcd-title{font-size:15.5px}.lcd .sub{font-size:11.8px;line-height:1.5;margin-bottom:10px}.lcd .steps{gap:4px;margin-bottom:7px}.lcd .step{font-size:11px;padding:3px 8px 3px 4px}.lcd .step i{width:17px;height:17px;font-size:11px}.lcd .status{font-size:11px;padding:5px 10px;margin-top:7px}.lcd-mc .status,.lcd-sz .status{margin:7px 0}.lcd .foot{font-size:11px;margin-top:9px}}@media (min-width:641px) and (max-height:760px){.lcd .card{padding:16px 16px 12px}.lcd .sub{margin-bottom:10px}.lcd .foot{margin-top:9px}}@media (max-height:860px){.lcd-tight .lcd .foot{display:none}}@media (max-height:780px){.lcd-tight .lcd .sub{display:none}}.lcd-mc{--spk-a:#fb923c;--spk-b:#2dd4bf;--cam-w:#a78bfa}.lcd-mc .stage{max-width:calc(min(30vh, 300px) * 16 / 9);margin-inline:auto}.lcd-mc .monitor{position:relative;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#000}.lcd-mc .view{position:absolute;inset:0;opacity:0}.lcd-mc .stage[data-cam=a] .view[data-view=a],.lcd-mc .stage[data-cam=b] .view[data-view=b],.lcd-mc .stage[data-cam=w] .view[data-view=w]{opacity:1}.lcd-mc .scene-wrap{width:100%;height:100%;will-change:transform}.lcd-mc .scene-wrap svg{display:block;width:100%;height:100%}@keyframes lcdMcPush{0%{transform:scale(1)}to{transform:scale(1.04)}}.lcd-mc .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.lcd-mc .flash.on{animation:lcdMcFlash .15s ease-out}@keyframes lcdMcFlash{0%{opacity:.2}to{opacity:0}}.lcd-mc .live{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#fca5a5;background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lcd-mc .live i{width:6px;height:6px;border-radius:50%;background:#f87171;animation:lcdMcPulse 1.4s ease-in-out infinite}@keyframes lcdMcPulse{0%,to{opacity:1}50%{opacity:.35}}.lcd-mc .camchip{position:absolute;bottom:10px;left:12px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);padding:5px 12px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lcd-mc .camchip i{width:7px;height:7px;border-radius:50%;background:var(--spk-a)}.lcd-mc .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lcd-mc .thumb{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#000;transition:border-color .12s,box-shadow .12s}.lcd-mc .mini{aspect-ratio:16/9;position:relative}.lcd-mc .mini-slot{position:absolute;inset:0}.lcd-mc .mini svg{display:block;width:100%;height:100%}.lcd-mc .tlabel{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;font-size:10.5px;font-weight:600;color:var(--muted);background:var(--panel)}.lcd-mc .tlabel .onair{display:none;color:#fca5a5;font-size:9.5px;letter-spacing:.08em;font-weight:700}.lcd-mc .stage[data-cam=a] .thumb[data-thumb=a]{border-color:var(--spk-a);box-shadow:0 0 0 3px rgba(251,146,60,.15)}.lcd-mc .stage[data-cam=b] .thumb[data-thumb=b]{border-color:var(--spk-b);box-shadow:0 0 0 3px rgba(45,212,191,.15)}.lcd-mc .stage[data-cam=w] .thumb[data-thumb=w]{border-color:var(--cam-w);box-shadow:0 0 0 3px rgba(167,139,250,.15)}.lcd-mc .stage[data-cam=a] .thumb[data-thumb=a] .onair,.lcd-mc .stage[data-cam=b] .thumb[data-thumb=b] .onair,.lcd-mc .stage[data-cam=w] .thumb[data-thumb=w] .onair{display:inline}.lcd-mc .stage[data-cam=a] .thumb[data-thumb=a] .tlabel,.lcd-mc .stage[data-cam=b] .thumb[data-thumb=b] .tlabel,.lcd-mc .stage[data-cam=w] .thumb[data-thumb=w] .tlabel{color:var(--text)}.lcd-mc .wave{position:absolute;right:6px;bottom:6px;display:none;align-items:flex-end;gap:2.5px;height:16px;padding:3px 6px;background:rgba(0,0,0,.6);border-radius:6px}.lcd-mc .wave i{width:2.5px;border-radius:2px;transform-origin:bottom}.lcd-mc .thumb[data-thumb=a] .wave i{background:var(--spk-a)}.lcd-mc .thumb[data-thumb=b] .wave i{background:var(--spk-b)}.lcd-mc .wave i:first-child{height:5px;animation:lcdMcWv .55s ease-in-out -.1s infinite alternate}.lcd-mc .wave i:nth-child(2){height:10px;animation:lcdMcWv .55s ease-in-out -.3s infinite alternate}.lcd-mc .wave i:nth-child(3){height:7px;animation:lcdMcWv .55s ease-in-out -.5s infinite alternate}.lcd-mc .wave i:nth-child(4){height:9px;animation:lcdMcWv .55s ease-in-out -.22s infinite alternate}@keyframes lcdMcWv{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.lcd-mc .stage[data-speaking=a] .thumb[data-thumb=a] .wave,.lcd-mc .stage[data-speaking=b] .thumb[data-thumb=b] .wave,.lcd-mc .stage[data-speaking=both] .thumb[data-thumb=a] .wave,.lcd-mc .stage[data-speaking=both] .thumb[data-thumb=b] .wave{display:flex}.lcd-mc .mouth{transform-box:fill-box;transform-origin:center}.lcd-mc .bob{transform-box:fill-box;transform-origin:50% 100%}.lcd-mc .stage[data-speaking=a] .mouth-a,.lcd-mc .stage[data-speaking=b] .mouth-b,.lcd-mc .stage[data-speaking=both] .mouth-a,.lcd-mc .stage[data-speaking=both] .mouth-b{animation:lcdMcTalk .17s ease-in-out infinite alternate}@keyframes lcdMcTalk{0%{transform:scaleY(1)}to{transform:scaleY(.28)}}.lcd-mc .stage[data-speaking=a] .bob-a,.lcd-mc .stage[data-speaking=b] .bob-b,.lcd-mc .stage[data-speaking=both] .bob-a,.lcd-mc .stage[data-speaking=both] .bob-b{animation:lcdMcBob .48s ease-in-out infinite alternate}@keyframes lcdMcBob{0%{transform:translateY(0)}to{transform:translateY(-1.6px)}}.lcd-mc .tl{margin-top:11px}.lcd-mc .tl-caption{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px;font-size:11px;color:var(--faint);font-weight:600}.lcd-mc .tl-caption .tc{font-variant-numeric:tabular-nums;font-weight:500}.lcd-mc .tl-track{position:relative;height:24px;border-radius:8px;background:#10131c;border:1px solid var(--line);overflow:hidden}.lcd-mc .seg{position:absolute;top:5px;bottom:5px;border-radius:5px;opacity:.38;transition:opacity .15s}.lcd-mc .seg.active{opacity:1}.lcd-mc .playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.55);pointer-events:none}.lcd-mc .legend{display:flex;gap:12px;margin-top:7px;font-size:11px;color:var(--muted);flex-wrap:wrap}.lcd-mc .legend span{display:inline-flex;align-items:center;gap:6px}.lcd-mc .legend i{width:8px;height:8px;border-radius:3px}@media (max-width:640px){.lcd-mc .thumbs{gap:5px}.lcd-mc .tlabel{font-size:9px;padding:4px 5px}.lcd-mc .tlabel .onair{font-size:8px}.lcd-mc .camchip,.lcd-mc .live{font-size:10px;padding:3px 8px}.lcd-mc .tl{margin-top:8px}.lcd-mc .tl-track{height:20px}.lcd-mc .legend{gap:8px;font-size:9.5px;margin-top:5px}}@media (prefers-reduced-motion:reduce){.lcd-mc .bob,.lcd-mc .flash,.lcd-mc .live i,.lcd-mc .mouth,.lcd-mc .scene-wrap,.lcd-mc .wave i{animation:none!important}}.lcd-sz{--spk-a:#fb923c;--spk-b:#2dd4bf;--wide:#a78bfa}.lcd-sz .stage{max-width:calc(min(26vh, 260px) * 16 / 9);margin-inline:auto}.lcd-sz .monitor{position:relative;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#000}.lcd-sz .crop{transform-origin:0 0}.lcd-sz .crop,.lcd-sz .push{width:100%;height:100%;will-change:transform}.lcd-sz .push svg{display:block;width:100%;height:100%}@keyframes lcdSzPush{0%{transform:scale(1)}to{transform:scale(1.035)}}.lcd-sz .flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.lcd-sz .flash.on{animation:lcdSzFlash .15s ease-out}@keyframes lcdSzFlash{0%{opacity:.2}to{opacity:0}}.lcd-sz .live{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#c4b5fd;background:rgba(0,0,0,.5);padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lcd-sz .live i{width:6px;height:6px;border-radius:50%;background:#8b5cf6;animation:lcdSzPulse 1.4s ease-in-out infinite}@keyframes lcdSzPulse{0%,to{opacity:1}50%{opacity:.35}}.lcd-sz .framechip{position:absolute;bottom:10px;left:12px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--text);background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.14);padding:5px 12px;border-radius:999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}.lcd-sz .framechip i{width:7px;height:7px;border-radius:50%;background:var(--spk-a)}.lcd-sz .row{display:grid;grid-template-columns:3fr 2fr;gap:10px;align-items:stretch}.lcd-sz .srcpanel{border:2px solid var(--line);border-radius:12px;overflow:hidden;background:#000}.lcd-sz .srcview{position:relative;aspect-ratio:16/9;overflow:hidden}.lcd-sz .srcview svg{display:block;width:100%;height:100%}.lcd-sz .srclabel{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;font-size:10.5px;font-weight:600;color:var(--muted);background:var(--panel)}.lcd-sz .srclabel .rec{display:inline-flex;align-items:center;gap:5px;color:#fca5a5;font-size:9.5px;letter-spacing:.08em;font-weight:700}.lcd-sz .srclabel .rec i{width:5px;height:5px;border-radius:50%;background:#f87171;animation:lcdSzPulse 1.4s ease-in-out infinite}.lcd-sz .cropbox{position:absolute;border:2px solid var(--wide);border-radius:8px;box-shadow:0 0 0 9999px rgba(0,0,0,.42);transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease,border-color .18s ease;pointer-events:none}.lcd-sz .cropbox .zoomtag{position:absolute;top:-1px;left:-1px;transform:translateY(-100%);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:6px 6px 6px 0;background:var(--wide);color:#0c0e14;white-space:nowrap;font-variant-numeric:tabular-nums;transition:background .18s ease}.lcd-sz .facebox{position:absolute;border:1.5px solid;border-radius:8px;opacity:0;pointer-events:none}.lcd-sz .facebox .ftag{position:absolute;bottom:-2px;left:50%;transform:translate(-50%,100%);font-size:9px;font-weight:700;padding:1.5px 6px;border-radius:5px;color:#0c0e14;white-space:nowrap}.lcd-sz .facebox[data-face=a]{border-color:var(--spk-a)}.lcd-sz .facebox[data-face=a] .ftag{background:var(--spk-a)}.lcd-sz .facebox[data-face=b]{border-color:var(--spk-b)}.lcd-sz .facebox[data-face=b] .ftag{background:var(--spk-b)}.lcd-sz .stage[data-speaking=a] .facebox[data-face=a],.lcd-sz .stage[data-speaking=b] .facebox[data-face=b],.lcd-sz .stage[data-speaking=both] .facebox[data-face=a],.lcd-sz .stage[data-speaking=both] .facebox[data-face=b]{opacity:1;animation:lcdSzFace .25s ease}@keyframes lcdSzFace{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.lcd-sz .side{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 11px;display:flex;flex-direction:column;gap:6px}.lcd-sz .side-title{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--faint);text-transform:uppercase}.lcd-sz .spk{display:flex;align-items:center;gap:8px;background:#10131c;border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-size:11.5px;font-weight:600;color:var(--faint)}.lcd-sz .spk .sdot{width:7px;height:7px;border-radius:50%;background:var(--faint);opacity:.5;flex-shrink:0}.lcd-sz .spk[data-spk=a] .sdot{background:var(--spk-a)}.lcd-sz .spk[data-spk=b] .sdot{background:var(--spk-b)}.lcd-sz .spk .idle{margin-left:auto;font-size:10.5px;font-weight:500;color:var(--faint)}.lcd-sz .spk .wave{display:none;margin-left:auto;align-items:flex-end;gap:2.5px;height:13px}.lcd-sz .spk .wave i{width:2.5px;border-radius:2px;transform-origin:bottom}.lcd-sz .spk[data-spk=a] .wave i{background:var(--spk-a)}.lcd-sz .spk[data-spk=b] .wave i{background:var(--spk-b)}.lcd-sz .spk .wave i:first-child{height:5px;animation:lcdSzWv .55s ease-in-out -.1s infinite alternate}.lcd-sz .spk .wave i:nth-child(2){height:11px;animation:lcdSzWv .55s ease-in-out -.3s infinite alternate}.lcd-sz .spk .wave i:nth-child(3){height:7px;animation:lcdSzWv .55s ease-in-out -.5s infinite alternate}.lcd-sz .spk .wave i:nth-child(4){height:9px;animation:lcdSzWv .55s ease-in-out -.22s infinite alternate}@keyframes lcdSzWv{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.lcd-sz .stage[data-speaking=a] .spk[data-spk=a],.lcd-sz .stage[data-speaking=b] .spk[data-spk=b],.lcd-sz .stage[data-speaking=both] .spk[data-spk=a],.lcd-sz .stage[data-speaking=both] .spk[data-spk=b]{color:var(--text);border-color:#39415a}.lcd-sz .stage[data-speaking=a] .spk[data-spk=a] .wave,.lcd-sz .stage[data-speaking=b] .spk[data-spk=b] .wave,.lcd-sz .stage[data-speaking=both] .spk[data-spk=a] .wave,.lcd-sz .stage[data-speaking=both] .spk[data-spk=b] .wave{display:flex}.lcd-sz .stage[data-speaking=a] .spk[data-spk=a] .idle,.lcd-sz .stage[data-speaking=b] .spk[data-spk=b] .idle,.lcd-sz .stage[data-speaking=both] .spk[data-spk=a] .idle,.lcd-sz .stage[data-speaking=both] .spk[data-spk=b] .idle{display:none}.lcd-sz .side-note{margin:auto 0 0;font-size:10.8px;line-height:1.5;color:var(--faint)}.lcd-sz .side-note b{color:var(--muted);font-weight:600}.lcd-sz .mouth{transform-box:fill-box;transform-origin:center}.lcd-sz .bob{transform-box:fill-box;transform-origin:50% 100%}.lcd-sz .stage[data-speaking=a] .mouth-a,.lcd-sz .stage[data-speaking=b] .mouth-b,.lcd-sz .stage[data-speaking=both] .mouth-a,.lcd-sz .stage[data-speaking=both] .mouth-b{animation:lcdSzTalk .17s ease-in-out infinite alternate}@keyframes lcdSzTalk{0%{transform:scaleY(1)}to{transform:scaleY(.28)}}.lcd-sz .stage[data-speaking=a] .bob-a,.lcd-sz .stage[data-speaking=b] .bob-b,.lcd-sz .stage[data-speaking=both] .bob-a,.lcd-sz .stage[data-speaking=both] .bob-b{animation:lcdSzBob .48s ease-in-out infinite alternate}@keyframes lcdSzBob{0%{transform:translateY(0)}to{transform:translateY(-1.6px)}}.lcd-sz .tl{margin-top:11px}.lcd-sz .tl-caption{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px;font-size:11px;color:var(--faint);font-weight:600}.lcd-sz .tl-caption .tc{font-variant-numeric:tabular-nums;font-weight:500}.lcd-sz .tl-track{position:relative;height:24px;border-radius:8px;background:#10131c;border:1px solid var(--line);overflow:hidden}.lcd-sz .seg{position:absolute;top:5px;bottom:5px;border-radius:5px;opacity:.38;transition:opacity .15s}.lcd-sz .seg.active{opacity:1}.lcd-sz .playhead{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.55);pointer-events:none}.lcd-sz .legend{display:flex;gap:12px;margin-top:7px;font-size:11px;color:var(--muted);flex-wrap:wrap}.lcd-sz .legend span{display:inline-flex;align-items:center;gap:6px}.lcd-sz .legend i{width:8px;height:8px;border-radius:3px}@media (max-width:640px){.lcd-sz .row{grid-template-columns:3fr 2fr;gap:7px}.lcd-sz .side{padding:8px;gap:5px}.lcd-sz .side-title{font-size:9.5px;letter-spacing:.06em}.lcd-sz .spk{padding:5px 7px;font-size:10px;gap:6px}.lcd-sz .side-note,.lcd-sz .spk .idle{display:none}.lcd-sz .srclabel{padding:4px 6px;font-size:9px}.lcd-sz .framechip,.lcd-sz .live{font-size:10px;padding:3px 8px}.lcd-sz .tl{margin-top:8px}.lcd-sz .tl-track{height:20px}.lcd-sz .legend{gap:8px;font-size:9.5px;margin-top:5px}}@media (prefers-reduced-motion:reduce){.lcd-sz .bob,.lcd-sz .facebox,.lcd-sz .flash,.lcd-sz .live i,.lcd-sz .mouth,.lcd-sz .push,.lcd-sz .srclabel .rec i,.lcd-sz .wave i{animation:none!important}.lcd-sz .cropbox{transition:none}}.lcd-dc .tdur{font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;transition:color .2s}.lcd-dc .tdur.pop{animation:lcdDcBump .32s ease;color:var(--text)}@keyframes lcdDcBump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.lcd-dc .panel{position:relative;background:#10131c;border:1px solid var(--line);border-radius:14px;padding:14px 14px 46px;overflow:hidden}.lcd-dc .trklabel{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.06em;margin-bottom:6px}.lcd-dc .trklabel.spaced{margin-bottom:24px}.lcd-dc .rawwrap{position:relative;transition:opacity .6s ease}.lcd-dc .rawtrack{position:relative;display:flex;gap:1px;height:30px;border-radius:8px}.lcd-dc .rseg{height:100%;border-radius:3px;background:#2b3244;border:1px solid transparent;transition:background .3s,box-shadow .3s,opacity .35s,border-color .3s}.lcd-dc .rseg.lit[data-type=core]{background:linear-gradient(180deg,#b09df8,#8b5cf6);box-shadow:0 0 10px rgba(139,92,246,.4)}.lcd-dc .rseg.lit[data-type=laugh]{background:linear-gradient(180deg,#fdba74,#fb923c);box-shadow:0 0 10px rgba(251,146,60,.35)}.lcd-dc .rseg.lit[data-type=drop]{background:#353d55;opacity:.8}.lcd-dc .rseg.lit[data-type=silence]{background:repeating-linear-gradient(135deg,#1e2434 0 4px,#262d40 4px 8px);opacity:.75}.lcd-dc .rseg.ghost{background:transparent!important;box-shadow:none!important;border-color:#39415a;border-style:dashed;opacity:.5}.lcd-dc .rawwrap.dim{opacity:.42}.lcd-dc .scan{position:absolute;top:-4px;bottom:-4px;left:0;width:2.5px;border-radius:2px;background:#e9e4ff;box-shadow:0 0 12px rgba(167,139,250,.9),0 0 3px #fff;opacity:0;animation:lcdDcScan 2.8s linear .3s forwards;pointer-events:none}@keyframes lcdDcScan{0%{left:0;opacity:0}4%{opacity:1}96%{opacity:1}to{left:calc(100% - 3px);opacity:0}}.lcd-dc .seglabel{position:absolute;top:-8px;transform:translate(-50%,-100%);font-size:11px;font-weight:700;padding:2px 7px;border-radius:6px;background:#232a3f;color:#cdd4e6;border:1px solid #39415a;white-space:nowrap;animation:lcdDcTag 1.5s ease forwards;pointer-events:none}.lcd-dc .seglabel.k{background:rgba(139,92,246,.25);color:#d6c8ff;border-color:#5b4b96}.lcd-dc .seglabel.l{background:rgba(251,146,60,.22);color:#fed7aa;border-color:#92603a}.lcd-dc .legend{display:flex;gap:12px;margin-top:6px;font-size:11px;color:var(--faint);opacity:0;transition:opacity .5s;flex-wrap:wrap}.lcd-dc .legend.on{opacity:1}.lcd-dc .legend span{display:inline-flex;align-items:center;gap:5px}.lcd-dc .legend i{width:7px;height:7px;border-radius:2.5px}.lcd-dc .gap{height:20px}.lcd-dc .draftwrap{position:relative}.lcd-dc .drafttrack{position:relative;display:flex;height:34px;border:1.5px dashed #333b52;border-radius:8px;padding:3px}.lcd-dc .dph{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--faint);transition:opacity .3s;pointer-events:none}.lcd-dc .dclip{position:relative;height:100%;border-radius:4px;margin-right:2px;flex-shrink:0;transition:width .65s cubic-bezier(.3,.7,.2,1),margin-right .45s ease,opacity .3s ease}.lcd-dc .dclip[data-type=core]{background:linear-gradient(180deg,#b09df8,#8b5cf6)}.lcd-dc .dclip[data-type=laugh]{background:linear-gradient(180deg,#fdba74,#fb923c)}.lcd-dc .dclip.land{animation:lcdDcLand .3s cubic-bezier(.3,1.4,.5,1)}@keyframes lcdDcLand{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.lcd-dc .dclip .cc{position:absolute;left:3px;right:3px;bottom:4px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#f3f0ff 0 7px,transparent 7px 10px);opacity:0;transition:opacity .35s .15s}.lcd-dc .dclip .cc.onn{opacity:.65}.lcd-dc .dclip .handle{position:absolute;right:0;top:3px;bottom:3px;width:3.5px;border-radius:2px;background:#fff;opacity:0;transition:opacity .2s}.lcd-dc .dclip.showhandle .handle{opacity:.95;box-shadow:0 0 7px rgba(255,255,255,.6)}.lcd-dc .dclip.sel{outline:2px solid #f87171;outline-offset:1.5px}.lcd-dc .fclip{position:absolute;border-radius:5px;z-index:30;box-shadow:0 6px 18px rgba(0,0,0,.5);transition:transform .42s cubic-bezier(.25,.8,.3,1),width .42s cubic-bezier(.25,.8,.3,1),height .42s cubic-bezier(.25,.8,.3,1);will-change:transform}.lcd-dc .fclip[data-type=core]{background:linear-gradient(180deg,#b09df8,#8b5cf6)}.lcd-dc .fclip[data-type=laugh]{background:linear-gradient(180deg,#fdba74,#fb923c)}.lcd-dc .dtag{position:absolute;transform:translate(-50%,-100%);top:-6px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:rgba(248,113,113,.18);color:#fca5a5;border:1px solid rgba(248,113,113,.45);white-space:nowrap;font-variant-numeric:tabular-nums;animation:lcdDcTag 1.6s ease forwards;pointer-events:none;z-index:20}@keyframes lcdDcTag{0%{opacity:0;transform:translate(-50%,-80%)}12%{opacity:1;transform:translate(-50%,-100%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)}}.lcd-dc .refscan{position:absolute;top:-4px;bottom:-4px;left:0;width:2.5px;border-radius:2px;background:#e9e4ff;box-shadow:0 0 12px rgba(167,139,250,.9),0 0 3px #fff;opacity:0;animation:lcdDcSweep .9s linear forwards;pointer-events:none;z-index:10}@keyframes lcdDcSweep{0%{left:0;opacity:0}8%{opacity:1}92%{opacity:1}to{left:calc(100% - 3px);opacity:0}}.lcd-dc .dclip.think,.lcd-dc .rseg.think{animation:lcdDcThink .55s ease-in-out 2}@keyframes lcdDcThink{0%,to{box-shadow:0 0 0 0 rgba(167,139,250,0)}50%{box-shadow:0 0 0 3px rgba(167,139,250,.65),0 0 16px rgba(139,92,246,.5)}}.lcd-dc .pass{display:inline-flex;align-items:center;margin-left:8px;font-size:11px;font-weight:700;letter-spacing:0;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:2px 9px;opacity:0;transition:opacity .3s;white-space:nowrap}.lcd-dc .pass.onn{opacity:1}.lcd-dc .pass.bump{animation:lcdDcBump .32s ease}.lcd-dc .dtag.add{background:rgba(74,222,128,.14);color:#86efac;border-color:rgba(74,222,128,.45)}.lcd-dc .drafttrack.glow{animation:lcdDcGlow 1.1s ease-in-out 2;border-color:rgba(74,222,128,.55)}@keyframes lcdDcGlow{0%,to{box-shadow:0 0 0 rgba(74,222,128,0)}50%{box-shadow:0 0 22px rgba(74,222,128,.35)}}.lcd-dc .donechip{position:absolute;left:50%;bottom:13px;transform:translateX(-50%) scale(.8);display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#bbf7d0;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.4);border-radius:999px;padding:6px 14px;opacity:0;white-space:nowrap;font-variant-numeric:tabular-nums}.lcd-dc .donechip.onn{animation:lcdDcDone .45s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes lcdDcDone{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.lcd-dc .donechip b{color:#dcfce7}.lcd-dc .spark{position:absolute;z-index:25;color:var(--accent);opacity:0;pointer-events:none;font-size:13px}.lcd-dc .spark.onn{animation:lcdDcSpark .9s ease forwards}@keyframes lcdDcSpark{0%{opacity:0;transform:scale(.3) rotate(0deg)}35%{opacity:1;transform:scale(1.15) rotate(25deg)}to{opacity:0;transform:scale(.5) rotate(45deg)}}@media (max-width:640px){.lcd-dc .panel{padding:11px 10px 40px}.lcd-dc .donechip{font-size:11px;padding:4px 9px;bottom:10px}.lcd-dc .rawtrack{height:26px}.lcd-dc .drafttrack{height:30px}.lcd-dc .gap{height:14px}.lcd-dc .trklabel.spaced{margin-bottom:21px}.lcd-dc .seglabel{font-size:8.5px;padding:1.5px 5px}.lcd-dc .dtag{font-size:11px;padding:2px 6px}.lcd-dc .legend{gap:8px;font-size:11px;margin-top:5px}}@media (prefers-reduced-motion:reduce){.lcd-dc .dclip.land,.lcd-dc .dclip.think,.lcd-dc .donechip,.lcd-dc .dtag,.lcd-dc .refscan,.lcd-dc .rseg.think,.lcd-dc .scan,.lcd-dc .seglabel,.lcd-dc .spark{animation:none!important}}.lcd-hk{--hook:#facc15;--retain:#2dd4bf}.lcd-hk .panel{position:relative;background:#10131c;border:1px solid var(--line);border-radius:14px;padding:14px 14px 46px;overflow:hidden}.lcd-hk .trklabel{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:700;color:var(--faint);letter-spacing:.06em;margin-bottom:6px}.lcd-hk .trklabel.spaced{margin-bottom:24px}.lcd-hk .tdur{font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;transition:color .2s}.lcd-hk .tdur.pop{animation:lcdHkBump .32s ease;color:var(--text)}@keyframes lcdHkBump{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.lcd-hk .drafttrack{position:relative;display:flex;height:34px;border:1.5px solid #333b52;border-radius:8px;padding:3px}.lcd-hk .ruler{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--faint);font-variant-numeric:tabular-nums}.lcd-hk .dclip{position:relative;height:100%;border-radius:4px;margin-right:2px;flex:0 1 auto;min-width:0;transition:width .65s cubic-bezier(.3,.7,.2,1),margin-right .45s ease,opacity .3s ease}.lcd-hk .dclip:last-child{margin-right:0}.lcd-hk .dclip[data-type=core]{background:linear-gradient(180deg,#b09df8,#8b5cf6)}.lcd-hk .dclip[data-type=hook]{background:linear-gradient(180deg,#fde047,#eab308);box-shadow:0 0 10px rgba(250,204,21,.4)}.lcd-hk .dclip.land{animation:lcdHkLand .3s cubic-bezier(.3,1.4,.5,1)}@keyframes lcdHkLand{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.lcd-hk .dclip .cc{position:absolute;left:3px;right:3px;bottom:4px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#f3f0ff 0 7px,transparent 7px 10px);opacity:0;transition:opacity .35s .15s}.lcd-hk .dclip .cc.onn{opacity:.65}.lcd-hk .dclip[data-type=hook] .cc{background:repeating-linear-gradient(90deg,rgba(66,32,6,.6) 0 7px,transparent 7px 10px)}.lcd-hk .dclip .num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;color:#422006;opacity:0;transition:opacity .3s;pointer-events:none}.lcd-hk .dclip .num.onn{opacity:1}.lcd-hk .hlmark{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(180deg,#fde047,#eab308);outline:1px solid #fef08a;box-shadow:0 0 10px rgba(250,204,21,.55);opacity:0;transform:scale(.7);transition:opacity .35s,transform .35s;z-index:5;pointer-events:none}.lcd-hk .hlmark.on{opacity:1;transform:scale(1)}.lcd-hk .fclip{position:absolute;border-radius:5px;z-index:30;transition:transform .5s cubic-bezier(.25,.8,.3,1),width .5s cubic-bezier(.25,.8,.3,1),height .5s cubic-bezier(.25,.8,.3,1);will-change:transform}.lcd-hk .fclip[data-type=hook]{background:linear-gradient(180deg,#fde047,#eab308);box-shadow:0 0 14px rgba(250,204,21,.5),0 6px 18px rgba(0,0,0,.5)}.lcd-hk .scan2{position:absolute;top:-4px;bottom:-4px;left:0;width:2.5px;border-radius:2px;background:#e9e4ff;box-shadow:0 0 12px rgba(167,139,250,.9),0 0 3px #fff;opacity:0;animation:lcdHkScan 2.2s linear forwards;pointer-events:none;z-index:10}@keyframes lcdHkScan{0%{left:0;opacity:0}4%{opacity:1}96%{opacity:1}to{left:calc(100% - 3px);opacity:0}}.lcd-hk .pass{display:inline-flex;align-items:center;margin-left:8px;font-size:10px;font-weight:700;letter-spacing:0;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.35);border-radius:999px;padding:2px 9px;opacity:0;transition:opacity .3s;white-space:nowrap}.lcd-hk .pass.onn{opacity:1}.lcd-hk .pass.bump{animation:lcdHkBump .32s ease}.lcd-hk .dtag{position:absolute;transform:translate(-50%,-100%);top:-6px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;background:#232a3f;color:#cdd4e6;border:1px solid #39415a;white-space:nowrap;font-variant-numeric:tabular-nums;animation:lcdHkTag 1.6s ease forwards;pointer-events:none;z-index:20}.lcd-hk .dtag.hot{background:rgba(250,204,21,.16);color:#fde68a;border-color:rgba(250,204,21,.45)}.lcd-hk .dtag.add{background:rgba(74,222,128,.14);color:#86efac;border-color:rgba(74,222,128,.45)}@keyframes lcdHkTag{0%{opacity:0;transform:translate(-50%,-80%)}12%{opacity:1;transform:translate(-50%,-100%)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-110%)}}.lcd-hk .brace{position:absolute;height:6px;border:1.5px solid rgba(250,204,21,.55);border-bottom:none;border-radius:6px 6px 0 0;opacity:0;transition:opacity .5s;pointer-events:none;z-index:15}.lcd-hk .brace.on{opacity:1}.lcd-hk .bracelab{position:absolute;font-size:10px;font-weight:700;color:#fde68a;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.4);border-radius:6px;padding:2px 8px;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .5s;pointer-events:none;z-index:20}.lcd-hk .bracelab.on{opacity:1}.lcd-hk .gap{height:18px}.lcd-hk .chartwrap{opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .6s ease}.lcd-hk .chartwrap.on{opacity:1;transform:translateY(0)}.lcd-hk .trklabel .exnote{font-weight:500;letter-spacing:0;color:var(--faint)}.lcd-hk .cmp{display:flex;flex-direction:column;gap:9px}.lcd-hk .cmprow{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(4px);transition:opacity .5s ease,transform .5s ease}.lcd-hk .cmprow.on{opacity:1;transform:none}.lcd-hk .cmplab{width:170px;flex-shrink:0;font-size:12px;color:var(--muted)}.lcd-hk .cmplab b{display:inline-block;min-width:48px;margin-right:7px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.lcd-hk .cmprow.after .cmplab{color:var(--text)}.lcd-hk .cmprow.after .cmplab b{color:var(--retain)}.lcd-hk .cmpbar{flex:1;height:12px;border-radius:999px;background:#1a2030;border:1px solid #232a3f;overflow:hidden;position:relative}.lcd-hk .cmpbar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:999px;transition:width 1.1s cubic-bezier(.3,.7,.2,1)}.lcd-hk .cmpbar i.g{background:#4d566e}.lcd-hk .cmpbar i.t{background:linear-gradient(90deg,#14b8a6,#2dd4bf);box-shadow:0 0 10px rgba(45,212,191,.4)}.lcd-hk .cmpnote{flex-shrink:0;min-width:68px;text-align:right;font-size:11px;color:var(--faint)}.lcd-hk .cmprow.after .cmpnote{color:var(--muted)}.lcd-hk .drafttrack.glow{animation:lcdHkGlow 1.1s ease-in-out 2;border-color:rgba(74,222,128,.55)}@keyframes lcdHkGlow{0%,to{box-shadow:0 0 0 rgba(74,222,128,0)}50%{box-shadow:0 0 22px rgba(74,222,128,.35)}}.lcd-hk .donechip{position:absolute;left:50%;bottom:13px;transform:translateX(-50%) scale(.8);display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#bbf7d0;background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.4);border-radius:999px;padding:6px 14px;opacity:0;white-space:nowrap;font-variant-numeric:tabular-nums}.lcd-hk .donechip.onn{animation:lcdHkDone .45s cubic-bezier(.3,1.4,.5,1) forwards}@keyframes lcdHkDone{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.lcd-hk .donechip b{color:#dcfce7}.lcd-hk .spark{position:absolute;z-index:25;color:var(--hook);opacity:0;pointer-events:none;font-size:13px}.lcd-hk .spark.onn{animation:lcdHkSpark .9s ease forwards}@keyframes lcdHkSpark{0%{opacity:0;transform:scale(.3) rotate(0deg)}35%{opacity:1;transform:scale(1.15) rotate(25deg)}to{opacity:0;transform:scale(.5) rotate(45deg)}}@media (max-width:640px){.lcd-hk .panel{padding:11px 10px 40px}.lcd-hk .donechip{font-size:11px;padding:4px 9px;bottom:10px}.lcd-hk .drafttrack{height:30px}.lcd-hk .gap{height:12px}.lcd-hk .trklabel.spaced{margin-bottom:21px}.lcd-hk .cmp{gap:7px}.lcd-hk .cmprow{gap:8px}.lcd-hk .cmplab{width:108px;font-size:10px}.lcd-hk .cmplab b{min-width:38px;font-size:9px;margin-right:5px}.lcd-hk .cmpnote{min-width:50px;font-size:9.5px}.lcd-hk .cmpbar{height:10px}.lcd-hk .ruler{font-size:9px}}@media (prefers-reduced-motion:reduce){.lcd-hk .dclip.land,.lcd-hk .donechip,.lcd-hk .dtag,.lcd-hk .scan2,.lcd-hk .spark{animation:none!important}.lcd-hk .brace,.lcd-hk .bracelab,.lcd-hk .chartwrap,.lcd-hk .cmpbar i,.lcd-hk .cmprow,.lcd-hk .hlmark{transition:none!important}}