.phl-panel{margin:14px 0 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--ui-border));border-radius:18px;background:color-mix(in srgb,var(--ui-panel) 96%,var(--accent) 4%);box-shadow:0 16px 36px rgba(0,0,0,.18);animation:phlEnter .38s cubic-bezier(.22,1,.36,1) both}
.phl-panel-ai{border-color:color-mix(in srgb,#38bdf8 38%,var(--ui-border));background:color-mix(in srgb,var(--ui-panel) 94%,#0ea5e9 6%)}.phl-panel-ai>summary small{color:#38bdf8}.phl-panel-players{margin-top:10px}
.phl-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:11px 14px;list-style:none;cursor:pointer}.phl-panel>summary::-webkit-details-marker{display:none}.phl-panel>summary>span{display:grid;gap:2px}.phl-panel>summary small{font-size:.52rem;font-weight:850;color:var(--accent)}.phl-panel>summary strong{font-size:.84rem}.phl-panel>summary>b{font-size:.58rem;color:var(--hint)}
.phl-body{border-top:1px solid var(--ui-border-soft)}.phl-provider{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border-bottom:1px solid var(--ui-border-soft);font-size:.55rem;color:var(--hint)}
.phl-table-source{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid var(--ui-border-soft);background:color-mix(in srgb,var(--accent) 5%,transparent)}.phl-table-source>div{display:flex;align-items:center;min-width:0;gap:9px}.phl-table-source i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:var(--hint)}.phl-table-source span{display:grid;min-width:0;gap:2px}.phl-table-source strong{font-size:.68rem}.phl-table-source small{font-size:.52rem;color:var(--hint)}.phl-table-source button{min-height:34px;padding:0 10px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--ui-border));border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--text);font:750 .53rem/1.2 var(--app-font)}.phl-table-source button:disabled{opacity:.38}.phl-table-source.is-active{background:rgba(239,68,68,.08)}.phl-table-source.is-active i{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.1)}.phl-table-source button.is-stop{border-color:rgba(248,113,113,.46);color:#fca5a5}
.phl-players{display:grid}.phl-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;padding:9px 12px;border-bottom:1px solid var(--ui-border-soft);transition:background .24s ease}.phl-player.is-active{background:color-mix(in srgb,#ef4444 8%,transparent)}.phl-player-main{display:flex;align-items:center;min-width:0;gap:9px}.phl-player-main>b{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:.62rem}.phl-player-main>span{display:grid;min-width:0;gap:2px}.phl-player-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem}.phl-player-main small{font-size:.52rem;color:var(--hint)}.phl-player-actions{display:flex;gap:5px}.phl-player-actions button,.phl-live-copy header button,.phl-roasts header button{min-height:30px;padding:0 8px;border:1px solid var(--ui-border);border-radius:9px;background:rgba(255,255,255,.025);color:var(--hint);font:inherit;font-size:.52rem;font-weight:750;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.phl-player-actions button:active,.phl-live-copy header button:active,.phl-roasts header button:active{transform:scale(.96)}.phl-player-actions button:disabled,.phl-roasts header button:disabled{opacity:.38;cursor:default}.phl-consent.is-on{border-color:rgba(74,222,128,.36);color:#4ade80}.phl-listen{border-color:color-mix(in srgb,var(--accent) 38%,var(--ui-border))!important;color:var(--text)!important}.phl-listen.is-stop{border-color:rgba(248,113,113,.46)!important;color:#f87171!important}.phl-device-error{grid-column:1/-1;margin:0;font-size:.52rem;color:#fca5a5}
.phl-live-copy,.phl-roasts{padding:12px;border-bottom:1px solid var(--ui-border-soft)}.phl-roasts{border-bottom:0}.phl-live-copy>header,.phl-roasts>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.phl-live-copy>header strong,.phl-roasts>header strong{font-size:.68rem}.phl-transcript{max-height:126px;margin:0;overflow:auto;white-space:pre-wrap;font-size:.65rem;line-height:1.48;color:var(--text)}.phl-empty{margin:0;color:var(--hint);font-size:.6rem;line-height:1.45}.phl-error{margin:8px 0 0;padding:7px 8px;border-radius:9px;background:rgba(248,113,113,.08);color:#fca5a5;font-size:.55rem;line-height:1.4}
.phl-roasts{display:grid;gap:9px}.phl-suggestion{display:grid;gap:7px;padding-top:10px;border-top:1px solid var(--ui-border-soft)}.phl-suggestion:first-of-type{padding-top:2px;border-top:0}.phl-suggestion>div{display:flex;align-items:center;justify-content:space-between}.phl-suggestion span{font-size:.55rem;font-weight:800;color:var(--accent)}.phl-suggestion small{font-size:.5rem;color:var(--hint)}.phl-suggestion textarea{width:100%;min-height:70px;resize:vertical;border-radius:11px!important;font-size:.64rem;line-height:1.42}.phl-suggestion .btn{min-height:38px;border-radius:11px!important}
.phl-scene{padding:11px;border:1px solid color-mix(in srgb,#38bdf8 30%,var(--ui-border));border-radius:13px;background:color-mix(in srgb,#0ea5e9 7%,transparent)}.phl-scene-line{display:grid;gap:5px}.phl-scene-line>b{font-size:.58rem;color:var(--text)}.phl-scene-line textarea{min-height:58px}.phl-scene .btn{border-color:color-mix(in srgb,#38bdf8 65%,transparent);background:color-mix(in srgb,#0284c7 68%,var(--accent))}
.ph-ai-avatar-voice{display:grid;gap:9px;margin-bottom:10px;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--ui-border-soft));border-radius:14px;background:color-mix(in srgb,var(--accent) 5%,transparent)}.ph-ai-avatar-voice>label{display:grid;gap:5px;font-size:.6rem;font-weight:800;color:var(--hint)}.ph-ai-avatar-voice select{min-height:42px}.ph-ai-avatar-voice .ph-ai-textarea{min-height:82px}.ph-ai-voice-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ph-ai-voice-actions .btn{min-height:40px}
.phl-mic-pill{position:fixed;z-index:2300;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:10px;max-width:480px;min-height:48px;margin:0 auto;padding:9px 11px;border:1px solid var(--ui-border);border-radius:16px;background:color-mix(in srgb,var(--ui-panel) 94%,#000 6%);box-shadow:0 14px 38px rgba(0,0,0,.28);color:var(--text);animation:phlPill .34s cubic-bezier(.22,1,.36,1) both}.phl-mic-pill[hidden]{display:none}.phl-mic-pill>span{display:grid;min-width:0;gap:1px}.phl-mic-pill b{font-size:.62rem}.phl-mic-pill small{font-size:.52rem;color:var(--hint)}.phl-mic-pill button{flex:0 0 auto;min-height:32px;padding:0 12px;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:9px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text);font:inherit;font-size:.58rem;font-weight:800}.phl-mic-pill.is-recording{justify-content:flex-start;border-color:rgba(248,113,113,.48);background:color-mix(in srgb,#ef4444 11%,var(--ui-panel))}.phl-mic-pill.is-recording>i{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.45);animation:phlPulse 1.45s ease-out infinite}.phl-mic-pill.is-recording b{color:#fca5a5}
@keyframes phlEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes phlPill{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}@keyframes phlPulse{70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
@media (max-width:390px){.phl-player{grid-template-columns:1fr}.phl-player-actions{padding-left:37px}.phl-player-actions button{flex:1}.phl-provider{display:grid;gap:2px}.phl-mic-pill{left:8px;right:8px}.ph-ai-voice-actions{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.phl-panel,.phl-mic-pill,.phl-mic-pill.is-recording>i{animation:none}.phl-player-actions button{transition:none}}