.chat-room{display:flex;flex-direction:column;min-height:60vh}.chat-room-head{position:-webkit-sticky;position:sticky;top:0;z-index:2;flex-shrink:0;background:var(--bg);border-bottom:1px solid var(--border)}.chat-room-scroll{flex:1 1;min-height:0;overflow-y:auto;margin:0 -16px}.chat-room-composer{flex-shrink:0;background:var(--bg)}.chat-life{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:24px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text);font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.chat-room-list{display:grid;grid-gap:8px;gap:8px;padding:0;list-style:none}.chat-room-list a{padding:10px 12px;color:inherit;text-decoration:none}.chat-photo{max-width:180px;margin-bottom:6px}.chat-photo img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;display:block;background:var(--surface-2)}.chat-photo small{display:block;margin-top:4px;font-size:11px;color:var(--muted)}.event-chat-scroll-area{position:relative;display:flex;flex-direction:column;flex:1 1;min-height:0}.event-chat-to-end{position:absolute;right:12px;bottom:12px;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}.event-chat-mute{border:0;padding:6px 0;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:12px}.event-chat-typing{padding:6px 12px;color:var(--muted);font-size:13px}.event-chat-notice{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:100;display:flex;gap:12px;align-items:center;max-width:calc(100vw - 24px);padding:12px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 4px 20px #0003}.event-chat-notice a{color:var(--text);text-decoration:none}.event-chat-notice button{border:0;background:transparent;color:var(--text);font-size:22px;cursor:pointer}.event-notification-settings{display:grid;grid-gap:16px;gap:16px}.event-notification-settings label{display:block;font-size:14px}.event-notification-settings input{margin-right:8px;accent-color:var(--accent)}.event-notification-settings small{display:block;margin:4px 0 0 24px;color:var(--muted)}.event-notification-settings p{margin:0;font-size:13px;color:var(--muted)}.sheet-dialog{position:fixed;inset:0;width:min(100%,560px);height:100dvh;max-width:100%;max-height:100%;margin:auto;padding:0;border:0;background:var(--bg);color:var(--text)}.sheet-dialog[open]{display:flex;flex-direction:column}.sheet-dialog::-webkit-backdrop{background:rgb(0 0 0/65%)}.sheet-dialog::backdrop{background:rgb(0 0 0/65%)}@media (min-width:601px){.sheet-dialog{height:-moz-fit-content;height:fit-content;max-height:min(80dvh,640px);border-radius:16px;border:1px solid var(--border)}}.search-centre-row{display:flex;align-items:center;gap:6px;margin:0 0 16px}.search-centre-rail-wrap{position:relative;flex:1 1;min-width:0}.search-centre-rail-wrap[data-more]:after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg));opacity:.78}.search-centre-rail{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;padding:6px 28px 6px 0}.search-centre-rail::-webkit-scrollbar{display:none}@media (max-width:420px){.search-centre-locate span{display:none}}