*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#06070d;--fg:#e8eaf2;--dim:#7a7f96;--glow-idle:#5b8cff;--glow-listen:#37d9a0;--glow-think:#c58bff;--glow-speak:#ffb84d}body{background:radial-gradient(ellipse at 50% 120%,#0d1024 0,var(--bg) 65%);color:var(--fg);font-family:-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}main.login-wrap,main.stage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center}.orb{--glow:var(--glow-idle);width:160px;height:160px;border-radius:50%;cursor:pointer;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0,transparent 28%),radial-gradient(circle at 50% 50%,var(--glow) 0,transparent 75%);box-shadow:0 0 40px 8px color-mix(in srgb,var(--glow) 55%,transparent),0 0 120px 30px color-mix(in srgb,var(--glow) 25%,transparent),inset 0 0 40px rgba(255,255,255,.35);animation:hover-float 4.5s ease-in-out infinite;transition:box-shadow .6s ease,transform .3s ease}@keyframes hover-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.orb-idle{--glow:var(--glow-idle)}.orb-listening{--glow:var(--glow-listen);animation:hover-float 4.5s ease-in-out infinite,breathe 1.6s ease-in-out infinite}.orb-thinking{--glow:var(--glow-think);animation:hover-float 4.5s ease-in-out infinite,flicker .9s ease-in-out infinite}.orb-speaking{--glow:var(--glow-speak);animation:hover-float 4.5s ease-in-out infinite,talk-pulse .35s ease-in-out infinite}@keyframes breathe{0%,to{scale:1}50%{scale:1.07}}@keyframes flicker{0%,to{filter:brightness(1)}50%{filter:brightness(1.35)}}@keyframes talk-pulse{0%,to{scale:1;filter:brightness(1)}50%{scale:1.09;filter:brightness(1.3)}}h1{font-size:1.4rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase}.status,h1{color:var(--dim)}.status{font-size:.95rem;min-height:1.4em}.transcript{max-width:620px;display:flex;flex-direction:column;gap:.6rem}.transcript .you{color:var(--dim);font-size:.95rem}.transcript .jonny{font-size:1.15rem;line-height:1.5}.hint{color:var(--dim);font-size:.85rem;opacity:.8}.error{color:#ff7a7a}.login-orb{width:110px;height:110px}.login-wrap form{display:flex;gap:.6rem}input[type=password]{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.7rem 1rem;color:var(--fg);font-size:1rem;outline:none;width:220px}input[type=password]:focus{border-color:var(--glow-idle)}button{background:var(--glow-idle);border:none;border-radius:10px;padding:.7rem 1.3rem;color:#fff;font-size:1rem;cursor:pointer}button:disabled{opacity:.6}.corner-links{position:fixed;top:1.2rem;right:1.4rem;display:flex;gap:.6rem}.ghost-btn{background:transparent;color:var(--dim);font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.4rem .8rem;cursor:pointer}.ghost-btn:hover{color:var(--fg);border-color:var(--glow-idle)}.profile-link{color:var(--dim);text-decoration:none;font-size:.9rem;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.4rem .8rem}.profile-link:hover{color:var(--fg);border-color:var(--glow-idle)}.about-wrap{max-width:680px;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.about-wrap h1{color:var(--fg);letter-spacing:normal;text-transform:none;font-size:1.8rem}.about-help{color:var(--dim);line-height:1.5}textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:1rem;color:var(--fg);font:inherit;line-height:1.6;resize:vertical;outline:none}textarea:focus{border-color:var(--glow-idle)}.about-actions{display:flex;justify-content:space-between;align-items:center}.back-link{color:var(--dim);text-decoration:none}.back-link:hover{color:var(--fg)}