@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');:root{font-family:Inter,system-ui,sans-serif;color:#e9efec;background:#0b0e0d;--surface:#131716;--line:#29302d;--muted:#929c97;--accent:#c7f36b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 30% 0,#17221d 0,transparent 36%),#0b0e0d}main{max-width:1100px;margin:auto;padding:38px 24px 64px}.intro{margin-bottom:28px}.brand{display:flex;align-items:center;gap:12px}.brand-dot{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#d7ff7a,#85b83e);box-shadow:0 8px 25px #b9ed5d20}.brand h1{font-size:22px;line-height:1;margin:0 0 5px}.brand p{font-size:12px;color:var(--muted);margin:0}.online{margin-left:auto;font-size:11px;color:#9daa9f;background:#141a17;border:1px solid #27302b;border-radius:999px;padding:8px 11px}.workspace{display:grid;grid-template-columns:minmax(360px,500px) minmax(300px,1fr);gap:30px;align-items:start}.screen{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:28px;background:#111;border:1px solid #303633;box-shadow:0 24px 80px #0009,0 0 0 7px #111513}.scene{position:absolute;inset:0;background:url('/simulator/assets/emma-scene.png') center/cover no-repeat}.veil{position:absolute;inset:0;background:linear-gradient(180deg,#0000 50%,#0007);pointer-events:none;transition:.3s}.screen.thinking .veil,.screen.speaking .veil,.screen.listening .veil{background:#07100d55;backdrop-filter:saturate(.85)}.clock{position:absolute;inset:0;z-index:2}.clock .n{display:none}.hand{position:absolute;left:50%;bottom:50%;transform-origin:50% 100%;border-radius:99px;background:#fff;filter:drop-shadow(0 2px 3px #0008)}.hour{width:6px;height:82px;margin-left:-3px}.minute{width:4px;height:119px;margin-left:-2px}.second{width:2px;height:126px;margin-left:-1px;background:var(--accent)}.pin{position:absolute;width:13px;height:13px;left:calc(50% - 6.5px);top:calc(50% - 6.5px);border:3px solid white;border-radius:50%;background:#18201c}.emma{display:none}.state{position:absolute;z-index:7;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;background:#111715d9;border:1px solid #ffffff22;backdrop-filter:blur(18px);padding:9px 14px 9px 9px;border-radius:99px;font-size:11px;font-weight:600;box-shadow:0 8px 28px #0005}.state-orb{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#c7f36b20;color:var(--accent);font-size:10px;box-shadow:inset 0 0 0 1px #c7f36b2e}.thinking .state-orb{animation:pulse 1.2s ease-in-out infinite}.thinking .state-orb i{animation:spin 2.4s linear infinite}.listening .state-orb{background:#69d5ff20;color:#8cdeff;box-shadow:0 0 0 0 #69d5ff55;animation:listen 1.6s ease-out infinite}.speaking .state-orb{background:#c7f36b20;color:var(--accent)}@keyframes pulse{50%{transform:scale(.9);opacity:.7}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes listen{70%{box-shadow:0 0 0 8px #69d5ff00}}}.bubble{position:absolute;z-index:6;left:16px;right:16px;bottom:62px;padding:16px;background:#111614e8;border:1px solid #ffffff1b;border-radius:18px;color:#f0f4f2;box-shadow:0 16px 45px #0008;backdrop-filter:blur(20px);animation:up .25s ease-out}.response-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#17200e;font-weight:800}.response-top strong{display:block;font-size:12px}.response-top small{display:block;color:#89958f;font-size:10px}.icon-btn{margin-left:auto;width:28px;height:28px;border:0;border-radius:50%;background:#ffffff0c;color:#9da7a2;font-size:18px;cursor:pointer}.response-text{font-size:14px;line-height:1.55;color:#dfe6e2;max-height:128px;overflow-y:auto;overflow-x:hidden;padding-right:2px;scrollbar-width:none}.response-text::-webkit-scrollbar{display:none}.scroll-hint{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:30px;height:22px;display:grid;place-items:center;border-radius:99px;background:#0c100fcf;color:#d8ff7b;font-size:11px;pointer-events:none;box-shadow:0 3px 12px #0007}.bubble.has-scroll{padding-bottom:30px}.response-text strong{color:#d8ff7b}.hidden{display:none!important}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reminder{position:absolute;z-index:8;left:18px;right:18px;bottom:18px;background:#f4f7f5;color:#17201c;border-radius:20px;padding:20px;box-shadow:0 20px 60px #0009}.reminder small{font-size:10px;font-weight:700;color:#77817c}.reminder strong{display:block;font-size:18px;margin:8px 0 16px}.reminder button{border:0;border-radius:11px;background:#151a18;color:white;padding:10px 14px}.hint{text-align:center;margin-top:18px;color:#6f7b75;font-size:11px}.hint span{color:#b9c5bf;background:#141918;border:1px solid #242c28;border-radius:99px;padding:5px 9px;margin-left:4px}.panel{background:#121615;border:1px solid #252b29;border-radius:22px;padding:22px;box-shadow:0 20px 60px #0005}.panel-head{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #242a28}.panel h2{font-size:16px;margin:0 0 5px}.panel-head p{font-size:11px;color:#7f8984;margin:0}.beta{font-size:8px;font-weight:700;color:#9ead9f;background:#1a201e;padding:6px 8px;border-radius:7px}.control-group{margin-top:21px}.panel label{display:block;font-size:10px;font-weight:600;color:#9ca6a1;margin-bottom:8px}.ask-row{display:flex;gap:7px}.panel input{min-width:0;flex:1;background:#0c100f;border:1px solid #2a312e;border-radius:12px;color:#eef2f0;padding:12px 13px;outline:none}.panel input:focus{border-color:#6c7d74}.panel button{font-weight:600;cursor:pointer}.send{width:42px;border:0;border-radius:12px;background:var(--accent);color:#17200e;font-size:18px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 18px}.quick-actions button{border:1px solid #2b322f;border-radius:12px;background:#191e1c;color:#c9d1cd;padding:12px}.quick-actions button:hover{background:#202623}details{border-top:1px solid #242a28;border-bottom:1px solid #242a28;padding:13px 0}summary{font-size:11px;color:#88938d;cursor:pointer}.settings-body{padding-top:14px}.save{border:1px solid #303834;border-radius:12px;background:#1d2421;color:#cfd6d2;padding:0 12px}.status-row{display:flex;align-items:center;gap:11px;margin-top:18px}.status-light{width:9px;height:9px;border-radius:50%;background:#a7d956;box-shadow:0 0 0 4px #a7d95612}.status-row strong{display:block;font-size:10px}.status-row small{display:block;color:#717d77;font-size:9px;margin-top:3px}.screen:after{display:none}@media(max-width:820px){main{padding:24px 16px}.workspace{grid-template-columns:1fr}.screen,.panel{max-width:500px;margin:auto}.online{display:none}}