.chat-layout{grid-template-columns:300px minmax(0,1fr) 360px;gap:16px;height:max(640px,100dvh - 150px);display:grid}.chat-layout-index{grid-template-columns:300px minmax(0,1fr)}@media (width>=961px){.crumbs~.chat-layout{height:max(612px,100dvh - 178px)}}.chat-layout>.workspace-panel{min-height:0}.chat-list{flex-direction:column;padding:18px 10px;display:flex}.chat-list-head{justify-content:space-between;align-items:center;gap:8px;margin:0 8px 14px;display:flex}.chat-list-head>p{font-size:22px;font-weight:700;line-height:38px}:where(.chat-new-group,.chat-tool-buttons button){border-radius:var(--radius-pill);background:var(--surface);height:38px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background var(--ease);align-items:center;gap:8px;padding:0 14px;font-size:14px;display:inline-flex}@media (hover:hover){:is(.chat-new-group,.chat-tool-buttons button):hover{background:var(--brand-solid);color:#fff}}.chat-new-group{background:var(--surface-raised);font-size:13px;font-weight:600}:is(.chat-new-group,.chat-tool-buttons) .i{--s:17px}.chat-new-group .i{color:var(--accent-text)}@media (hover:hover){.chat-new-group:hover .i{color:inherit}}.group-avatars{flex:none;width:44px;height:44px;display:flex;position:relative}.group-avatars img{border:2px solid var(--surface);position:absolute;width:28px!important;height:28px!important}.group-avatars img:first-child{top:0;left:0}.group-avatars img:nth-child(2){top:8px;right:0}.group-avatars img:nth-child(3){bottom:0;left:8px}.group-members-line{max-width:420px;color:var(--muted);font-size:12px;display:block}@media (width>=701px){.group-dialog .store-art{top:50%}}.group-dialog{--art-icon:84px}.group-dialog .store-panel>h2{margin-bottom:22px}.group-name{gap:8px;margin-bottom:22px;font-size:13px;font-weight:600;display:grid}.group-name input{border:1px solid var(--control-line);border-radius:var(--radius-md);background:var(--surface-raised);--autofill-fill:var(--surface-raised);height:50px;color:var(--ink);font:inherit;transition:border-color var(--ease);padding:0 16px;font-size:15px}.group-name input:focus{border-color:var(--coin-rim);outline:0}.group-dialog legend{color:var(--muted);margin-bottom:12px;font-size:13px}.group-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.group-members label{border-radius:var(--radius-md-plus);min-height:64px;transition:border-color var(--ease), background-color var(--ease), box-shadow var(--ease);align-items:center;gap:12px;padding:10px 14px;display:flex}.group-members input{appearance:none;border:1.5px solid var(--control-line);background:var(--surface);width:22px;height:22px;transition:background-color var(--ease), border-color var(--ease);border-radius:7px;flex:none;place-items:center;margin:0;display:grid}.group-members input:focus-visible{outline:0}.group-members input:checked{border-color:var(--brand-solid);background:var(--brand-solid)}.group-members input:checked:before{--i:var(--i-check);background:#fff;width:14px;height:14px}.group-members img{flex:none;width:40px;height:40px}.group-members span{min-width:0;font-size:14px;font-weight:600}.group-dialog fieldset{padding-bottom:12px}.group-dialog .store-actions:before{content:"";background:linear-gradient(transparent, var(--surface));pointer-events:none;position:absolute;inset:-36px 0 100%}.group-dialog .store-cta:disabled{opacity:1;background:color-mix(in srgb, var(--brand-solid) 32%, var(--surface-raised));color:#ffffff85;cursor:not-allowed;border-color:#0000}@media (width<=700px){.group-dialog{--art-icon:44px}.group-members{grid-template-columns:1fr}}.chat-search{border-radius:var(--radius-md);background:var(--surface-raised);color:var(--subtle);gap:8px;margin:0 8px 12px;padding:0 12px}.chat-search input{flex:1;padding:11px 0}.chat-list ul{overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-list li a{border-radius:var(--radius-md);color:var(--ink);transition:background var(--ease);grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 8px;display:grid}.chat-list li a[aria-current=page]{background:var(--surface-raised)}@media (hover:hover){.chat-list li a:hover{background:var(--surface-raised)}}.chat-list li>a>img,.conversation-heading img{width:44px;height:44px}.chat-list a>span:has(>strong){min-width:0;display:grid}.chat-list a>span:has(>strong) strong{font-size:14px;font-weight:600}.chat-list a>span:has(>strong) span,.chat-list time{color:var(--muted);font-size:12px}.chat-list time{align-self:start;margin-top:3px}.chat-list ul:not([data-chat-searching])>[data-chat-quiet],.chat-list-none{display:none}.chat-list:not(:has(>ul>li:not([hidden],[data-chat-quiet]),>ul[data-chat-searching]))>.chat-list-none{display:block}.chat-list-none,.chat-list-empty{color:var(--muted);padding:12px 8px;font-size:13px}.chat-main{flex-direction:column;padding:0;display:flex;overflow:hidden}.conversation-heading{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.conversation-heading h1{font-size:18px}.conversation-heading>div:not([class]){flex:1;min-width:0}.conversation-heading>div:not([class])>*{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.chat-back{display:none}.presence{color:var(--muted);font-size:12px}.conversation-actions{gap:4px;margin-left:auto;display:flex}.conversation-actions .i{--s:22px}.chat-menu{position:relative}.chat-menu summary{cursor:pointer}.chat-menu>div{width:180px;display:grid;top:46px}.chat-menu button{white-space:nowrap;border-radius:var(--radius-2xs);width:100%;height:40px;color:var(--ink);text-align:left;justify-content:start;place-items:center;padding:10px;font-size:13px;display:grid}.chat-menu button:focus-visible{background:var(--brand-tint);color:var(--accent-text)}@media (hover:hover){.chat-menu button:hover{background:var(--brand-tint);color:var(--accent-text)}}.chat-menu [data-chat-delete]{color:var(--accent-text)}.chat-thread{overscroll-behavior:contain;flex-direction:column;flex:1;gap:8px;padding:24px 20px;display:flex;overflow-y:auto}.message{border-radius:var(--radius-lg-plus);overflow-wrap:anywhere;max-width:min(78%,620px);padding:10px 14px 8px;font-size:14px;line-height:1.5}.message p{white-space:pre-wrap;margin:0}.message time{text-align:right;color:var(--subtle);margin-top:2px;font-size:12px;display:block}.message-in{background:var(--surface-raised);border-bottom-left-radius:6px;align-self:flex-start;transition:filter .35s}.message-out{background:var(--brand-solid);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.message-out time{color:var(--ink-dim)}.message-story{border-radius:var(--radius-md);background:color-mix(in srgb, #000 24%, var(--brand-solid));color:#ffffffd9;font:inherit;text-align:left;border:0;align-items:center;gap:10px;margin:0 0 8px;padding:6px 10px 6px 6px;font-size:12px;display:flex}button.message-story{cursor:pointer}.message-story img{border-radius:var(--radius-xs);object-fit:cover;background:var(--surface-raised);flex-shrink:0;width:36px;height:64px}.message-story.is-gone img{opacity:.45}.message-media{border-radius:var(--radius-lg);flex-shrink:0;margin-bottom:4px;padding:0;overflow:hidden}.message-media :is(img,video){aspect-ratio:3/4;object-fit:cover;width:220px;display:block}.message-pack{background:0 0;flex-shrink:0;width:min(260px,78%);padding:0}.message-pack .packs-row{padding:0;display:block}.message-media video{height:auto}.message-open{cursor:zoom-in;padding:0;display:block;position:relative}.message-open:focus-visible{outline-offset:-3px}.message-open[data-media-open=video]:before,.message-open[data-media-open=video]:after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%}.message-open[data-media-open=video]:before{background:var(--brand-solid);border-radius:50%;width:48px;height:48px}.message-open[data-media-open=video]:after{width:22px;height:22px;-webkit-mask:var(--i-play) center / contain no-repeat;mask:var(--i-play) center / contain no-repeat;background:#fff;margin-left:2px}.chat-empty{text-align:center;color:var(--muted);flex:1;place-content:center;justify-items:center;gap:10px;display:grid}.chat-empty h1,.chat-empty h2{color:var(--ink);font-size:18px;font-weight:600}.chat-empty p{font-size:14px}.chat-empty .i{--s:36px;color:var(--accent-text)}.chat-composer{border:1px solid var(--control-line);border-radius:var(--radius-lg-plus);background:var(--surface-raised);margin:0 20px;padding:8px}.chat-composer:focus-within{border-color:var(--accent-text)}.chat-composer-row{align-items:end;gap:8px;display:flex}.chat-composer textarea{max-height:160px;color:var(--ink);resize:none;font:inherit;background:0 0;border:0;outline:0;flex:1;padding:10px 4px;font-size:14px}.chat-plus,.chat-send{flex:none;width:40px;height:40px}.chat-plus{color:var(--ink);transition:background var(--ease), transform var(--ease)}@media (hover:hover){.chat-plus:hover{background:var(--surface)}}.chat-plus[hidden]{display:none}.chat-plus[aria-expanded=true]{background:var(--surface);transform:rotate(45deg)}.chat-send{background:var(--brand-solid);color:#fff}.chat-plus .i{--s:22px}.chat-send .i{--s:18px}.chat-tools{padding:6px 8px 4px}.chat-tools>span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.chat-tool-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-pick{color:var(--muted);margin-top:8px;font-size:12px}@media (width<=480px){.chat-tool-buttons{gap:6px}.chat-tool-buttons button{gap:6px;padding:0 10px;font-size:13px}}.message-speaker{color:var(--accent-text);align-items:center;gap:6px;margin-bottom:2px;font-size:12px;display:flex}.message-speaker img,.chat-pick img{object-fit:cover;border-radius:50%;width:20px;height:20px}:is(.message-report,.message-retry){color:var(--subtle);cursor:pointer;margin-top:2px;padding:0;font-size:12px;text-decoration:underline;display:block}.message-in .message-report{float:left}.message-out .message-retry{color:#fff}@media (hover:hover){.message-in:not(:hover,:focus-within) .message-report{opacity:0}}:is(.message-system,.chat-card){border-radius:var(--radius-md);background:var(--surface);max-width:min(90%,520px);color:var(--muted);text-align:center;align-self:center;padding:8px 14px;font-size:13px;line-height:1.5}.message-crisis{border:1px solid var(--accent-text);color:var(--ink);text-align:left}.message-system a{color:var(--accent-text);text-decoration:underline}.chat-card{color:var(--ink);justify-items:center;gap:8px;padding:14px;display:grid}.chat-card>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.message-locked{min-height:84px;position:relative;overflow:hidden}.message-locked>p{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none}.message-lock{background:color-mix(in srgb, var(--surface) 55%, transparent);color:var(--ink);text-align:center;place-content:center;justify-items:center;gap:6px;padding:8px;font-size:13px;display:grid;position:absolute;inset:0}.message-failed{aspect-ratio:3/4;width:220px}.message-lock-link{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.message-reveal{filter:blur(6px)}.chat-gate{padding:8px 16px calc(8px + env(safe-area-inset-bottom));display:grid}.chat-gate[hidden]{display:none}.chat-gate>.workspace-button{justify-content:center;width:100%;min-height:44px}@media (width<=420px){.chat-card>div{flex-direction:column;align-self:stretch}.chat-card>div>.workspace-button{justify-content:center;min-height:44px}}.chat-quota{color:var(--muted);text-align:center;margin:0 20px 6px;font-size:12px}.message-typing{gap:4px;padding:14px;display:flex}.message-typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing}.message-typing span:nth-child(2){animation-delay:.2s}.message-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{50%{opacity:.3}}.message-arrive{animation:message-arrive .22s ease-out var(--arrive-delay,0s) both}@keyframes message-arrive{0%{opacity:0;transform:translateY(6px)}}.message-late{--arrive-delay:.2s}.message-late+.message-typing{animation:.22s ease-out .42s both message-arrive}:root[data-from-story] [data-chat-thread]{view-transition-name:story-chat}:root[data-from-story] .chat-main [data-story-ring]{view-transition-name:story-avatar}::view-transition-group(story-chat){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-group(story-avatar){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(story-chat){animation:.32s both story-out}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}@keyframes story-out{to{opacity:0;transform:scale(.96)}}:root[data-opener] [data-opener]{display:none}.chat-form .chat-note{margin-top:16px;display:block}.chat-form :is(legend,.chat-note>span){margin-bottom:8px;font-size:13px;font-weight:600;display:block}.chat-form .chat-reasons label{align-items:start;gap:10px;padding:6px 0;font-size:14px;line-height:1.5;display:flex}.chat-form .chat-reasons input{width:20px;height:20px;accent-color:var(--brand-solid);flex:none;margin-top:1px}.chat-form textarea{resize:vertical;width:100%}.chat-main .workspace-note{margin:8px 20px 14px;font-size:12px}.profile-aside{scrollbar-width:none;flex-direction:column;padding:18px;display:flex;overflow-y:auto}.profile-aside>img{object-fit:cover;object-position:top;border-radius:var(--radius-md-plus);flex:none;width:100%;height:300px;margin-bottom:16px}.profile-aside h2{margin-bottom:8px;font-size:22px}.profile-about{color:var(--muted);margin-bottom:16px;font-size:14px;line-height:1.5}.profile-aside dl+.profile-about{margin:16px 0 0}.profile-aside .profile-about+.profile-about{margin-top:12px}.profile-aside .profile-lead{margin-bottom:12px}.profile-aside .profile-lead+.profile-about{margin-top:0}.profile-aside h3{margin:4px 0 8px;font-size:15px}.profile-faq{color:var(--muted);gap:10px;margin:0 0 16px;font-size:14px;line-height:1.5;display:grid}.profile-faq summary{color:var(--ink);cursor:pointer;padding-block:4px;font-weight:600}.profile-faq p{margin:4px 0 0}.profile-talk{color:var(--muted);gap:6px;margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.5;display:grid}.profile-more{flex-wrap:wrap;gap:4px 14px;font-size:14px;display:flex}.profile-more a{color:var(--accent-text);padding-block:6px;display:inline-block}.private-card{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);transition:border-color var(--ease);gap:10px;margin-bottom:14px;padding:10px;display:grid}.private-card:focus-visible{border-color:var(--accent)}@media (hover:hover){.private-card:hover{border-color:var(--accent)}}.private-thumbs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:relative}.private-thumbs img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);filter:blur(9px)brightness(.8);clip-path:inset(0 round 10px);width:100%}.private-thumbs img:first-child{object-position:top}.private-thumbs img:nth-child(3){object-position:bottom}.private-lock{place-items:center;width:calc(33.3333% - 4px);display:grid;position:absolute;inset:0 0 0 auto}.private-row{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--muted);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:10px;font-size:12px;display:grid;position:relative}.private-row:before{content:"";background:var(--brand-solid);border-radius:50%;grid-row:1/3;height:34px}.private-row strong{color:var(--ink);font-size:14px}.private-row strong:before,.private-row:after{width:20px;height:20px}.private-row strong:before{--i:var(--i-lock);position:absolute;top:calc(50% - 10px);left:17px}.private-row:after{--i:var(--i-chevron-right);grid-area:1/3/3}.profile-aside>.workspace-button{flex:none;width:100%;margin-bottom:16px}.profile-aside dl{grid-template-columns:1fr 1fr;column-gap:16px;margin:0;font-size:13px;line-height:1.4;display:grid}.profile-aside dl>div{border-top:1px solid var(--line);padding:10px 0}.profile-aside dl>div:nth-child(n+5){grid-column:1/-1}.profile-aside dt{color:var(--muted);margin-bottom:2px;font-size:11px}.profile-aside dd{overflow-wrap:anywhere;margin-left:0}@media (width<=1200px){.chat-layout{grid-template-columns:260px minmax(0,1fr) 300px}}@media (width<=960px){:root[data-chat]{overscroll-behavior:none;overflow:hidden}[data-chat] body>.footer{display:none}.interior.chat-screen{min-height:0;padding-block:0}.chat-screen>.crumbs{display:none}.chat-layout{inset:calc(var(--header-h) + 12px) 0 auto;width:inherit;height:calc(var(--chat-h,100dvh) - var(--header-h) - 24px);margin-inline:auto;position:fixed}:root[data-keyboard] .chat-layout:focus-within{--chat-h:var(--vvh)}:root[data-keyboard] .chat-main:focus-within .workspace-note{display:none}.conversation-heading{gap:8px;padding:6px 8px 6px 4px}.conversation-heading h1{font-size:16px}.conversation-heading>img{width:36px;height:36px}.chat-back{width:44px;height:44px;color:var(--ink);flex:none;place-items:center;margin-right:-6px;display:grid}.chat-back .i{--s:26px}.chat-layout,.chat-layout-index{grid-template-columns:minmax(0,1fr)}.chat-layout>.chat-list,.profile-aside{display:none}.chat-layout-index>.chat-list{display:flex}.chat-layout-index>.chat-main,.chat-layout-index.is-group>.chat-list{display:none}.chat-layout-index.is-group>[data-group-view]{display:flex}}@media (width<=700px){.interior.chat-screen{width:100%;padding:0}.chat-layout{top:var(--header-h);height:calc(var(--chat-h,100dvh) - var(--header-h))}.chat-layout>.workspace-panel{border:0;border-radius:0}.chat-main{padding-bottom:env(safe-area-inset-bottom)}:root[data-keyboard] .chat-main:focus-within{padding-bottom:0}.chat-thread{padding:16px 12px}.message{max-width:82%;font-size:15px}.chat-composer{margin-inline:8px}.chat-main .workspace-note{margin:6px 12px 8px}}@media (pointer:coarse){.conversation-actions{gap:0}.chat-menu button{height:44px}}@media (height<=500px) and (orientation:landscape){.conversation-heading{padding-block:6px}.chat-main .workspace-note{display:none}.chat-composer{margin-bottom:6px;padding:2px 6px}.chat-composer textarea{padding-block:8px}}@media (height<=500px) and (orientation:landscape) and (width<=960px){.chat-layout{height:calc(var(--chat-h,100dvh) - var(--header-h));inset-block-start:var(--header-h)}}
