:root{color:#e9f8f4;font-synthesis:none;background:#07100f;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#173b34,#07100f 42%);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:#d7ebe6;cursor:pointer;background:#142522;border:1px solid #2a4640;border-radius:10px;padding:10px 14px;transition:all .16s}button:hover:not(:disabled){border-color:#6cd7bc;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{color:#06201a;background:#87e5cd;border-color:#87e5cd;font-weight:700}button.danger{color:#ffb4aa;border-color:#653b37}input,select{color:#e9f8f4;background:#0c1816;border:1px solid #29423d;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,select:focus{border-color:#69cdb4;box-shadow:0 0 0 3px #69cdb41a}input:disabled{color:#839c96}main{width:min(1440px,100% - 32px);margin:0 auto;padding:42px 0 64px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.hero h1{letter-spacing:-.05em;margin:3px 0 8px;font-size:clamp(34px,5vw,64px)}.lede,.empty{color:#8da8a1}.eyebrow{color:#6ccdb5;letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0c1816db;border:1px solid #213a35;border-radius:18px;box-shadow:0 24px 80px #0005}.setup{grid-template-columns:1.5fr 1fr 1fr auto;gap:14px;margin-bottom:18px;padding:18px;display:grid}label{color:#9db4ae;gap:7px;font-size:12px;font-weight:650;display:grid}.button-row{gap:9px;display:flex}.button-row.wrap{flex-wrap:wrap}.align-end{align-items:flex-end}.dashboard-grid{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.controls,.presences,.event-log{padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2{margin:5px 0 0;font-size:22px}.status-pill{color:#9bb0aa;text-transform:capitalize;border:1px solid #29423d;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.status-pill span{background:#6e8580;border-radius:50%;width:8px;height:8px}.status-connected span{background:#76e6c9;box-shadow:0 0 14px #76e6c9}.status-connecting span,.status-reconnecting span{background:#ffd782;animation:1s infinite alternate pulse}.touch-orb{opacity:.35;background:radial-gradient(circle,#8fffe2,#2a9c82 35%,#164f44 62%,#0000 70%);border-radius:50%;width:58px;height:58px}.touch-activating{opacity:.7;animation:.6s infinite alternate pulse}.touch-touching{opacity:1;animation:3s ease-in-out infinite breathe;box-shadow:0 0 44px #5de0bd88}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.metrics div{background:#091310;border:1px solid #1a302b;border-radius:11px;min-width:0;padding:10px}.metrics dt{color:#78918a;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.metrics dd{text-overflow:ellipsis;margin:5px 0 0;font:600 12px ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}.toggles{gap:18px;margin-bottom:18px;display:flex}.toggles label{align-items:center;gap:7px;display:flex}.toggles input{width:auto}.count{text-align:center;color:#8fe3cd;background:#14332b;border-radius:999px;min-width:38px;padding:7px 10px;font-weight:800}.presence-list{gap:8px;min-height:120px;max-height:300px;display:grid;overflow:auto}.presence-item{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.presence-item.selected{background:#18352f;border-color:#80e2c8}.presence-item span:nth-child(2){gap:2px;display:grid}.presence-item small,.human-response small{color:#78948d}.presence-dot{background:radial-gradient(circle at 30% 25%, #d5fff3, hsl(calc(var(--seed) * 1deg), 60%, 50%) 45%, #17473c);border-radius:50%;flex:0 0 30px;width:30px;height:30px;box-shadow:0 0 14px #6fddc044}.response-button{width:100%;margin-top:16px}.human-response{color:#c9f5e8;background:#16352d;border:1px solid #3b7466;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.human-response>span{color:#092019;background:#70d8bb;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.human-response div{display:grid}.event-log{margin-top:18px}.log-table{background:#07100f;border:1px solid #1b302c;border-radius:12px;height:350px;overflow:auto}.log-row{border-bottom:1px solid #14231f;grid-template-columns:110px 55px 180px minmax(300px,1fr);align-items:baseline;gap:10px;padding:8px 10px;font-size:11px;display:grid}.log-row time,.log-row>span{color:#6e8881;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.log-row code{color:#8da8a1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.direction-in strong{color:#83dfc6}.direction-out strong{color:#e5c881}.direction-system strong{color:#a5a3d8}@keyframes pulse{to{opacity:.4}}@keyframes breathe{50%{filter:brightness(1.2);transform:scale(1.08)}}@media (width<=950px){.setup{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){main{width:min(100% - 20px,1440px);padding-top:24px}.hero{align-items:flex-start}.setup{grid-template-columns:1fr}.log-row{grid-template-columns:90px 45px 130px minmax(260px,1fr)}}