:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e3db;--muted:#9c9b9a}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:#080a0d;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible{outline-offset:5px;outline:2px solid #d7bc97}button{-webkit-tap-highlight-color:transparent}.portrait-room{isolation:isolate;background:radial-gradient(at 50% 32%,#1d2027 0%,#0d1016 40%,#06080b 80%);height:100svh;min-height:520px;position:relative;overflow:hidden}.portrait-glow{filter:blur(30px);pointer-events:none;background:radial-gradient(#55505c22,#0000 68%);border-radius:50%;width:390px;max-width:80vw;height:520px;position:absolute;top:16%;left:50%;transform:translate(-50%)}.portrait-stage{z-index:1;position:absolute;inset:0}.portrait-vignette{z-index:2;pointer-events:none;background:linear-gradient(#0000 53%,#080a0d99 77%,#080a0dea 90%,#080a0d 100%),radial-gradient(at 50% 38%,#0000 35%,#06080b60 100%);position:absolute;inset:0}.entrance{z-index:3;text-align:center;width:max-content;max-width:calc(100% - 40px);position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.begin-button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#eee6d9;letter-spacing:.2px;background:#17191dbb;border:1px solid #c2b5a140;border-radius:60px;padding:18px 37px;font-size:17px;transition:border-color .2s,background .2s;box-shadow:0 10px 60px #0006}.begin-button:hover{background:#26272bbb;border-color:#d4c4a581}.begin-button span{color:#928e88;letter-spacing:1.4px;text-transform:uppercase;margin-top:8px;font-size:10px;display:block}.entrance>p{color:#7b7e85;letter-spacing:.7px;margin:19px 0 0;font-size:10px}.conversation-controls{z-index:3;text-align:center;width:min(640px,100% - 36px);position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.caption{scrollbar-width:thin;scrollbar-color:#5558 transparent;justify-content:center;align-items:flex-end;min-height:60px;max-height:26svh;margin:0 0 24px;display:flex;overflow:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 6px);mask-image:linear-gradient(#0000 0,#000 6px)}.caption>p{letter-spacing:.05px;color:#eee8de;text-shadow:0 2px 18px #000,0 1px 5px #000;margin:0;padding:6px 14px;font-size:clamp(15px,1.6vw,19px);font-weight:400;line-height:1.65}.caption .heard{color:#b6b4ae;font-style:italic}.control-row{justify-content:center;align-items:center;gap:25px;display:flex}.quiet-button{color:#8b8e95;background:0 0;border:0;border-radius:50%;place-items:center;padding:10px;transition:color .2s;display:grid}.quiet-button:hover,.quiet-button[aria-pressed=true]{color:#e7dfd1}.talk-button{color:#252527;background:#ded1ba;border:1px solid #f0e1c9;border-radius:50%;place-items:center;width:61px;height:61px;transition:background .2s,box-shadow .2s;display:grid;box-shadow:0 0 35px #bba28019}.talk-button:hover{background:#f1e0c5;box-shadow:0 0 45px #bba28030}.talk-button.listening{background:#dec6a0;animation:1.8s infinite breathe}.talk-button.speaking{color:#d0c3b0;background:#252a32;border-color:#68615a}.talk-button.thinking{color:#b7b3ad;background:#252a32;border-color:#51545a}.listening-label{letter-spacing:.5px;color:#84848a;margin:15px 0 0;font-size:10px}.floating-composer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#171b22e8;border:1px solid #64616a66;border-radius:30px;max-width:440px;margin:0 auto 20px;padding:7px;display:flex}.floating-composer input{color:#e7e1d8;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:9px 15px;font-size:13px}.floating-composer input::placeholder{color:#777b84}.floating-composer button{color:#292a2b;background:#d1c4ac;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.restart{z-index:4;color:#747780;background:#ffffff06;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:25px;right:25px}.restart:hover{color:#d4cec3;background:#ffffff0d}.error{color:#d4b9a0;text-align:left;background:#282018e8;border:1px solid #8e725e40;border-radius:12px;max-width:480px;margin:0 auto 18px;padding:13px 35px 13px 15px;font-size:12px;line-height:1.6;position:relative}.error>button:not(.retry){color:#b59f8c;background:0 0;border:0;padding:3px;position:absolute;top:10px;right:8px}.retry{color:#e2c6a6;background:0 0;border:0;padding:8px 0 0;text-decoration:underline;display:block}.scene-error{text-align:center;color:#9f9b95;place-items:center;height:100%;padding:35px;font-size:13px;display:grid}.waiting{justify-content:center;align-items:center;gap:6px;min-height:36px;display:flex}.waiting i{background:#c4b49a;border-radius:50%;width:4px;height:4px;animation:1.2s infinite breathe}.waiting i:nth-child(2){animation-delay:.2s}.waiting i:nth-child(3){animation-delay:.4s}@keyframes breathe{50%{opacity:.45}}@media (max-width:600px){.conversation-controls{bottom:25px}.caption{max-height:27svh;margin-bottom:20px}.caption>p{font-size:15px;line-height:1.6}.portrait-vignette{background:linear-gradient(#0000 45%,#080a0d99 72%,#080a0df0 86%,#080a0d 100%)}.entrance{bottom:11%}.begin-button{padding:17px 29px;font-size:15px}.restart{top:15px;right:15px}.control-row{gap:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}