:root{--room-hue: 80;--room-tint: 0;--pulse: 0;--bg1-l: calc(.965 - .035 * var(--room-tint) - .008 * var(--pulse));--bg1-c: calc(.012 + .033 * var(--room-tint) + .012 * var(--pulse));--bg2-l: calc(.965 - .01 * var(--room-tint));--bg2-c: calc(.013 + .012 * var(--room-tint));--bg3-l: .965;--bg3-c: calc(.012 + .006 * var(--room-tint));--ink: oklch(calc(.26 - .01 * var(--room-tint)) calc(.02 + .01 * var(--room-tint)) var(--room-hue));--muted: oklch(calc(.55 - .05 * var(--room-tint)) calc(.03 + .02 * var(--room-tint)) var(--room-hue));--hair: oklch(calc(.9 - .05 * var(--room-tint)) calc(.025 + .015 * var(--room-tint)) var(--room-hue));--hair-soft: oklch(calc(.92 - .05 * var(--room-tint)) calc(.02 + .015 * var(--room-tint)) var(--room-hue));--rust: oklch(calc(.62 - .17 * var(--room-tint)) calc(.07 + .03 * var(--room-tint)) var(--room-hue));--bar-bg: oklch(calc(.26 - .01 * var(--room-tint)) calc(.02 + .01 * var(--room-tint)) var(--room-hue));--bar-text: oklch(.97 .01 var(--room-hue));--bar-hint: oklch(.7 calc(.02 + .01 * var(--room-tint)) var(--room-hue));--card-strong: rgba(255, 255, 255, calc(.92 - .2 * var(--room-tint)));--card-soft: rgba(255, 255, 255, calc(.72 - .27 * var(--room-tint)));--serif: Newsreader, Georgia, serif;--sans: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:linear-gradient(180deg,oklch(var(--bg1-l) var(--bg1-c) var(--room-hue)),oklch(var(--bg2-l) var(--bg2-c) var(--room-hue)) 55%,oklch(var(--bg3-l) var(--bg3-c) var(--room-hue)));background-attachment:fixed;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.hdr{flex:none;display:flex;align-items:center;gap:18px;padding:0 30px;height:56px}.wordmark{font-family:var(--serif);font-style:italic;font-size:20px;font-weight:500}.room-label{font-size:13px;color:var(--muted)}.room-sub{font-size:12px;color:var(--muted)}.hdr-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.pill{font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--hair);border-radius:999px;padding:6px 12px}.pill:hover{color:var(--ink)}.pill-link{border-color:transparent}.identity{display:flex;align-items:center;gap:8px}.you-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.you-name{font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted)}.offair-pill{font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:var(--rust);border:none;border-radius:999px;padding:5px 12px}.chat{flex:1;min-height:0;overflow-y:auto;padding:10px 34px 16px;display:flex;flex-direction:column;gap:15px;justify-content:flex-end}.app.searching .chat{flex:1.15}.ambient{align-self:center;text-align:center;font-family:var(--serif);font-style:italic;font-size:13px;color:var(--muted)}.msg{display:flex;gap:12px;align-items:flex-end;opacity:.82}.msg-own{flex-direction:row-reverse}.msg-art{width:88px;height:88px;border-radius:14px 14px 14px 4px;object-fit:cover;flex:none}.msg-own .msg-art{border-radius:14px 14px 4px}.msg-body{padding-bottom:2px}.msg-own .msg-body{text-align:right}.msg-meta{font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--muted)}.msg-title{font-size:15px;font-weight:700;margin-top:3px;display:flex;align-items:center;gap:6px}.msg-own .msg-title{justify-content:flex-end}.msg-sub{font-size:12px;color:var(--muted);margin-top:1px}.store-link{text-decoration:none}.store-link:hover{text-decoration:underline}.explicit{font-size:10px;color:var(--muted)}.replay-btn{background:none;border:none;color:var(--muted);font-size:13px;padding:0 2px}.replay-btn:hover{color:var(--rust)}.queued{opacity:.95}.queued .msg-art{border:1.5px dashed var(--muted)}.live{display:flex;gap:14px;align-items:flex-end}.live-art-wrap{position:relative;flex:none}.live-art{width:170px;height:170px;border-radius:18px 18px 18px 5px;object-fit:cover;display:block;box-shadow:0 14px calc(40px + 22px * var(--pulse)) oklch(.45 calc(.06 + .05 * var(--room-tint)) var(--room-hue) / calc(.32 + .28 * var(--pulse)))}.live-badge{position:absolute;top:9px;left:9px;font-size:9.5px;font-weight:700;letter-spacing:.12em;background:var(--rust);color:#fff;border-radius:4px;padding:3px 6px}.live-body{padding-bottom:4px;min-width:0}.live-title{font-size:19px;font-weight:700;margin-top:3px;display:flex;align-items:center;gap:6px}.live-foot{display:flex;align-items:center;gap:9px;margin-top:9px}.progress{position:relative;width:150px;max-width:40vw;height:3px;border-radius:2px;background:var(--hair)}.progress-fill{position:absolute;left:0;top:0;bottom:0;border-radius:2px;background:var(--rust);transition:width .25s linear}.timer{font-size:11px;color:var(--muted)}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq span{width:2px;height:100%;background:var(--rust);border-radius:1px;transform-origin:bottom}.eq span:nth-child(1){animation:eqa .9s ease-in-out infinite}.eq span:nth-child(2){animation:eqb .8s ease-in-out infinite}.eq span:nth-child(3){animation:eqc 1.1s ease-in-out infinite}@keyframes eqa{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes eqb{0%,to{transform:scaleY(.9)}40%{transform:scaleY(.35)}}@keyframes eqc{0%,to{transform:scaleY(.5)}60%{transform:scaleY(1)}}.invite{align-self:center;text-align:center;background:var(--card-strong);border:1px solid var(--hair-soft);border-radius:20px;padding:26px 34px;max-width:460px;box-shadow:0 2px 12px #503c280f}.invite-title{font-family:var(--serif);font-style:italic;font-size:20px}.invite-blurb{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.55}.invite-link{display:flex;align-items:center;gap:10px;margin-top:16px;border:1px dashed var(--hair);border-radius:12px;padding:10px 14px}.invite-url{flex:1;min-width:0;font:500 12.5px ui-monospace,Menlo,monospace;color:var(--ink);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-copy{font-size:11.5px;font-weight:700;background:var(--rust);color:#fff;border:none;border-radius:8px;padding:6px 11px}.bar-wrap{flex:none;margin:0 26px;position:relative}.app:not(.searching) .bar-wrap{margin-bottom:24px}.bar{display:flex;align-items:center;gap:12px;background:var(--bar-bg);color:var(--bar-text);border-radius:16px;padding:15px 20px;box-shadow:0 10px 30px #3c2d1e38}.bar-glyph{font-size:15px;opacity:.85}.bar-input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--bar-text);font-size:16px;font-weight:500}.bar-input::placeholder{color:var(--bar-hint)}.bar-hint{font-size:11.5px;color:var(--bar-hint);white-space:nowrap}.notice{font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--rust);text-align:center;padding:4px 0 8px}.notice-quiet{color:var(--muted)}.results{flex:1;min-height:0;overflow-y:auto;padding:16px 34px 22px;display:flex;flex-direction:column;gap:10px}.result{display:flex;align-items:center;gap:14px;background:var(--card-soft);border:1px solid var(--hair-soft);border-radius:14px;padding:8px 14px 8px 8px;opacity:.9}.result:hover{opacity:1}.result-selected{background:var(--card-strong);border:1.5px solid var(--ink);opacity:1}.result-art{width:64px;height:64px;border-radius:9px;object-fit:cover;flex:none}.result-body{flex:1;min-width:0}.result-title{font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}.result-selected .result-title{font-weight:700}.result-sub{font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-note{color:var(--rust)}.store-badge{font-size:12px;color:var(--muted);text-decoration:none}.store-badge:hover{color:var(--ink)}.send-chip{font-size:11px;font-weight:700;background:var(--ink);color:#fff;border:none;border-radius:7px;padding:6px 10px;flex:none}.kbd-hint{font-family:var(--serif);font-style:italic;font-size:12.5px;color:var(--muted)}.unlock{position:fixed;top:0;right:0;bottom:0;left:0;border:none;background:oklch(.26 .02 var(--room-hue) / .72);display:flex;align-items:center;justify-content:center}.unlock-note{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--bar-text);background:var(--rust);border-radius:999px;padding:14px 28px;box-shadow:0 10px 30px #0000004d}button:focus-visible,a:focus-visible,.bar-input:focus-visible{outline:2px solid var(--rust);outline-offset:2px;border-radius:6px}@media(max-width:640px){.hdr{gap:10px;padding:0 16px}.you-name{display:none}.chat{padding:8px 16px 12px;gap:12px}.msg-art{width:64px;height:64px}.live-art{width:130px;height:130px}.live-title{font-size:16px}.bar-wrap{margin:0 14px}.app:not(.searching) .bar-wrap{margin-bottom:16px}.bar-hint{display:none}.results{padding:12px 16px 18px}.result-art{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.eq span{animation:none;transform:scaleY(.6)}.progress-fill{transition:none}}