:root{--paper:#f7f4ed;--surface:#fffdfa;--surface-strong:#fff;--ink:#202527;--muted:#697574;--line:#d8d2c8;--stage:#111614;--stage-soft:#1b2320;--teal:#11766b;--teal-dark:#0c5d55;--green:#1d8e5a;--gold:#ca9636;--coral:#b85045;--blue:#315f7d;--violet:#5b587d;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.delta-shell{background:linear-gradient(90deg, #11766b14 0 1px, transparent 1px 100%), linear-gradient(0deg, #315f7d12 0 1px, transparent 1px 100%), var(--paper);background-size:34px 34px;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;min-height:100svh;padding:18px;display:grid}.delta-header,.brand-lockup,.status-strip,.panel-heading,.control-dock,.metric-row,.message-row{align-items:center;display:flex}.delta-header{justify-content:space-between;gap:16px}.brand-lockup{gap:13px;min-width:0}.brand-mark{background:var(--surface-strong);width:44px;height:44px;color:var(--teal-dark);border:1px solid #11766b59;border-radius:8px;flex:none;place-items:center;display:grid;box-shadow:0 12px 26px #20252714}.eyebrow{color:var(--teal-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.76rem;font-weight:800}h1,h2,p{margin:0}h1{color:var(--ink);letter-spacing:0;font-size:2rem;line-height:1.05}h2{color:var(--ink);letter-spacing:0;font-size:1.05rem;line-height:1.15}.status-strip{flex-wrap:wrap;justify-content:flex-end;gap:8px}.status-chip,.panel-state{border:1px solid var(--line);min-height:30px;color:var(--muted);white-space:nowrap;background:#fffdfaeb;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:.82rem;font-weight:740;display:inline-flex}.status-chip.is-active{color:#1b6948;background:#eef8f1;border-color:#1d8e5a5c}.status-chip.is-quiet{color:var(--blue)}.delta-grid{grid-template-columns:minmax(0,1fr) 368px;gap:14px;min-height:0;display:grid}.stage-column{grid-template-rows:minmax(420px,1fr) auto;gap:12px;min-width:0;min-height:0;display:grid}.avatar-stage{background:radial-gradient(circle at 50% 26%, #11766b38, transparent 26%), radial-gradient(circle at 58% 70%, #ca963624, transparent 32%), var(--stage);border:1px solid #293734;border-radius:8px;min-height:420px;position:relative;overflow:hidden;box-shadow:0 22px 58px #2025273d}.stage-topbar{z-index:5;color:#c7d2cd;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:.8rem;font-weight:760;display:flex;position:absolute;top:14px;left:14px;right:14px}.stage-topbar strong{color:#f0d28e;font-weight:800}.provider-frame,.mock-stream{border:0;width:100%;height:100%;position:absolute;inset:0}.mock-stream{background:radial-gradient(circle at 48% 28%,#f0d28e21,#0000 24%),radial-gradient(circle at 50% 58%,#11766b42,#0000 32%),linear-gradient(160deg,#111614,#1b2320 58%,#141a18);place-items:center;display:grid}.stream-grid{background-color:#0000;background-image:linear-gradient(90deg,#f7f4ed0d 0 1px,#0000 1px 100%),linear-gradient(0deg,#f7f4ed0d 0 1px,#0000 1px 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000 0 55%,#0000 82%);mask-image:radial-gradient(circle at 50% 48%,#000 0 55%,#0000 82%)}.avatar-halo{aspect-ratio:1;border:1px solid #f0d28e52;border-radius:999px;width:min(52vw,520px);animation:4s ease-in-out infinite pulseHalo;position:absolute;box-shadow:0 0 52px #ca96362e,inset 0 0 38px #11766b1a}.avatar-figure{z-index:2;justify-items:center;width:min(46vw,390px);min-width:240px;padding-top:20px;display:grid;position:relative}.avatar-head{background:radial-gradient(circle at 38% 34%,#ffffff59,#0000 12%),linear-gradient(145deg,#d6b295,#9b725e 62%,#5f4642);border:1px solid #f0d28e47;border-radius:46% 46% 44% 44%;width:176px;height:216px;position:relative;box-shadow:0 20px 60px #00000057,inset -24px -22px 36px #321c1947}.avatar-brow{background:#2d222061;border-radius:999px;width:86px;height:8px;position:absolute;top:70px;left:45px}.avatar-eye{background:#13221f;border-radius:999px;width:20px;height:13px;position:absolute;top:90px;box-shadow:0 0 18px #11766b8c}.avatar-eye.is-left{left:52px}.avatar-eye.is-right{right:52px}.avatar-mouth{transform-origin:50%;background:#39232a;border:2px solid #ffe1cc61;border-radius:6px 6px 24px 24px;width:46px;height:28px;transition:transform .13s;position:absolute;bottom:54px;left:65px}.avatar-neck{background:linear-gradient(#8c6658,#594a45);border-radius:0 0 18px 18px;width:64px;height:38px;margin-top:-4px}.avatar-body{background:linear-gradient(120deg,#11766b9e,#315f7db8),#182321;border:1px solid #f0d28e38;border-radius:8px 8px 0 0;width:min(100%,330px);height:150px;position:relative;box-shadow:0 28px 70px #00000047}.signal-bars{justify-content:center;align-items:end;gap:8px;height:58px;display:flex;position:absolute;inset:28px 32px auto}.signal-bars span{background:#f0d28ed1;border-radius:999px;width:13px;height:34px;animation:.92s ease-in-out infinite bounceSignal}.signal-bars span:nth-child(2){animation-delay:.12s}.signal-bars span:nth-child(3){animation-delay:.24s}.signal-bars span:nth-child(4){animation-delay:.36s}.signal-bars span:nth-child(5){animation-delay:.48s}.mock-stream[data-state=paused] .signal-bars span,.mock-stream[data-state=idle] .signal-bars span{height:18px;animation-play-state:paused}.provider-badge{z-index:4;color:#dbe5df;background:#111614bd;border:1px solid #f0d28e3d;border-radius:8px;align-items:center;gap:8px;min-height:30px;padding:0 10px;font-size:.8rem;font-weight:760;display:inline-flex;position:absolute;bottom:82px;right:18px}.subtitle-band{z-index:6;color:#f8f2df;background:#111614d1;border:1px solid #f0d28e42;border-radius:8px;align-items:center;min-height:48px;padding:10px 14px;font-size:.98rem;font-weight:660;line-height:1.35;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.control-dock{border:1px solid var(--line);background:#fffdfadb;border-radius:8px;flex-wrap:wrap;gap:8px;padding:10px}.primary-action,.secondary-action,.wide-command,.tool-grid button,.message-row button,.icon-button{border:1px solid var(--line);background:var(--surface-strong);min-height:40px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:780;display:inline-flex}.primary-action{background:var(--teal);color:#fffdfa;border-color:#11766b6b;padding:0 15px}.secondary-action{color:var(--blue);padding:0 12px}.icon-button{width:42px;padding:0}.icon-button.is-on{color:var(--green);background:#edf8f1;border-color:#1d8e5a59}.side-rail{align-content:start;gap:12px;min-width:0;min-height:0;display:grid}.panel,.transcript-panel,.gateway-panel{border:1px solid var(--line);background:#fffdfae6;border-radius:8px;min-width:0;box-shadow:0 14px 32px #20252714}.panel{padding:14px}.panel-heading{justify-content:space-between;gap:12px;margin-bottom:12px}.provider-segments,.tool-grid{gap:8px;display:grid}.provider-segments{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.provider-segments button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#f9f6ef;border-radius:8px;font-weight:760}.provider-segments button.is-selected{color:var(--teal-dark);background:#ecf7f4;border-color:#11766b6b}.field-label{color:var(--muted);gap:6px;margin-top:10px;font-size:.8rem;font-weight:780;display:grid}.field-label input,.field-label textarea,.message-row input{border:1px solid var(--line);background:var(--surface-strong);width:100%;color:var(--ink);border-radius:8px;outline-color:#11766b66}.field-label input{height:40px;padding:0 10px}.field-label textarea{resize:vertical;padding:10px;line-height:1.35}.wide-command{width:100%;color:var(--blue);margin-top:10px}.camera-frame{min-height:142px;color:var(--muted);background:#f2eee5;border:1px dashed #c7bdaa;border-radius:8px;place-items:center;display:grid;overflow:hidden}.camera-frame video{object-fit:cover;width:100%;height:142px}.tool-grid{grid-template-columns:1fr}.tool-grid button{justify-content:flex-start;padding:0 12px}.tool-result,.error-text,.warning-stack p{margin-top:10px;font-size:.86rem;line-height:1.35}.tool-result{color:var(--teal-dark);font-weight:720}.error-text{color:#9b2f27;font-weight:760}.bottom-band{grid-template-columns:minmax(0,1fr) 420px;gap:14px;display:grid}.transcript-panel,.gateway-panel{padding:14px}.message-row{gap:8px;margin-bottom:12px}.message-row input{min-width:0;height:40px;padding:0 11px}.message-row button{width:42px;color:var(--teal-dark);flex:none}.transcript-list{gap:8px;max-height:190px;padding-right:4px;display:grid;overflow:auto}.turn{border:1px solid var(--line);background:var(--surface-strong);border-radius:8px;grid-template-columns:94px minmax(0,1fr);gap:10px;padding:9px 10px;display:grid}.turn span{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:820}.turn p{min-width:0;color:var(--ink);font-size:.9rem;line-height:1.35}.turn.is-assistant{background:#f2fbf8;border-color:#11766b40}.turn.is-tool{background:#fff8e7;border-color:#ca963657}.status-list{gap:8px;margin:0;display:grid}.status-list div{grid-template-columns:88px minmax(0,1fr);gap:8px;display:grid}.status-list dt{color:var(--muted);font-size:.78rem;font-weight:800}.status-list dd{min-width:0;color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:.84rem}.warning-stack p{color:#70511d;background:#fff8e7;border:1px solid #ca963647;border-radius:8px;padding:9px 10px}.metric-row{flex-wrap:wrap;gap:8px;margin-top:12px}.metric-row span{min-height:30px;color:var(--blue);background:#eef3f5;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font-size:.78rem;font-weight:780;display:inline-flex}@keyframes pulseHalo{0%,to{opacity:.76;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes bounceSignal{0%,to{height:20px}50%{height:58px}}@media (max-width:1100px){.delta-grid,.bottom-band{grid-template-columns:1fr}.side-rail{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.delta-shell{padding:12px}.delta-header,.status-strip{justify-content:flex-start;align-items:flex-start}.delta-header,.side-rail{grid-template-columns:1fr}.delta-header,.side-rail,.control-dock{display:grid}h1{font-size:1.5rem}.stage-column{grid-template-rows:minmax(390px,58svh) auto}.avatar-stage{min-height:390px}.avatar-figure{width:270px;min-width:220px}.provider-segments,.turn{grid-template-columns:1fr}}