.account-strip{margin:25px 0 0;padding:14px 20px;border:1px solid var(--stroke);border-radius:16px;background:var(--surface);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--soft)}.account-strip span{flex:1}.account-tabs{display:flex;gap:8px;margin-bottom:20px}.account-tabs [aria-pressed=true]{color:var(--accent);background:var(--surface-3)}#recovery-code{display:block;overflow-wrap:anywhere;padding:20px;background:var(--surface-2);margin:18px 0;user-select:all}#auth-error{color:var(--pink)}.quiz-panel{margin-top:24px;padding:30px;background:radial-gradient(ellipse at top left,#b3a0ff14,transparent 65%),var(--surface)}.quiz-panel h3{font-size:32px;margin:8px 0}.quiz-panel>p{color:var(--soft)}.quiz-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.quiz-columns fieldset{border:1px solid var(--stroke-strong);border-radius:18px;padding:15px;min-width:0}.quiz-columns legend{padding:0 9px;color:var(--pink)}.quiz-columns label{display:flex;align-items:center;gap:10px;border:1px solid var(--stroke);border-radius:12px;padding:12px;margin:7px 0;font-size:12px;cursor:pointer;background:var(--surface-2)}.quiz-columns label:has(input:checked){border-color:var(--accent);background:#b3a0ff18}.quiz-columns input{width:auto;accent-color:var(--accent);margin:0}.cinema-readiness{display:flex;gap:20px;padding:20px 25px;border-top:1px solid var(--stroke);align-items:center;justify-content:space-between}.cinema-readiness>div{display:flex;flex-wrap:wrap;gap:10px}.cinema-readiness span{font-size:11px;border-radius:20px;padding:7px 12px;background:var(--surface-2)}.ready-person{color:var(--mint)}.waiting-person{color:var(--soft)}.listening-panel{padding:25px;margin-bottom:24px;background:radial-gradient(ellipse at right,#8fd2be15,transparent),var(--surface)}.listening-panel h3{font-size:28px;margin:9px 0}.listening-panel p{color:var(--soft);font-size:12px}.listen-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.listen-controls input{flex:1;min-width:100px;accent-color:var(--accent)}.listen-controls label{font-size:11px}.listen-controls span{font-size:11px;font-variant-numeric:tabular-nums}#shared-song-time{direction:ltr}#photo-filter{margin-bottom:20px}#photo-filter[aria-pressed=true]{color:var(--pink);border-color:var(--pink)}.photo-card>small{display:block;padding:0 20px;color:var(--soft);font-size:10px}.photo-comment-form{display:flex;gap:8px}.photo-comment-form input{flex:1;min-width:0}.photo-comments{max-height:230px;overflow:auto;margin:15px 0}.photo-comments p{padding:12px;border-radius:12px;background:var(--surface-2);font-size:12px;overflow-wrap:anywhere}.photo-comments strong{color:var(--pink)}.quick-reactions{display:flex;gap:9px;padding:12px 0}.quick-reactions button{background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:14px;padding:8px 12px;font-size:22px}.quick-reactions button[aria-pressed=true]{border-color:var(--pink)}.chat-launch{position:fixed;bottom:22px;left:22px;z-index:60;background:var(--accent);color:var(--accent-ink);border:1px solid #ffffff22;padding:16px 22px;border-radius:24px;box-shadow:0 8px 35px #0005}.chat-launch span:not(:empty){border-radius:50%;background:var(--pink);padding:2px 7px}.chat-panel{position:fixed;z-index:70;left:22px;bottom:85px;width:min(390px,calc(100vw - 30px));height:min(620px,calc(100dvh - 140px));display:flex;flex-direction:column;padding:22px;box-shadow:0 20px 90px #0008;border-color:var(--stroke-strong);background:var(--surface)}.chat-panel[hidden]{display:none}.chat-panel .dialog-head{margin:0}.chat-panel h2{font-size:28px}.chat-panel>p{font-size:10px;color:var(--soft)}#chat-messages{flex:1;overflow:auto;padding:10px 0;overscroll-behavior:contain;min-height:80px}.chat-message{width:85%;margin:10px 0;padding:10px 14px;background:var(--surface-2);border-radius:17px 17px 3px 17px;overflow-wrap:anywhere}.chat-message.mine{margin-right:auto;background:#b3a0ff20;border-radius:17px 17px 17px 3px}.chat-message p{font-size:13px;margin:5px 0;white-space:pre-wrap}.chat-message small{color:var(--pink);font-size:10px}.chat-message time{font-size:9px;color:var(--quiet)}#chat-form{display:flex;gap:8px}#chat-text{min-width:0;flex:1}.empty-chat{color:var(--quiet);text-align:center;padding:35px 0;font-size:12px}#reaction-stage{position:fixed;bottom:100px;left:50%;pointer-events:none;z-index:100}.floating-reaction{position:absolute;font-size:55px;animation:float-reaction 2.5s ease-out forwards}@keyframes float-reaction{0%{transform:translateY(0) scale(.6);opacity:0}20%{opacity:1;transform:translateY(-45px) scale(1.1)}100%{transform:translateY(-260px) rotate(12deg);opacity:0}}@media(max-width:760px){.header-actions{gap:5px}#account-open{font-size:10px;padding:8px}.quiz-columns{gap:10px}.quiz-panel{padding:20px}.quiz-columns fieldset{padding:8px}.quiz-columns label{padding:9px;font-size:10px}.cinema-readiness{flex-direction:column;align-items:stretch;padding:16px}.chat-panel{left:15px;bottom:82px}.photo-comment-form{flex-direction:column}.chat-launch{bottom:15px;left:15px;padding:13px 17px}}@media(prefers-reduced-motion:reduce){.floating-reaction{animation-duration:.2s}}

.chat-attachment audio,#chat-draft-preview audio{display:block;width:100%;max-width:100%;height:44px;margin:8px 0}
#chat-record[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
#chat-record-status{font-size:13px;line-height:1.8;color:var(--accent);margin:8px 0}
#chat-record-status[hidden],#chat-record-cancel[hidden]{display:none}
.chat-compose-actions{flex-wrap:wrap}