#app.experiments{max-width:1180px;margin:auto;padding:16px 18px 24px;box-sizing:border-box}
.experiments-back{display:inline-flex;align-items:center;min-height:44px;color:#244508;text-decoration:underline;font-size:16px}
.experiment-nav{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 15px}
.experiment-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:5px 14px;box-sizing:border-box;border-radius:10px;color:#20241b;text-decoration:none;background:#f3f5ee;font-size:16px}
.experiment-nav a[aria-current=page]{background:#c8f784;color:#183700}
.experiment-host{min-width:0}
.live-mike{font-family:Arial,Helvetica,sans-serif;min-width:0}
.live-mike h2{margin:8px 0;font-size:clamp(25px,3vw,36px);line-height:1.15}
.experiment-note{margin:7px 0 12px;font-size:14px;line-height:1.4;color:#565c50}
.live-stage{display:flex;justify-content:space-around;gap:12px;min-width:0}
.live-stage[hidden]{display:none}
.live-presenter{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}
#app .live-presenter .talking-head-component.talking-head{width:min(340px,100%);min-height:0;flex-shrink:0}
#app .live-presenter .head-drift{flex:0 0 auto;display:block;position:relative;width:100%;height:auto;aspect-ratio:1;animation:none}
#app .live-presenter .persona-pose{position:relative;display:block;width:100%;height:100%}
#app .live-presenter .speech-bubble{position:relative;inset:auto;box-sizing:border-box;width:100%;max-height:none;min-height:68px;margin:0 0 8px;background:#effbdc;border-color:#5f842d;align-self:stretch;font-size:18px;line-height:1.3}
#app .live-presenter .speech-bubble[hidden]{display:block!important;visibility:hidden}
#app .live-presenter[data-side=against] .speech-bubble{background:#ede7ff;border-color:#775799}
.live-side{font-size:16px;font-weight:bold;color:#436b17;margin:6px}
.live-presenter[data-side=against] .live-side{color:#705096}
.live-transcript{max-width:78ch;font-size:17px;line-height:1.45;margin:12px 0;overflow-wrap:anywhere}
.live-transcript:empty{display:none}
.live-transcript-box{margin-top:5px;font-size:16px}.live-transcript-box summary{display:list-item;min-height:44px;line-height:44px;cursor:pointer}.live-transcript-box[hidden]{display:none}
.live-input{display:flex;gap:8px;align-items:stretch;margin-top:10px}
.live-input textarea{display:block;flex:1;min-width:0;min-height:58px;padding:10px;box-sizing:border-box;font:16px/1.3 Arial,Helvetica,sans-serif;border:1px solid #929789;border-radius:10px;resize:vertical;background:#fff;color:#171b13}
.live-mike button{min-height:44px;min-width:44px;border:1px solid #a2ac96;background:#fff;color:#18260b;border-radius:10px;padding:8px 15px;font-size:16px;cursor:pointer}
#app.experiments .live-mike button:hover:not(:disabled),#app.experiments .live-mike button:active:not(:disabled){background:#effbdc;color:#18260b;border-color:#5f842d}
.live-mike button:disabled{opacity:.55;cursor:default}
.live-input .live-send{background:#c8f784}
.live-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:10px 0 0}
.live-seek{min-width:100px;flex:1;height:44px;accent-color:#5f8f27}
.live-phone-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-decoration:underline;color:#375315}
.live-status{font-size:14px;color:#545c49;margin:4px 0;min-height:1.4em}
#app.experiments :focus-visible{outline:3px solid #7955b0!important;outline-offset:3px!important}
@media(max-width:600px){#app.experiments{padding:8px 10px 18px}.experiment-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-bottom:10px}.experiment-nav a{padding:5px 7px;font-size:15px}.live-stage{gap:8px}#app .live-presenter .talking-head-component.talking-head{max-width:250px}#app .live-presenter .speech-bubble{font-size:15px;min-height:76px}.live-input{gap:6px}.live-mike button{padding:8px 10px}.live-transcript{font-size:16px}.live-mike h2{font-size:27px}}