:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e7f1ed;background:#07110f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 18%,#17332a 0,#0b1916 32%,#07110f 72%)}button,input{font:inherit}button{cursor:pointer}.shell{width:min(860px,calc(100% - 40px));margin:0 auto;min-height:100vh;padding:42px 0 70px}header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #234038;padding-bottom:24px}h1{margin:2px 0 0;letter-spacing:.24em;font:500 clamp(2rem,6vw,4.8rem)/1 ui-monospace,monospace}.eyebrow,.speaker{margin:0;color:#75bca5;letter-spacing:.15em;text-transform:uppercase;font:500 .68rem/1.5 ui-monospace,monospace}.connection{display:flex;align-items:center;gap:9px;color:#a4bbb3;font-size:.78rem}.connection span{width:7px;height:7px;border-radius:50%;background:#70e0af;box-shadow:0 0 12px #70e0af}.voice-stage{display:grid;place-items:center;text-align:center;padding:54px 20px 38px}.microphone{width:154px;height:154px;border:1px solid #3b7866;border-radius:50%;color:#9ef0c7;background:linear-gradient(145deg,#173b31,#0b201a);box-shadow:0 0 0 14px #0c1c1855,0 28px 70px #0007;transition:transform .2s,box-shadow .2s}.microphone:hover:not(:disabled){transform:scale(1.025);box-shadow:0 0 0 17px #16352c88,0 28px 70px #0007}.microphone:disabled{cursor:default;opacity:.72}.microphone span{display:block;font-size:3rem;transform:scaleX(.72)}.phase-listening .microphone{animation:pulse 1.4s infinite;color:#fff}.phase-thinking .microphone span{animation:blink 1.2s infinite}.voice-stage h2{margin:32px 0 8px;font-weight:500;font-size:1.25rem}.voice-stage>p,.intro{color:#91a79f;max-width:520px}.stop{margin-top:12px;border:1px solid #557069;border-radius:999px;background:transparent;color:#dbe8e3;padding:9px 17px}.error{border:1px solid #965b55;border-radius:10px;background:#3a1715aa;color:#ffc7c0;padding:13px 16px;margin:4px 0 24px}.conversation{display:grid;grid-template-columns:1fr 1fr;border:1px solid #234038;border-radius:14px;overflow:hidden;background:#0a1714cc}.conversation article{min-height:150px;padding:23px}.conversation article+article{border-left:1px solid #234038}.conversation article>p:last-child{color:#c2d1cc;line-height:1.65;white-space:pre-wrap}.atlus-response{background:#10221d}.typed-form{margin-top:22px}.typed-form>label,.login-form label{display:block;color:#91a79f;font-size:.75rem;margin-bottom:8px}.typed-form>div{display:flex;gap:10px}input{width:100%;color:#e7f1ed;background:#0a1714;border:1px solid #2a4b42;border-radius:9px;padding:14px;outline:none}input:focus{border-color:#72b9a2;box-shadow:0 0 0 3px #72b9a222}.typed-form button,.login-form button{white-space:nowrap;border:0;border-radius:9px;padding:0 22px;background:#8fe2be;color:#07110f;font-weight:600}.auth-shell{display:grid;place-items:center}.auth-card{width:min(430px,100%);border:1px solid #28483e;border-radius:16px;padding:34px;background:#0a1714dd;box-shadow:0 32px 90px #0008}.auth-card h1{margin:15px 0 20px}.login-form{display:grid;gap:15px;margin-top:28px}.login-form input{display:block;margin-top:7px}.login-form button{min-height:48px;margin-top:4px}@keyframes pulse{50%{box-shadow:0 0 0 28px #4ca98722,0 28px 70px #0007}}@keyframes blink{50%{opacity:.25}}@media(max-width:620px){.shell{width:min(100% - 24px,860px);padding-top:24px}.conversation{grid-template-columns:1fr}.conversation article+article{border-left:0;border-top:1px solid #234038}.typed-form>div{flex-direction:column}.typed-form button{min-height:46px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}