body.console{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;--face-size: clamp(260px, 44vh, 440px)}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 18px;border-bottom:1px solid var(--stroke);background:var(--navy);flex:none}.bar-right{display:flex;align-items:center;gap:4px}.notice{flex:none;width:min(640px,calc(100vw - 32px));margin:8px auto 0;padding:8px 14px;border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);background:var(--ink);color:var(--cream);font-size:.92rem}.notice[data-tone=warn]{border-color:var(--gold)}.stage{flex:1;display:grid;grid-template-rows:auto minmax(auto,1fr) auto;min-height:0;padding:clamp(10px,2vh,24px) clamp(16px,4vw,48px) 0}.notice:not([hidden])~.stage{--face-size: clamp(220px, 36vh, 380px)}.companion{display:flex;flex-direction:column;align-items:center;gap:14px}.face-wrap{position:relative;width:var(--face-size);height:var(--face-size)}.face{position:relative;width:100%;height:100%}.face-ring{position:absolute;inset:-10px;border-radius:50%;border:2px solid var(--gold);opacity:.18;transition:opacity .12s linear;pointer-events:none}.face[data-state=listening] .face-ring,.face[data-state=interrupted] .face-ring{animation:breathe 3.6s ease-in-out infinite}.face[data-state=user_speaking] .face-ring{opacity:.6}.face[data-state=thinking] .face-ring{opacity:.45;animation:breathe 1.6s ease-in-out infinite}.face[data-state=speaking] .face-ring{opacity:.35}@keyframes breathe{0%,to{opacity:.22;transform:scale(1)}50%{opacity:.6;transform:scale(1.025)}}.face-frame{position:absolute;inset:0;border-radius:50%;overflow:hidden;border:1px solid var(--gold-dim);background:#0a1a33;transform:translateZ(0)}.face-poster,.face-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.face-video{opacity:0;transition:opacity .25s ease}.face-video.is-active{opacity:1}.face.show-poster .face-video,.face.reduced-motion .face-video{opacity:0}.face[data-state=idle] .face-frame{filter:brightness(.82);transition:filter .6s ease}.bubble{position:absolute;left:86%;top:66%;width:max-content;max-width:min(340px,34vw);padding:12px 16px;border-radius:18px 18px 18px 6px;border:1px solid var(--stroke-strong);background:var(--ink);color:var(--steel);font-size:1.05rem;line-height:1.4;overflow-wrap:anywhere;z-index:2;transition:opacity .6s ease,border-color .2s ease,color .2s ease}.bubble.final{color:var(--cream);border-color:var(--gold-dim)}.bubble.final #you-final{color:var(--cream)}.bubble .interim{color:var(--steel)}.bubble.fade{opacity:0}.caret{display:none;width:2px;height:1em;margin-left:3px;background:var(--gold);vertical-align:-.12em;animation:blink 1s steps(1) infinite}.bubble.live .caret{display:inline-block}@keyframes blink{50%{opacity:0}}.who{text-align:center}.persona-name{font-family:var(--font-display);font-size:1.35rem;letter-spacing:.04em;color:var(--cream)}.state-line{color:var(--steel);font-size:.95rem;margin-top:2px;min-height:1.4em}.state-line[data-state=user_speaking],.state-line[data-state=interrupted]{color:var(--cream)}.state-line[data-state=speaking],.state-line[data-state=thinking]{color:var(--gold)}.subtitle{position:relative;align-self:center;width:min(720px,100%);margin:0 auto;padding:6px 0;text-align:center;min-height:0}.subtitle-text{max-height:4.35em;overflow-y:auto;scrollbar-width:none;font-size:1.15rem;line-height:1.45;color:var(--cream);overflow-wrap:anywhere;scroll-behavior:smooth}.subtitle-text::-webkit-scrollbar{display:none}.subtitle-text:empty:before{content:" "}.badge{display:inline-block;font-size:.75rem;letter-spacing:.04em;color:var(--navy);background:var(--gold);border-radius:999px;padding:2px 10px;font-weight:600;margin-bottom:6px}.controls{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 0 max(14px,env(safe-area-inset-bottom))}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:100%;padding:2px}.touch-only{display:none}.chip{flex:none;padding:6px 12px;border-radius:999px;border:1px solid var(--stroke);background:transparent;color:var(--steel);font:inherit;font-size:.85rem;cursor:pointer;transition:border-color .12s ease,color .12s ease}.chip:hover{color:var(--cream);border-color:var(--stroke-strong)}.chip:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.chip[aria-pressed=true]{color:var(--cream);border-color:var(--gold)}.chip-add{color:var(--gold)}.mic-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;width:min(720px,100%)}.mic-row .type-pill,.mic-row .type-form{grid-column:1;grid-row:1;justify-self:end}.mic-row .mic{grid-column:2;grid-row:1}.mic-row .mic-spacer{grid-column:3;grid-row:1}.mic{width:76px;height:76px;border-radius:50%;border:1px solid var(--stroke-strong);background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,outline-offset 80ms linear;outline:2px solid transparent;outline-offset:4px}.mic:hover{border-color:var(--gold)}.mic:focus-visible{outline-color:var(--gold)}.mic[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--navy)}.mic[data-level]{outline-color:var(--gold);outline-offset:calc(3px + var(--level, 0) * 12px)}.mic[data-unavailable=true]{opacity:.45;cursor:not-allowed}.type-pill{padding:8px 14px;border-radius:999px;border:1px solid var(--stroke);background:transparent;color:var(--steel);font:inherit;font-size:.9rem;cursor:pointer;transition:border-color .12s ease,color .12s ease}.type-pill:hover{color:var(--cream);border-color:var(--stroke-strong)}.type-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.type-form{display:flex;gap:8px;width:100%;max-width:320px}.hint{font-size:.88rem;margin:0;text-align:center;min-height:1.4em}.demo-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--steel);border:1px solid var(--gold-dim);border-radius:var(--radius-sm);padding:8px 12px}.sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(760px,100vw);max-height:72vh;background:var(--ink);border:1px solid var(--stroke-strong);border-bottom:0;border-radius:var(--radius) var(--radius) 0 0;display:flex;flex-direction:column;min-height:0;z-index:15}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 8px}.sheet-head .eyebrow{margin-bottom:4px}.sheet-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 18px 12px;border-bottom:1px solid var(--stroke)}.memory-list{flex:1;overflow-y:auto;padding:8px 18px 18px}.memory-day{color:var(--gold);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:14px 0 6px;font-weight:600}.mem{padding:8px 0;border-bottom:1px solid var(--stroke);font-size:.92rem}.mem-meta{color:var(--steel);font-size:.78rem;margin-bottom:2px}.mem-meta .who{color:var(--cream)}.mem.assistant .who{color:var(--gold)}.mem-text{color:var(--cream)}.small{font-size:.85rem}.error{color:var(--cream);border-left:3px solid var(--gold);padding-left:10px}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,92vw);background:var(--ink);border-left:1px solid var(--stroke);padding:20px;overflow-y:auto;z-index:20}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.drawer-head h3{margin:0}.toggle{display:flex;gap:10px;align-items:flex-start}.toggle input{margin-top:5px;accent-color:var(--gold)}.toggle label{margin:0;color:var(--cream)}input[type=range]{width:100%;accent-color:var(--gold)}.modal{position:fixed;inset:0;background:#0b1220d1;display:flex;align-items:center;justify-content:center;padding:20px;z-index:30}.modal-card{width:min(560px,100%);max-height:92vh;overflow-y:auto;background:var(--ink);border:1px solid var(--stroke-strong);border-radius:var(--radius);padding:22px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modal-actions{display:flex;justify-content:flex-end;margin-top:8px}.lock{position:fixed;inset:0;background:#0b12206b;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:40}.lock-card{width:min(460px,100%);background:var(--ink);border:1px solid var(--gold);border-radius:var(--radius);padding:30px;text-align:center}.lock-card img{margin-bottom:8px}.lock-card .btn-gold{width:100%;margin:10px 0 22px}.lock-form label{text-align:left}.lock-row{display:flex;gap:8px}.lock-row input{text-transform:uppercase}@media (max-width: 720px){body.console{--face-size: clamp(200px, 34vh, 300px)}.notice:not([hidden])~.stage{--face-size: clamp(180px, 28vh, 260px)}.bar{padding:8px 12px}.bar-right kbd{display:none}.companion{gap:10px}.bubble{position:static;width:auto;max-width:min(420px,100%);margin:0 auto;border-bottom-left-radius:18px;border-top-left-radius:6px}.face-wrap{display:contents}.face{width:var(--face-size);height:var(--face-size)}.persona-name{font-size:1.2rem}.subtitle-text{font-size:1.05rem;max-height:4.35em}.mic-row{grid-template-columns:1fr auto 1fr;gap:10px}.mic{width:68px;height:68px}.mic-row .type-form{max-width:none;grid-column:1 / -1;grid-row:2;justify-self:stretch}.kbd-only{display:none}.touch-only{display:inline}.demo-bar{border:0;padding:0}.demo-bar span{display:none}.grid2{grid-template-columns:1fr}}@media (max-height: 600px){body.console{--face-size: clamp(180px, 36vh, 260px)}}