:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(255,166,0,.22),transparent 28%),radial-gradient(circle at top right,rgba(12,128,116,.22),transparent 24%),linear-gradient(180deg,#f8f1e3,#f2e9d8);color:#171411;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 252, 246, .86);--panel-strong: rgba(255, 252, 246, .95);--panel-border: rgba(23, 20, 17, .1);--muted: #685e52;--text: #171411;--accent: #0f766e;--accent-strong: #0a4f4a;--warm: #d96b42;--shadow: 0 22px 70px rgba(58, 43, 24, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);background-size:44px 44px;opacity:.18}button,input,textarea,select{font:inherit}code{font-family:IBM Plex Mono,Cascadia Code,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100vh;overflow:hidden}.ambient{position:fixed;width:26rem;height:26rem;border-radius:999px;filter:blur(48px);opacity:.45;pointer-events:none}.ambient-left{top:-8rem;left:-6rem;background:#eb895861}.ambient-right{right:-8rem;bottom:-10rem;background:#12867a42}.layout{position:relative;z-index:1;width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.2fr) minmax(0,.92fr)}.panel{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel{padding:1.8rem;display:grid;gap:1.75rem}.hero-copy h1,.transcript-header h2,.empty-state h3{margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(2.4rem,4.8vw,4.4rem);max-width:10ch}.eyebrow{margin:0 0 .65rem;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent-strong)}.lede{max-width:62ch;margin:.9rem 0 0;color:var(--muted);font-size:1.02rem}.orb-panel{display:grid;gap:1rem;align-items:center}.orb-stage{position:relative;width:min(21rem,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}.orb-rings{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:999px;border:1px dashed rgba(15,118,110,.35);animation:spin 18s linear infinite}.orb-rings:before,.orb-rings:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:inherit;border:1px solid rgba(217,107,66,.22)}.orb-rings:after{top:-8%;right:-8%;bottom:-8%;left:-8%;border-style:dashed}.orb-core{width:48%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),rgba(255,255,255,.12) 34%,transparent 36%),radial-gradient(circle at 68% 70%,#ffd58ff0,#d96b428c 54%,#0f766ed1);box-shadow:0 0 0 18px #0f766e14,0 18px 50px #0f766e38;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;animation:drift 6s ease-in-out infinite}.orb-core.is-listening{box-shadow:0 0 0 22px #0f766e24,0 18px 62px #0f766e47}.orb-core.is-speaking{filter:saturate(1.08);box-shadow:0 0 0 26px #d96b421f,0 18px 62px #d96b4247}.status-block{display:grid;gap:.8rem}.status-pill{width:fit-content;padding:.55rem .9rem;border-radius:999px;background:#0f766e1a;color:var(--accent-strong);font-weight:700;font-size:.95rem}.status-idle,.status-error{background:#d96b421f;color:#8a3c1d}.status-connected{background:#0f766e1f}.status-connecting,.status-disconnecting{background:#2450991f;color:#224f95}.meter{width:100%;height:14px;border-radius:999px;background:#17141114;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--warm) 100%);transition:width 80ms linear}.status-note{margin:0;color:var(--muted)}.status-note code{background:#1714110f;padding:.08rem .3rem;border-radius:999px}.action-row{display:flex;flex-wrap:wrap;gap:.8rem}.primary-button,.secondary-button{border:0;border-radius:999px;padding:.9rem 1.3rem;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.primary-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 12px 26px #0f766e38}.secondary-button{background:#fff9;color:var(--text);border:1px solid rgba(23,20,17,.1)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.feature-card{padding:1rem;border-radius:22px;background:var(--panel-strong);border:1px solid rgba(23,20,17,.08)}.feature-card strong{display:block;margin:.22rem 0 .45rem;font-size:1.05rem}.feature-card p,.empty-state p,.message-card p{margin:0;color:var(--muted)}.feature-label{color:var(--accent-strong);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.transcript-panel{padding:1.4rem;display:grid;gap:1rem;min-height:78vh}.transcript-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.session-meta{display:grid;gap:.35rem;color:var(--muted);font-size:.92rem;text-align:right}.error-banner{padding:.9rem 1rem;border-radius:18px;background:#d96b421f;color:#8a3c1d}.message-list{display:grid;gap:.85rem;align-content:start;min-height:0;overflow:auto;padding-right:.25rem}.empty-state{display:grid;gap:.55rem;padding:1.2rem;border-radius:22px;background:#ffffff9e;border:1px dashed rgba(23,20,17,.12)}.message-card{padding:1rem;border-radius:22px;background:#ffffffad;border:1px solid rgba(23,20,17,.08)}.message-card.role-assistant{background:linear-gradient(180deg,#0f766e14,#ffffffbd)}.message-card.role-user{background:linear-gradient(180deg,#d96b4214,#ffffffbd)}.message-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:.88rem;color:var(--muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 980px){.layout{grid-template-columns:1fr}.transcript-panel{min-height:auto}}@media (max-width: 720px){.layout{width:min(100% - 1rem,1200px);padding-top:1rem}.hero-panel,.transcript-panel{padding:1rem;border-radius:24px}.feature-grid{grid-template-columns:1fr}.transcript-header{flex-direction:column}.session-meta{text-align:left}}