.dh{position:relative;display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"a stage" "b stage";gap:16px 22px;min-height:540px;padding:26px;color:#fff;font-family:var(--font-body);text-align:left}.dh :where(button){font:inherit;cursor:pointer}.dh button:focus-visible,.dh input:focus-visible{outline:2px solid #6FA0FF;outline-offset:2px}.dh kbd{font-family:var(--font-mono)}.dh__k{margin:0 0 8px;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgba(214,224,255,.66);display:block}.dh__k span{margin-left:6px;letter-spacing:0;text-transform:none;font-weight:400;color:rgba(214,224,255,.5)}.dh__ctrl{display:flex;flex-direction:column;gap:16px;min-width:0}.dh__ctrl--a{grid-area:a}.dh__ctrl--b{grid-area:b}.dh__group{display:flex;flex-direction:column;min-width:0}.dh-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}.dh-seg button{flex:1;min-width:0;padding:7px 6px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.72);font-size:12.5px;white-space:nowrap;transition:background .2s,color .2s}.dh-seg button:hover{color:#fff}.dh-seg button.is-on{background:#fff;color:#16264B;font-weight:600;box-shadow:0 4px 14px rgba(0,0,0,.25)}.dh-hold{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:112px;padding:18px 16px;border-radius:22px;border:1px solid rgba(148,170,230,.32);background:linear-gradient(160deg,rgba(47,91,234,.34),rgba(22,38,75,.9) 70%);color:#fff;text-align:left;box-shadow:0 18px 40px rgba(4,10,30,.45),inset 0 1px 0 rgba(255,255,255,.1);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .18s ease,border-color .2s,box-shadow .2s}.dh-hold:hover{border-color:rgba(111,160,255,.6)}.dh-hold.is-held{transform:scale(.975);border-color:rgba(245,165,74,.8);box-shadow:0 8px 22px rgba(4,10,30,.45),0 0 0 4px rgba(245,165,74,.18)}.dh-hold__mic{position:relative;flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#16264B}.dh-hold__mic i{position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(245,165,74,.8);opacity:0}.dh-hold.is-held .dh-hold__mic{background:#F5A54A;color:#1A2647}.dh-hold.is-held .dh-hold__mic i{animation:dh-ring 1.2s ease-out infinite}.dh-hold__txt{display:flex;flex-direction:column;gap:4px;min-width:0}.dh-hold__txt strong{font-family:var(--font-heading);font-size:18px;font-weight:600;letter-spacing:-.01em}.dh-hold__txt small{font-size:12px;color:rgba(214,224,255,.72);line-height:1.35}.dh-hold__txt kbd{padding:1px 5px;border-radius:5px;background:rgba(255,255,255,.12);font-size:10.5px}.dh-hold__fn{position:absolute;top:10px;right:12px;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.22);font-size:11px;color:rgba(255,255,255,.8)}.dh__hint{min-height:16px;margin:-8px 0;font-size:12px;color:#F5C58A}.dh-tx{display:flex;flex-wrap:wrap;gap:6px}.dh-tx button{padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font-size:12px;transition:background .2s,border-color .2s,opacity .2s}.dh-tx button:hover:not(:disabled){border-color:rgba(255,255,255,.5)}.dh-tx button.is-on{background:#F5A54A;border-color:#F5A54A;color:#1A2647;font-weight:600}.dh-tx button:disabled{opacity:.42;cursor:not-allowed}.dh-tx__own{padding:6px 11px;border-radius:999px;border:1px dashed rgba(255,255,255,.24);font-size:12px;color:rgba(255,255,255,.5)}.dh-snip{width:100%;box-sizing:border-box;padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(9,16,36,.45);color:#fff;font-family:var(--font-mono);font-size:13px}.dh-snip::placeholder{color:rgba(214,224,255,.35)}.dh-snip__try{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:7px}.dh-snip__try button{padding:0;border:0;background:none;color:#9FBDFF;font-size:12px;text-decoration:underline;text-decoration-color:rgba(159,189,255,.35);text-underline-offset:3px}.dh-snip__try button:hover{color:#fff}.dh__stage{grid-area:stage;display:flex;flex-direction:column;min-width:0}.dh__capwrap{display:flex;justify-content:center;height:52px}.dh-cap{gap:12px;height:48px;padding:0 18px;border-radius:999px;background:#16264B;border:1px solid rgba(148,170,230,.3);box-shadow:0 16px 40px rgba(4,10,30,.6),inset 0 1px 0 rgba(255,255,255,.06);font-family:var(--font-mono);font-size:13px;color:rgba(255,255,255,.78);white-space:nowrap;overflow:hidden}.dh-cap,.dh-cap__status{display:inline-flex;align-items:center}.dh-cap__status{gap:8px;font-family:var(--font-heading);font-weight:600;font-size:14px;color:#fff}.dh-cap__dot{width:8px;height:8px;border-radius:50%;background:#7C8BB5}.dh-cap--live .dh-cap__status{color:#22C38E}.dh-cap--live .dh-cap__dot{background:#22C38E;animation:dh-pulse 1.1s ease-in-out infinite}.dh-cap--tidy .dh-cap__status{color:#F5A54A}.dh-cap--tidy .dh-cap__dot{background:#F5A54A}.dh-cap--typed .dh-cap__status{color:#8FB4FF}.dh-cap--typed .dh-cap__dot{background:#6FA0FF}.dh-cap__rule{width:1px;height:20px;background:rgba(255,255,255,.16)}.dh-cap__body{display:inline-flex;align-items:center;gap:10px}.dh-cap__body kbd{padding:2px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px}.dh-cap__time{color:rgba(255,255,255,.7);font-size:12px}.dh-wave{display:inline-flex;align-items:center;gap:3px;height:20px}.dh-wave i{width:3px;height:18px;border-radius:2px;background:#22C38E;transform-origin:center;animation:dh-wave .7s ease-in-out infinite alternate}.dh-cap__shimmer{background:linear-gradient(90deg,rgba(255,255,255,.45),#fff,rgba(255,255,255,.45));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dh-shimmer 1.2s linear infinite}.dh__heard{margin:14px 0 12px;min-height:88px;padding:12px 14px;border-radius:16px;background:rgba(9,16,36,.35);border:1px solid rgba(255,255,255,.08)}.dh__heard .dh__k{margin-bottom:6px}.dh__said{margin:0;min-height:44px;font-family:var(--font-mono);font-size:13px;line-height:1.65;color:rgba(255,255,255,.92)}.dh__said.is-ghost{color:rgba(255,255,255,.34)}.dh__said span{transition:opacity .35s,color .35s}.dh__said .is-drop{color:#F59A8A;text-decoration:line-through;text-decoration-color:rgba(245,154,138,.8);opacity:.75}.dh__note{margin:4px 0 0;font-size:11.5px;color:rgba(245,197,138,.85)}.dh-win{flex:1;display:flex;flex-direction:column;min-height:290px;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.96);color:#16264B;box-shadow:0 24px 60px rgba(4,10,30,.45)}.dh-win__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#F2F4FA;border-bottom:1px solid #e3e8f3;font-size:12px;font-weight:600;color:#4A5578}.dh-win__bar i{width:9px;height:9px;border-radius:50%;background:#D5DBE8}.dh-win__bar span{margin-left:8px}.dh-win__ctx{padding:4px 16px 0}.dh-win__ctx p{display:flex;gap:10px;margin:0;padding:8px 0;border-bottom:1px solid #edf0f6;font-size:13px;color:#1A2647}.dh-win__ctx b{min-width:56px;font-weight:500;color:#7A849E}.dh-win__ctx .dh-win__in{flex-direction:column;gap:3px;align-self:flex-start;max-width:80%;margin-top:8px;padding:9px 12px;border:0;border-radius:14px 14px 14px 4px;background:#EEF2FB}.dh-win__in b{min-width:0;font-size:11px}.dh-win__body{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:12px;padding:14px 16px 16px}.dh-win__text{margin:0;font-size:15px;line-height:1.55;color:#16264B;transition:opacity .2s}.dh-win__text.is-rewriting{opacity:.35}.dh-win__ph{color:#A3ACC2}.dh-win__snip{border-radius:4px}.dh-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-3px;background:#2F5BEA;animation:dh-blink 1s steps(1) infinite}.dh-caret.is-typing{animation:none}.dh-win__tags{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}.dh-win__tags span{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#E9F7F1;color:#107A57;font-size:11.5px;font-weight:500}.dh-win__tags .is-tx{background:#FFF1DF;color:#A35C0C}.dh-win__tags .is-snip{background:#EAF0FF;color:#2F5BEA}.dh__replay{align-self:flex-start;margin-top:auto;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(9,16,36,.4);color:rgba(255,255,255,.8);font-size:12px}.dh__replay:hover{color:#fff;border-color:rgba(255,255,255,.4)}.dh__live{width:6px;height:6px;border-radius:50%;background:#22C38E;animation:dh-pulse 1.1s ease-in-out infinite}@keyframes dh-wave{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes dh-pulse{50%{opacity:.35}}@keyframes dh-ring{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes dh-shimmer{to{background-position:-200% 0}}@keyframes dh-blink{50%{opacity:0}}@media (max-width:800px){.dh{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"a" "stage" "b";padding:18px 16px;gap:18px}.dh-hold{min-height:88px;padding:14px}.dh-win{min-height:300px}}@media (max-width:420px){.dh-cap{gap:9px;padding:0 14px}.dh-cap,.dh-seg button{font-size:12px}.dh-cap--typed .dh-cap__rule,.dh-cap__aux{display:none}}@media (prefers-reduced-motion:reduce){.dh *,.dh :after,.dh :before{animation:none!important;transition:none!important}.dh-wave i{transform:scaleY(.6)}}