:root{color-scheme:dark;--bg:#101311;--panel:#1a1d1b;--line:#303631;--text:#f4f1e8;--muted:#a7aea5;--accent:#f0b35a;--mint:#8de0bb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 30% 5%,#29332b 0,#111312 42%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}.shell{max-width:1120px;margin:auto;min-height:100vh;padding:42px 28px;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center}.stage,.debug{background:rgba(26,29,27,.88);border:1px solid var(--line);border-radius:26px;padding:38px;box-shadow:0 20px 70px #0004}.stage{text-align:center;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.16em;color:var(--accent);font-weight:750}.eyebrow span{color:var(--muted);margin-left:8px}.avatar{--intensity:.5;width:260px;height:260px;position:relative;margin:30px 0 12px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.halo{position:absolute;inset:10px;border-radius:50%;background:radial-gradient(circle,#f0b35a55,#f0b35a00 68%);filter:blur(8px);opacity:calc(.45 + var(--intensity) * .5)}.face{position:absolute;inset:38px 28px 30px;border-radius:45% 45% 42% 42%;background:#d5a66b;border:5px solid #f4cf91;box-shadow:inset 0 -16px #a9784e,0 16px 30px #0005}.ear{position:absolute;width:58px;height:76px;border-radius:50%;background:#a9784e;border:5px solid #f4cf91;top:72px}.ear.left{left:10px;transform:rotate(-22deg)}.ear.right{right:10px;transform:rotate(22deg)}.eye{position:absolute;width:22px;height:30px;border-radius:50%;background:#171c1a;top:72px;transition:.3s}.eye.left{left:46px}.eye.right{right:46px}.brow{position:absolute;width:38px;height:8px;border-top:5px solid #75492f;top:54px;border-radius:50%;transition:.3s}.brow.left{left:36px;transform:rotate(-8deg)}.brow.right{right:36px;transform:rotate(8deg)}.mouth{position:absolute;width:46px;height:15px;border-bottom:5px solid #6f3e32;border-radius:0 0 50% 50%;left:calc(50% - 23px);top:137px;transition:.3s}.avatar[data-expression=happy] .mouth{height:calc(18px + var(--intensity) * 15px)}.avatar[data-expression=happy]{transform:translateY(calc(var(--intensity) * -5px))}.avatar[data-expression=curious]{transform:rotate(calc(var(--intensity) * -4deg))}.avatar[data-expression=curious] .brow.right{transform:translateY(calc(var(--intensity) * -7px)) rotate(8deg)}.avatar[data-expression=surprised] .mouth{width:25px;height:30px;border:5px solid #6f3e32;border-radius:50%;left:calc(50% - 12px)}.avatar[data-expression=surprised] .eye{transform:scale(calc(1 + var(--intensity) * .2))}.avatar[data-expression=thinking] .brow.left{transform:rotate(12deg)}.avatar[data-expression=thinking] .brow.right{transform:rotate(12deg)}.avatar[data-expression=thinking] .mouth{transform:rotate(-10deg)}.avatar[data-expression=concerned] .brow{top:61px}.avatar[data-expression=concerned] .mouth{transform:rotate(180deg);top:146px}.avatar.speaking .mouth{height:23px;border:5px solid #6f3e32;border-radius:50%;animation:talk .18s infinite alternate}@keyframes talk{to{transform:scaleY(.35)}}.state{color:var(--muted);display:flex;gap:8px;align-items:center}.state span:first-child{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 12px var(--mint)}h1{font:600 clamp(38px,5vw,64px)/1.05 Georgia,serif;margin:14px 0 10px}.lede{max-width:500px;color:var(--muted);margin:0 auto 25px}.primary,.secondary{border:0;border-radius:999px;padding:13px 22px;font-weight:750;cursor:pointer}.primary{background:var(--accent);color:#20170d}.secondary{background:transparent;color:var(--muted);margin-top:8px}.primary:disabled,.secondary:disabled{opacity:.4;cursor:not-allowed}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.panel-head h2{font:500 26px Georgia,serif;margin:9px 0 25px}.pill{font-size:11px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.pill.live{color:var(--mint);border-color:#8de0bb66}.layers{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:18px}.layers div{display:flex;justify-content:space-between;padding:8px 0}.layers b{font-size:12px;color:var(--muted);font-weight:500}.layers span{font-family:monospace;color:var(--mint);font-size:12px}.decision{background:#111512;border:1px solid #29302b;border-radius:14px;padding:14px;margin:0 0 22px}.decision>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#768078}.decision b{color:var(--accent);font-weight:600}.decision blockquote{margin:10px 0 0;color:#c9cec8;font:12px/1.55 monospace;max-height:58px;overflow:auto}.log-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.log-head button{background:none;border:0;color:var(--accent);cursor:pointer}.log{height:150px;overflow:auto;padding-left:24px;color:#d3d9d0;font:12px/1.8 monospace}.log li::marker{color:var(--accent)}.log li[data-kind=jev]{color:var(--mint)}.log li[data-kind=error]{color:#ff9e91}.log li[data-kind=muted]{color:#768078}.privacy{font-size:11px;color:#768078;border-top:1px solid var(--line);padding-top:18px}@media(max-width:780px){.shell{grid-template-columns:1fr;padding:18px}.stage,.debug{padding:25px}.stage{min-height:580px}.avatar{transform:scale(.84);margin:8px 0 -4px}.avatar[data-expression=happy],.avatar[data-expression=curious]{transform:scale(.84)}}@media(prefers-reduced-motion:reduce){.avatar,.eye,.brow,.mouth{transition:none}.avatar.speaking .mouth{animation:none}}