:root{color-scheme:light;--paper:#e6e0d4;--panel:#f7f3ea;--ink:#1c1915;--muted:#6e685e;--line:#d5cdbf;--green:#0f6e56;--green-ink:#e7f6f1;--coral:#d4532b;--shadow:0 18px 50px rgba(40,32,18,0.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:Segoe UI,sans-serif}button,input{font:inherit}.app{max-width:1080px;margin:0 auto;padding:28px 20px 48px}.top{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}.eyebrow{margin:0 0 4px;letter-spacing:.14em;text-transform:uppercase;font-size:12px;color:var(--green)}h1{margin:0;font-family:Palatino Linotype,Palatino,serif;font-size:40px;font-weight:500;letter-spacing:-.03em}.status{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:13px}.status.live{color:var(--green)}.banner{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#fff8e8;border:1px solid #ead7a4;color:#5c4a1e}.grid{display:grid;grid-template-columns:minmax(260px,360px) 1fr;grid-gap:16px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.stage-panel{padding:18px;display:flex;flex-direction:column;align-items:center;gap:12px}.stage{position:relative;width:min(100%,280px);aspect-ratio:3/3.6;border-radius:28px;overflow:hidden;background:#d8c3a5}.simli-video,.stage img,.stage video{width:100%;height:100%;object-fit:cover;display:block;background:#1c1915}.stage video.simli-hidden,audio.simli-hidden{display:none}.face{width:100%;height:100%;display:block}.speak-ring{position:absolute;inset:auto 16px 16px 16px;height:10px;border-radius:999px;background:var(--coral);opacity:0;transform-origin:center}.who{margin:0;font-family:Palatino Linotype,Palatino,serif;font-size:28px}.file{cursor:pointer;color:var(--green);text-decoration:underline;text-underline-offset:3px}.file input{display:none}.consent{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.4;color:var(--ink)}.consent input{margin-top:3px}.empty,.hint,.session-id{margin:0;color:var(--muted);font-size:13px;line-height:1.45;text-align:center}.conv{display:flex;flex-direction:column;min-height:560px;padding:18px}.transcript{list-style:none;margin:0;padding:0;flex:1 1;overflow:auto;display:flex;flex-direction:column;gap:10px}.bubble{max-width:85%;padding:10px 12px;border-radius:14px;line-height:1.4}.bubble.user{align-self:flex-end;background:var(--green);color:var(--green-ink)}.bubble.assistant{align-self:flex-start;background:#efe8da}.composer{display:flex;gap:8px;margin-top:14px}.composer input{flex:1 1;border:1px solid var(--line);background:white;border-radius:12px;padding:12px 14px}.composer button,.ghost{border:0;border-radius:12px;padding:12px 14px;background:var(--ink);color:white;cursor:pointer}.composer button.secondary,.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.composer button:disabled{opacity:.45;cursor:not-allowed}.events,.metrics{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted);background:white}.chip.over{border-color:var(--coral);color:var(--coral)}.chip.ok{border-color:var(--green);color:var(--green)}.session-id{text-align:left;margin-top:10px}.hud{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.hud-toggle{border:1px solid var(--line);border-radius:999px;padding:6px 10px;background:white;cursor:pointer}@media (max-width:860px){h1{font-size:32px}.top{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.conv{min-height:480px}}