:root{--cream:#fff9ee;--ink:#362a22;--secondary:#735a4a;--orange:#ff8a4d;--peach:#ffe3cf;--lilac:#eee6fa;color:var(--ink);background:var(--cream);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Noto Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100dvh;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}h1{margin:0;font-size:1.4rem}.screen{max-width:34rem;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 1.5rem) 1.25rem calc(env(safe-area-inset-bottom) + 1.5rem);flex-direction:column;align-items:center;gap:1.2rem;margin:0 auto;display:flex}.center{justify-content:center}header{text-align:center}.muted{color:var(--secondary);margin:.2rem 0 0}.small{overflow-wrap:anywhere;margin:.15rem 0;font-size:.8rem}.error{color:#b3261e;text-align:center;margin:0}.signin{flex-direction:column;gap:.6rem;width:100%;max-width:20rem;display:flex}.signin input{border:1px solid var(--peach);background:#fff;border-radius:.8rem;padding:.7rem .8rem;font-size:1rem}.primary,.secondary,.chip,.update{border:none;border-radius:999px;padding:.65rem 1.2rem}.primary{background:var(--orange);color:#fff;font-weight:600}.secondary{background:var(--peach);color:var(--ink)}.update{background:var(--ink);color:var(--cream);width:100%}.languages{gap:.5rem;display:flex}.chip{color:var(--ink);border:1px solid var(--peach);background:#fff}.chip.selected{background:var(--ink);color:var(--cream)}.orb{background:radial-gradient(circle at 35% 30%, #fff1c7, var(--peach) 35%, var(--orange) 75%, #cdaeee);width:11rem;height:11rem;color:var(--ink);border:none;border-radius:50%;margin:1rem 0;font-size:1.15rem;font-weight:600;transition:transform 80ms linear;box-shadow:0 1rem 2.5rem #ff8a4d59}.orb.connecting,.orb.closing{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.65}}.controls{align-items:center;gap:1rem;display:flex}.transcript{flex-direction:column;gap:.5rem;width:100%;display:flex}.transcript p{border-radius:1rem;max-width:90%;margin:0;padding:.6rem .8rem;line-height:1.4}.transcript .assistant{background:#fff;align-self:flex-start}.transcript .user{background:var(--lilac);align-self:flex-end}.diagnostics{width:100%;color:var(--secondary);margin-top:auto}.diagnostics summary{font-size:.85rem}
