:root{color-scheme:dark;--ink:#f5efff;--muted:#b9accd;--gold:#e6c687;--line:#c4a5ed30;--panel:#201b30;--height:100dvh}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 12% 4%,#49345570,transparent 55%),radial-gradient(ellipse at 90% 80%,#21566a30,transparent 48%),#11101e;font-family:ui-sans-serif,system-ui,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,section:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a{color:var(--gold)}[hidden]{display:none!important}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin:0 0 9px}.login-view{min-height:100svh;display:grid;place-items:center;padding:32px 20px}.login-card{width:min(100%,410px);padding:32px;border:1px solid var(--line);border-radius:28px;background:#1c1729eb;box-shadow:0 30px 100px #0005}.quiet-link{color:var(--muted);text-decoration:none;font-size:12px}.login-star{font-size:60px;color:var(--gold);margin:25px 0 14px;text-shadow:0 0 40px #e6c68750}.login-card h1{font:40px/1.12 Georgia,serif;font-weight:400;margin:12px 0 18px}.lede{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:25px}.login-card label{display:block;font-size:12px;margin:18px 0 9px}.login-card input{background:#100f19;border:1px solid #c4a5ed55;border-radius:11px;color:var(--ink);padding:14px;width:100%;min-width:0;font-size:16px;outline-color:var(--gold)}.password-row{display:flex;border:1px solid #c4a5ed55;border-radius:11px;overflow:hidden;background:#100f19}.password-row input{border:0;border-radius:0}.password-row button{background:none;border:0;color:var(--muted);font-size:12px;padding:0 15px}.primary{width:100%;display:flex;justify-content:space-between;background:var(--gold);color:#211a24;border:0;border-radius:11px;padding:16px;margin-top:20px;font-weight:650}.fine-print{font-size:11px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:19px}.fine-print a{display:block;margin-top:7px}#loginMessage{font-size:13px;color:#ffb8cc;min-height:18px;line-height:1.5}.topbar{display:flex;align-items:center;gap:16px;min-height:55px;padding:max(8px,env(safe-area-inset-top)) 22px 8px;border-bottom:1px solid #c4a5ed16;max-width:1000px;margin:auto;font-size:12px}.brand{text-decoration:none;color:var(--gold);white-space:nowrap}#signedInAs{margin-left:auto;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar button,.room-controls button,.compose-toolbar button{border:1px solid var(--line);background:#ffffff05;color:var(--ink);border-radius:9px;padding:9px 13px;min-height:36px;font-size:12px}.avatar-room{max-width:800px;margin:auto;display:flex;flex-direction:column;height:calc(var(--height) - 56px);min-height:530px;padding:20px 22px max(12px,env(safe-area-inset-bottom));position:relative}.room-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.room-heading h1{font:26px Georgia,serif;margin:0;font-weight:400}.connection{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.connection i{width:5px;height:5px;border-radius:100%;background:#b8d3b9;box-shadow:0 0 9px #a7e9bf66}.conversation-log{flex:1 1 35%;min-height:100px;max-height:42vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4a5ed60 transparent;padding:15px 9px 7px;margin:15px -9px 0;position:relative;z-index:2;overflow-wrap:anywhere;user-select:text}.chat-message{max-width:91%;padding:12px 15px;border:1px solid #c4a5ed26;background:linear-gradient(130deg,#2d263cfa,#201c2ef2);border-radius:17px 17px 17px 4px;margin:0 0 12px;box-shadow:0 6px 16px #0000000d}.chat-message.from-you{margin-left:auto;background:#1a2c37d9;border-color:#6ab6cb30;border-radius:17px 17px 4px 17px}.chat-message header{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--gold);font-size:10px;font-weight:600;margin-bottom:7px}.chat-message.from-you header{color:#acd2dc}.chat-message time{font-size:9px;color:var(--muted);font-weight:400}.chat-message-text{white-space:pre-wrap;font-size:14px;line-height:1.65}.chat-message small{display:block;margin-top:9px;color:var(--muted);font-size:11px}.chat-welcome{font:italic 16px/1.8 Georgia,serif;color:#d1c3df;text-align:center;padding:10px 15px;margin:auto}.avatar-stage{flex:1 1 30%;min-height:120px;max-height:290px;position:relative;display:grid;place-items:center;isolation:isolate}.avatar-touch{border:0;background:none;padding:0;aspect-ratio:1;width:auto;height:100%;max-height:290px;position:relative;z-index:2;touch-action:pan-y;border-radius:50%}.avatar-touch:focus-visible{outline-offset:-15px}.avatar-touch canvas{display:block;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 12px 28px #9f8cce24)}.avatar-ground{position:absolute;bottom:10%;width:40%;height:18%;border:1px solid #c4a5ed25;border-radius:50%;background:radial-gradient(ellipse,#b5a1dd18,transparent 70%);z-index:0}.tap-hint{position:absolute;bottom:2px;color:#8e819f;font-size:9px;letter-spacing:.06em}.chat-status{min-height:22px;font-size:11px;line-height:1.5;color:var(--muted);text-align:center;flex-shrink:0;max-height:52px;overflow:auto}.compose-area{flex-shrink:0}.room-controls{display:flex;gap:7px;align-items:center;margin:7px 0 11px}.room-controls button{font-size:11px;padding:8px 11px}.room-controls button[aria-pressed=false]{color:var(--muted)}.text-only{margin-left:auto;font-size:9px;color:#9d90af}.message-row{display:flex;align-items:end;gap:8px;border:1px solid #c4a5ed45;background:#211b30f5;border-radius:16px;padding:9px;box-shadow:0 6px 30px #0002}textarea{resize:none;max-height:130px;min-height:38px;width:100%;background:none;border:0;outline:none;color:var(--ink);font-size:16px;line-height:1.5;padding:6px 7px}textarea::placeholder{color:#a496b8}.send{border:0;border-radius:11px;background:var(--gold);color:#211a24;width:42px;height:40px;flex-shrink:0;font-size:24px}.compose-toolbar{display:flex;gap:5px;padding-top:8px;align-items:center}.compose-toolbar button{font-size:13px;border-color:transparent;min-height:37px;padding:7px 9px;color:var(--muted)}.compose-toolbar button span{font-size:10px;margin-left:3px}.compose-toolbar button:hover{background:#ffffff0a;color:var(--ink)}.save-note{margin-left:auto;font-size:9px;color:#8e819f}.room-note{font-size:9px;text-align:center;color:#8e819f;margin:8px 0 0;line-height:1.6}.room-note a{color:var(--muted);margin-left:5px}.attachments{display:flex;gap:8px;overflow-x:auto}.attachment{position:relative;flex-shrink:0;margin-bottom:8px}.attachment img{width:62px;height:62px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.attachment button{position:absolute;right:-3px;top:-3px;background:#271e35;border:1px solid var(--line);color:white;width:25px;height:25px;border-radius:50%}.emoji-picker{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid var(--line);background:var(--panel);border-radius:13px;max-height:120px;overflow:auto}.emoji-picker button{border:0;background:none;min-width:40px;min-height:40px;font-size:22px}.radio-panel{border:1px solid var(--line);padding:12px 14px;border-radius:14px;margin-bottom:12px;background:#201b30}.radio-panel>div{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:8px}.radio-panel strong{font-size:11px;color:var(--gold)}.radio-panel span{font-size:10px;color:var(--muted);text-align:right}.radio-panel audio{width:100%;height:34px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:760px){.avatar-room{padding:22px 38px 16px}.conversation-log{max-height:44vh}.avatar-stage,.avatar-touch{max-height:350px}.chat-message{max-width:88%;padding:14px 18px}.chat-message-text{font-size:15px}.avatar-room{min-height:600px}.room-heading h1{font-size:30px}}
@media(max-width:420px){.avatar-room{padding:16px 15px 10px}.topbar{padding-left:15px;padding-right:15px;gap:10px}.room-heading h1{font-size:23px}.room-heading .connection{font-size:9px}.text-only{font-size:8px}.compose-toolbar button{padding:7px 6px}.compose-toolbar button span{font-size:9px}.save-note{font-size:8px}.login-card{padding:26px}.chat-message{max-width:94%}.conversation-log{margin-top:10px}.room-note{font-size:8px}}
@media(max-height:650px){.avatar-room{min-height:430px}.avatar-stage{min-height:85px;max-height:150px}.avatar-touch{max-height:150px}.tap-hint{display:none}.room-heading h1{font-size:22px}.conversation-log{max-height:40vh}.avatar-room{padding-top:12px}.room-note{margin-top:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Bound the sprite to the available flex track, including short screens. */
.avatar-touch{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;display:grid;place-items:center}
.avatar-touch canvas{width:auto;height:100%;max-width:100%;aspect-ratio:1;object-fit:contain}
.avatar-touch canvas{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;max-height:100%;width:auto}
.chat-message img{display:block;max-width:100%;max-height:430px;width:auto;height:auto;border-radius:11px;margin-top:12px;object-fit:contain}
/* Reserve room below the sprite for its quiet caption. */
.avatar-stage .avatar-touch{bottom:20px;height:auto}