:root{--color-page:#f6f7f9;--color-surface:#fff;--color-surface-muted:#eef2f6;--color-border:#d9e0e8;--color-text:#18212f;--color-text-muted:#687386;--color-accent:#278fff;--color-accent-strong:#1f76e6;--color-accent-rgb:39 143 255;--color-accent-strong-rgb:31 118 230;--color-on-accent:#fff;--color-on-danger:#fff;--color-hover:#dfe6ee;--color-success:#087a35;--color-danger:#b42318;--color-danger-rgb:180 35 24;--color-danger-strong:#8a1f13;--color-danger-muted:#fff0f0;--color-danger-hover:#ffe1e1;--color-danger-border:#ffd0d0;--color-warning-muted:#fff7e6;--color-warning-text:#8a5a00;--color-online:#18a058;--color-offline:#d97000;--color-neutral-dot:#99a3ad;--color-bg-white:#fff;--color-bg-mint:#effaf3;--color-bg-sky:#eef7ff;--color-bg-gray:#eef2f6;--color-bg-rose:#fff1f5;--color-google:#1a73e8;--shadow-soft:0 12px 30px #141f3014;--radius-small:8px;--radius-medium:14px;--radius-control:8px;--radius-panel:14px;--radius-bubble:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-sans:Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}
*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--color-page);color:var(--color-text);margin:0}button,input,select,textarea{font:inherit}button{border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);cursor:pointer;border:0;padding:10px 14px;font-weight:700}button:disabled{cursor:not-allowed;background:#b8c1cc}button:not(:disabled):hover{background:var(--color-accent-strong)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgb(var(--color-accent-strong-rgb) / 38%);outline-offset:3px}.conversation-item:focus-visible,.app-menu-item:focus-visible,.primary-link-button:focus-visible,.mobile-back-link:focus-visible{box-shadow:0 0 0 4px rgb(var(--color-accent-strong-rgb) / 16%)}
.app-state-page{min-height:100dvh;padding:var(--space-5);place-items:center;display:grid}.app-state-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);width:min(100%,520px);box-shadow:var(--shadow-soft);gap:var(--space-4);padding:var(--space-6);display:grid}.app-state-panel h1,.app-state-panel p{margin:0}.app-state-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}
.app-page-header{z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-soft);justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);display:flex;position:sticky;top:0}.app-page-header h1{margin:0;font-size:24px;line-height:1.2}.app-page-header-copy{gap:2px;min-width:0;display:grid}@media (max-width:760px){.app-page-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.app-page-header h1{font-size:24px}.app-page-header .eyebrow{display:none}}
.app-notifications{z-index:50;top:var(--space-5);right:var(--space-5);width:min(360px, calc(100vw - var(--space-5) * 2));gap:var(--space-2);pointer-events:none;display:grid;position:fixed}.app-notification{border:1px solid var(--color-border);border-radius:var(--radius-small);box-shadow:var(--shadow-soft);pointer-events:auto;background:#fffffff5;grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid;overflow:hidden}.app-notification-link{color:inherit;padding:var(--space-3) var(--space-4);gap:3px;text-decoration:none;display:grid}.app-notification-link strong{font-size:14px}.app-notification-link span{color:var(--color-text-muted);font-size:13px;line-height:1.5}.app-notification-ack-button{margin-top:var(--space-2);justify-self:start;min-width:96px}.app-notification-close{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.app-notification-close:hover{color:var(--color-text)}.app-bottom-nav{display:none}@media (max-width:760px){.app-notifications{top:auto;right:var(--space-3);bottom:calc(64px + var(--space-3) + env(safe-area-inset-bottom));width:calc(100vw - var(--space-3) * 2)}.app-bottom-nav{z-index:50;border-top:1px solid var(--color-border);padding:var(--space-1) var(--space-2) max(var(--space-1), env(safe-area-inset-bottom));background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 24px #141f3014}.app-bottom-nav-link{border-radius:var(--radius-small);min-height:48px;color:var(--color-text-muted);place-items:center;gap:2px;font-size:12px;font-weight:800;display:grid;position:relative}.app-bottom-nav-link-label{line-height:1.2}.app-bottom-nav-badge{background:var(--color-accent);min-width:16px;height:16px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:800;display:inline-grid;position:absolute;top:6px;right:calc(50% - 28px)}.app-bottom-nav-link[aria-current=page]{background:var(--color-surface-muted);color:var(--color-accent-strong)}}
.app-shell{height:100dvh;min-height:0;padding:var(--space-3);gap:var(--space-3);grid-template-columns:minmax(280px,380px) minmax(0,1fr);display:grid;overflow:hidden}.conversation-panel,.chat-panel{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;min-height:0;box-shadow:var(--shadow-soft)}.conversation-panel{gap:var(--space-3);padding:var(--space-3);z-index:5;grid-template-rows:auto auto auto minmax(0,1fr);display:grid;position:relative;overflow:visible}.chat-panel{overflow:hidden}.conversation-self-link{border-radius:var(--radius-small);color:var(--color-text);align-items:center;gap:var(--space-3);padding:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.conversation-self-link:hover{background:var(--color-surface-muted);text-decoration:none}.conversation-self-link span{gap:2px;min-width:0;display:grid}.conversation-self-link strong,.conversation-self-link small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-self-link small{color:var(--color-text-muted);font-size:12px}.conversation-search-field input{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;color:var(--color-text);border-radius:999px;padding:10px 14px}.friend-request-notice{border-radius:var(--radius-small);background:rgb(var(--color-accent-rgb) / 10%);min-height:36px;color:var(--color-accent-strong);padding:0 var(--space-3);align-items:center;font-size:13px;font-weight:800;display:flex}.friend-request-notice:hover,.inline-text-link:hover{text-decoration:underline}.inline-text-link{color:var(--color-accent-strong);font-weight:800}.hidden-talks-link{border-radius:var(--radius-small);min-height:32px;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-3);background:0 0;font-size:13px;font-weight:800;display:inline-flex}.hidden-talks-link:hover{background:var(--color-surface-muted);text-decoration:none}.hidden-talks-link span{background:var(--color-accent);min-width:20px;height:20px;color:var(--color-on-accent);border-radius:999px;place-items:center;font-size:11px;display:grid}.eyebrow{margin:0 0 var(--space-1);color:var(--color-text-muted);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.conversation-list{gap:var(--space-1);margin:0;padding:0 0 52px;list-style:none;display:grid;overflow:auto}.conversation-panel>nav{grid-row:4;min-height:0;overflow:auto}.conversation-list-item{min-width:0}.conversation-item{border-radius:var(--radius-small);align-items:center;gap:var(--space-2);padding:var(--space-2);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid;position:relative}.conversation-item.is-active{background:var(--color-surface-muted)}.avatar-stack{--avatar-size:44px;--avatar-badge-size:18px;--avatar-badge-overlap:.82;width:var(--avatar-size);height:var(--avatar-size);vertical-align:middle;flex-shrink:0;display:inline-block;position:relative;overflow:visible}.avatar-stack.has-badge{margin-right:calc(var(--avatar-badge-size) * (1 - var(--avatar-badge-overlap)) + 2px);margin-bottom:calc(var(--avatar-badge-size) * (1 - var(--avatar-badge-overlap)) + 2px)}.avatar{background:var(--color-accent);color:var(--color-on-accent);border-radius:50%;place-items:center;font-weight:800;display:grid;overflow:hidden}.avatar-stack .avatar-main{width:100%;height:100%}.avatar-image{object-fit:cover;width:100%;height:100%}.avatar-badge{left:calc(var(--avatar-size) - var(--avatar-badge-size) * var(--avatar-badge-overlap));top:calc(var(--avatar-size) - var(--avatar-badge-size) * var(--avatar-badge-overlap));z-index:2;width:var(--avatar-badge-size);height:var(--avatar-badge-size);border:2px solid var(--color-surface);border-radius:50%;place-items:center;font-size:10px;line-height:1;display:grid;position:absolute;box-shadow:0 1px 3px #0f172a2e}.avatar-badge.is-owner{color:#4a3200;background:#f5b301}.avatar-badge.is-group{color:var(--color-accent);background:#fff}.avatar-badge.is-group svg{width:calc(var(--avatar-badge-size) * .56);height:calc(var(--avatar-badge-size) * .56)}.group-member-strip{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.group-member-strip-list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.group-member-strip-list a{display:block;overflow:visible}.group-member-strip-list .avatar-stack{--avatar-size:32px;--avatar-badge-size:14px;--avatar-badge-overlap:.82}.group-member-strip-more,.group-member-strip-link{color:var(--color-text-muted);font-size:13px;font-weight:700}.conversation-avatar-link{border-radius:0;display:inline-block;overflow:visible}.conversation-avatar-link:hover{text-decoration:none}.conversation-summary-link{min-width:0;color:inherit}.conversation-summary-link:hover{text-decoration:none}.conversation-summary{gap:3px;min-width:0;display:grid}.conversation-name{font-weight:700}.conversation-last,.conversation-time,.chat-status,.message-meta,.auth-note{color:var(--color-text-muted);font-size:12px}.conversation-last{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-status{align-items:center;gap:6px;font-weight:700;display:inline-flex}.chat-status:before{content:"";background:var(--color-neutral-dot);border-radius:50%;width:7px;height:7px}.chat-status.is-online:before{background:var(--color-online)}.chat-status.is-offline:before{background:var(--color-offline)}.conversation-side{justify-items:end;gap:var(--space-1);display:grid}.conversation-row-menu,.workspace-more-menu{position:relative}.conversation-row-menu summary,.workspace-more-menu summary{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;font-size:20px;font-weight:900;line-height:1;list-style:none;display:grid}.conversation-row-menu summary::-webkit-details-marker{display:none}.workspace-more-menu summary::-webkit-details-marker{display:none}.conversation-row-menu summary:hover,.workspace-more-menu summary:hover,.workspace-more-menu[open] summary,.conversation-row-menu[open] summary{background:var(--color-surface-muted);color:var(--color-text)}.conversation-row-menu-popover,.workspace-more-popover{z-index:45;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);width:220px;box-shadow:var(--shadow-soft);padding:var(--space-2);gap:2px;display:grid;position:absolute}.conversation-row-menu-popover{bottom:calc(100% + var(--space-1));right:0}.workspace-more-menu{right:var(--space-3);bottom:var(--space-3);position:absolute}.workspace-more-menu summary{background:var(--color-surface-muted)}.workspace-more-popover{bottom:calc(100% + var(--space-1));max-height:min(360px,100dvh - 96px);right:0;overflow:auto}.conversation-row-menu-popover form,.workspace-more-popover form,.chat-header-popover form,.app-menu-popover form{margin:0}.conversation-row-menu-popover .chat-action-form,.chat-header-popover .chat-action-form,.app-menu-popover .chat-action-form{padding:0;display:grid}.conversation-row-menu-popover .link-button{border-radius:var(--radius-small);min-height:40px;color:var(--color-text);padding:0 var(--space-3);justify-content:flex-start}.unread-badge{background:var(--color-accent);min-width:20px;height:20px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;font-weight:800;display:grid}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:relative}.chat-context-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-3);min-height:62px;padding:var(--space-3) var(--space-4);display:flex}.chat-context-bar h1{margin:0;font-size:20px;line-height:1.2}.chat-context-copy{gap:var(--space-1);min-width:0;display:grid}.chat-context-actions{align-items:center;gap:var(--space-2);display:flex}.chat-header-icon-button{width:38px;height:38px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:20px;line-height:1;list-style:none;display:inline-grid;position:relative}.chat-header-icon-button::-webkit-details-marker{display:none}.chat-header-icon-button:hover{background:var(--color-surface-muted)}.chat-header-members-count{border:2px solid var(--color-surface);background:var(--color-accent);min-width:17px;height:17px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 3px;font-size:10px;font-weight:800;display:inline-grid;position:absolute;bottom:-2px;right:-2px}.chat-header-menu{position:relative}.chat-header-popover{z-index:40;top:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-width:220px;box-shadow:var(--shadow-soft);padding:var(--space-2);gap:2px;display:grid;position:absolute;right:0}.chat-header-popover-title{padding:var(--space-1) var(--space-2);color:var(--color-text-muted);margin:0;font-size:12px;font-weight:800}.chat-header-members-popover{min-width:260px}.chat-header-members-list{gap:2px;max-height:min(360px,56vh);margin:0;padding:0;list-style:none;display:grid;overflow:auto}.chat-header-member-row{border-radius:var(--radius-small);color:inherit;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid}a.chat-header-member-row:hover{background:var(--color-surface-muted)}.chat-header-member-copy{gap:1px;min-width:0;display:grid}.chat-header-member-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-header-member-copy small{color:var(--color-text-muted);font-size:12px}.conversation-search-bar{border-bottom:1px solid var(--color-border);background:var(--color-surface);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);display:flex}.conversation-search-bar-icon{color:var(--color-text-muted);place-items:center;display:inline-grid}.conversation-search-bar-input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);flex:1;min-width:0;padding:8px 12px}.conversation-search-bar-input:focus{border-color:var(--color-accent);outline:2px solid rgb(var(--color-accent-rgb) / 20%)}.conversation-search-bar-count{min-width:56px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:13px}.conversation-search-bar-nav{gap:2px;display:inline-flex}.conversation-search-bar-nav button,.conversation-search-bar-close{border-radius:var(--radius-small);width:34px;height:34px;color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;font-size:16px;display:inline-grid}.conversation-search-bar-nav button:not(:disabled):hover,.conversation-search-bar-close:hover{background:var(--color-surface-muted)}.conversation-search-bar-nav button:disabled{color:var(--color-text-muted);cursor:default;opacity:.5}.message.is-search-match .message-bubble{outline:2px solid rgb(var(--color-accent-rgb) / 35%);outline-offset:1px}.message.is-search-active .message-bubble{outline:3px solid var(--color-accent);box-shadow:0 0 0 4px rgb(var(--color-accent-rgb) / 18%)}.mobile-back-link{display:none}@media (max-width:760px){.app-shell{grid-template-columns:1fr;gap:0;height:100dvh;min-height:100dvh;padding:0}.app-shell.is-conversation-home .conversation-panel,.app-shell.has-selected-conversation .chat-panel{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.app-shell.has-selected-conversation .conversation-panel,.app-shell.is-conversation-home .chat-panel{display:none}.conversation-list{overflow:auto}.app-shell.is-conversation-home .conversation-list{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.chat-context-bar{justify-content:stretch;align-items:center;gap:var(--space-2);padding-top:max(var(--space-4), env(safe-area-inset-top));grid-template-columns:auto minmax(0,1fr) auto;display:grid}.chat-context-bar .eyebrow{display:none}.chat-context-bar h1{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.mobile-back-link{min-height:36px;color:var(--color-accent-strong);padding:0 var(--space-1);border-radius:999px;align-items:center;font-weight:800;display:inline-flex}.mobile-back-link:before{content:"‹";margin-right:2px;font-size:26px;line-height:1}.mobile-back-link:hover{background:var(--color-surface-muted)}}.conversation-empty{padding:var(--space-3)}.conversation-empty-state{gap:var(--space-2);padding:var(--space-3);justify-items:start;display:grid}.conversation-empty-state .conversation-empty{padding:0}.conversation-background-panel{gap:var(--space-3);display:grid}.conversation-background-panel+.conversation-background-panel{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.conversation-background-panel-header{gap:var(--space-1);display:grid}.conversation-background-panel-header h3{margin:0;font-size:16px}.conversation-background-panel-header p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.conversation-background-setting{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.conversation-background-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.conversation-background-choice{border:1px solid var(--color-border);border-radius:var(--radius-small);width:100px;min-height:56px;color:var(--color-text);cursor:pointer;padding:var(--space-2);text-align:center;place-items:center;display:grid;position:relative}.conversation-background-choice.is-bg-custom{background:repeating-conic-gradient(var(--color-surface-muted) 0% 25%, var(--color-surface) 0% 50%) 50% / 14px 14px}.conversation-background-choice input{opacity:0;pointer-events:none;position:absolute}.conversation-background-choice span{background:#ffffffc7;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:800}.conversation-background-choice.is-selected{border-color:var(--color-accent);outline:2px solid rgb(var(--color-accent-rgb) / 20%)}.conversation-background-choice.is-selected span{color:var(--color-accent-strong)}.conversation-background-image-picker{gap:var(--space-2);display:grid}.conversation-background-image-hint{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.6}.conversation-background-preview-block{gap:var(--space-2);display:grid}.conversation-background-preview-label{color:var(--color-text-muted);margin:0;font-size:12px;font-weight:800}.conversation-background-preview{border:1px solid var(--color-border);border-radius:var(--radius-small);overflow:hidden}.chat-background-preview-surface{gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);min-height:0;max-height:340px;padding:var(--space-4);flex-direction:column;display:flex;overflow:auto}.chat-background-preview-surface .message{width:100%}.chat-background-preview-surface.is-bg-custom{background-attachment:scroll}.chat-background-preview-surface.is-bg-empty{background:var(--color-surface-muted);place-items:center;display:grid}.chat-background-preview-surface.is-bg-empty:before{color:var(--color-text-muted);content:"画像を選ぶとここに表示されます";font-size:13px}.chat-background-preview-surface.is-bg-empty .message{display:none}.conversation-background-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.conversation-background-actions form{margin:0}.conversation-background-image-form{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:760px){.conversation-background-actions,.conversation-background-image-form,.conversation-background-actions button,.conversation-background-image-form button{width:100%}}.group-roster-card{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.group-roster-card.has-actions{grid-template-columns:auto minmax(0,1fr) minmax(190px,232px)}.group-roster-card-body{gap:2px;min-width:0;display:grid}.group-roster-card-actions{justify-content:stretch;align-items:center;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-self:end;width:min(100%,304px);display:grid;position:relative}.group-roster-card-actions>form>button{white-space:nowrap;width:100%;min-width:0;min-height:42px;padding-inline:var(--space-3);justify-content:center}.group-roster-card.is-invited-pending{background:rgb(var(--color-accent-rgb) / 7%)}.group-roster-card-mobile-copy{text-align:left;gap:2px;min-width:0;display:grid}.group-roster-card-mobile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.group-roster-card-mobile-copy span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (max-width:760px){.group-roster-card.has-actions{grid-template-columns:1fr}.group-roster-card.entity-card-expandable{background:0 0;gap:0;padding:0;display:grid}.group-roster-card .entity-card-mobile-summary{border-radius:var(--radius-small);background:var(--color-surface-muted);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.group-roster-card .entity-card-mobile-summary:after{color:var(--color-text-muted);content:"›";font-size:22px;font-weight:800;line-height:1;transition:transform .12s;transform:rotate(90deg)}.group-roster-card.is-expanded .entity-card-mobile-summary:after{transform:rotate(-90deg)}.group-roster-card .entity-card-expandable-content{display:none}.group-roster-card.is-expanded .entity-card-expandable-content{gap:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);grid-template-columns:1fr;display:grid}.group-roster-card.is-invited-pending .entity-card-mobile-summary{background:rgb(var(--color-accent-rgb) / 10%)}.group-roster-card-actions{grid-template-columns:1fr;justify-self:stretch;width:100%}}.group-member-search-result-card{border-radius:var(--radius-small);background:var(--color-surface-muted);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.group-member-search-result-card.has-actions{grid-template-columns:auto minmax(0,1fr) minmax(190px,232px)}.group-member-search-result-card-body{gap:2px;min-width:0;display:grid}.group-member-search-result-card-bio{margin:var(--space-1) 0 0;color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.group-member-search-section>.form-message,.group-member-search-section>.group-member-search-result-card{width:100%}@media (max-width:760px){.group-member-search-result-card,.group-member-search-result-card.has-actions{grid-template-columns:1fr}}.staged-member-card{align-items:center;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr) minmax(190px,232px);display:grid}.staged-member-card-body{gap:2px;min-width:0;display:grid}.staged-member-card-mobile-copy{text-align:left;gap:2px;min-width:0;display:grid}.staged-member-card-mobile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.staged-member-card-mobile-copy span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (max-width:760px){.staged-member-card{grid-template-columns:1fr}.staged-member-card.entity-card-expandable{background:0 0;gap:0;padding:0;display:grid}.staged-member-card .entity-card-mobile-summary{border-radius:var(--radius-small);background:var(--color-surface-muted);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.staged-member-card .entity-card-expandable-content{display:none}.staged-member-card.is-expanded .entity-card-expandable-content{gap:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);grid-template-columns:1fr;display:grid}}
.message-list{gap:var(--space-3);min-height:0;padding:var(--space-5) clamp(var(--space-5), 2vw, 96px);flex-direction:column;display:flex;overflow:auto}.message-list.is-bg-standard,.settings-preview-chat.is-bg-standard,.background-option.is-bg-standard,.conversation-background-choice.is-bg-standard,.conversation-background-preview.is-bg-standard{background:var(--color-surface)}.message-list.is-bg-white,.settings-preview-chat.is-bg-white,.background-option.is-bg-white,.conversation-background-choice.is-bg-white,.conversation-background-preview.is-bg-white{background:var(--color-bg-white)}.message-list.is-bg-mint,.settings-preview-chat.is-bg-mint,.background-option.is-bg-mint,.conversation-background-choice.is-bg-mint,.conversation-background-preview.is-bg-mint{background:var(--color-bg-mint)}.message-list.is-bg-sky,.settings-preview-chat.is-bg-sky,.background-option.is-bg-sky,.conversation-background-choice.is-bg-sky,.conversation-background-preview.is-bg-sky{background:var(--color-bg-sky)}.message-list.is-bg-gray,.settings-preview-chat.is-bg-gray,.background-option.is-bg-gray,.conversation-background-choice.is-bg-gray,.conversation-background-preview.is-bg-gray{background:var(--color-bg-gray)}.message-list.is-bg-rose,.settings-preview-chat.is-bg-rose,.background-option.is-bg-rose,.conversation-background-choice.is-bg-rose,.conversation-background-preview.is-bg-rose{background:var(--color-bg-rose)}.message-list.is-bg-custom,.settings-preview-chat.is-bg-custom,.conversation-background-preview.is-bg-custom{background-image:var(--chat-background-image);background-color:#eef2f6;background-position:50%;background-repeat:no-repeat;background-size:cover}.message-list.is-bg-custom{background-attachment:fixed;box-shadow:inset 0 0 0 9999px #ffffff57}.message-list.is-bg-custom .message-bubble{background:#ffffffeb}.message-list.is-bg-custom .message.is-mine .message-bubble{background:rgb(var(--color-accent-rgb) / 94%)}.message-list.is-empty{justify-content:center;align-items:center}.empty-state{justify-items:center;gap:var(--space-2);color:var(--color-text-muted);text-align:center;display:grid}.empty-state p{margin:0;line-height:1.6}.primary-link-button{border-radius:var(--radius-small);background:var(--color-accent-strong);min-height:40px;color:var(--color-on-accent);padding:0 var(--space-4);justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.primary-link-button:hover{background:var(--color-accent-strong);text-decoration:none}.message{align-items:start;column-gap:var(--space-2);width:min(90%,1800px);min-width:0;scroll-margin-block:var(--space-6);grid-template-rows:auto auto auto;grid-template-columns:44px minmax(0,1fr);justify-items:start;row-gap:4px;display:grid}.history-load-status{align-self:center;align-items:center;gap:var(--space-2);min-height:28px;color:var(--color-text-muted);font-size:12px;font-weight:700;display:inline-flex}.history-load-status button{border-radius:999px;min-height:28px;padding:0 10px}.history-load-status:empty{visibility:hidden}.new-message-jump-button{z-index:30;left:50%;bottom:calc(84px + var(--space-4));min-height:36px;box-shadow:var(--shadow-soft);white-space:nowrap;border-radius:999px;position:absolute;transform:translate(-50%)}.message-date-separator{justify-content:center;display:flex}.message-date-separator span,.message-unread-separator span{color:var(--color-text-muted);background:#18212f14;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.message-unread-separator{justify-content:center;align-items:center;gap:var(--space-3);display:flex}.message-unread-separator:before,.message-unread-separator:after{background:rgb(var(--color-accent-rgb) / 28%);content:"";flex:1;height:1px}.message-unread-separator span{background:rgb(var(--color-accent-rgb) / 12%);color:var(--color-accent-strong)}.message-system{justify-content:center;align-self:center;width:100%;display:flex}.message-system span{color:var(--color-text-muted);text-align:center;background:#18212f14;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;line-height:1.5}.message-avatar-link{color:inherit;text-decoration:none;display:contents}.message.is-mine{grid-template-columns:minmax(0,1fr) 44px;align-self:end;justify-items:end}.message>.avatar-stack{--avatar-size:36px;--avatar-badge-size:15px;--avatar-badge-overlap:.82;grid-area:1/1/3;align-self:start;margin-top:1px;font-size:14px}.message.is-mine>.avatar-stack{grid-column:2}.message-sender-name{max-width:min(360px,72vw);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;margin:0;font-size:12px;font-weight:800;line-height:1.3;overflow:hidden}.message.is-mine .message-sender-name{text-align:right;grid-column:1;justify-self:end}.message-stack{grid-area:2/2;justify-items:start;min-width:0;max-width:100%;display:grid}.message.is-mine .message-stack{grid-column:1;justify-items:end}.message-stack>.message-bubble{justify-self:start}.message.is-mine .message-stack>.message-bubble{justify-self:end}.message-bubble{border-radius:var(--radius-bubble);background:var(--color-surface-muted);width:fit-content;min-width:0;max-width:100%;padding:var(--space-3) var(--space-4);position:relative}.message-bubble:has(.message-reply-preview){min-width:min(420px,72vw)}.message-bubble:has(.message-attachments.is-single-image):not(:has(.message-text)){max-width:min(100%, calc(320px + (var(--space-4) * 2)))}.message-bubble:after{background:inherit;clip-path:polygon(100% 0,0 0,100% 100%);content:"";width:16px;height:16px;position:absolute;top:8px;left:-10px}.message.is-mine .message-bubble{background:var(--color-accent);color:var(--color-on-accent)}.message.is-mine .message-text{color:var(--color-on-accent)}.message.is-mine .message-bubble:after{clip-path:polygon(0 0,100% 0,0 100%);left:auto;right:-10px}.message-canceled-text{color:var(--color-text-muted);margin:0;padding:2px 0;font-size:12px;font-style:italic;line-height:1.5}.message-text{font-family:var(--message-font-family,inherit);font-size:var(--message-font-size,15px);overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;margin:0;line-height:1.6}.chat-background-preview-surface .message-text{font-size:var(--message-font-size,15px)}.message-list.is-font-family-system,.settings-preview.is-font-family-system,.chat-background-preview-surface.is-font-family-system{--message-font-family:Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-noto_sans_jp,.settings-preview.is-font-family-noto_sans_jp,.chat-background-preview-surface.is-font-family-noto_sans_jp{--message-font-family:"Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-m_plus_1p,.settings-preview.is-font-family-m_plus_1p,.chat-background-preview-surface.is-font-family-m_plus_1p{--message-font-family:"M PLUS 1p", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-zen_kaku_gothic,.settings-preview.is-font-family-zen_kaku_gothic,.chat-background-preview-surface.is-font-family-zen_kaku_gothic{--message-font-family:"Zen Kaku Gothic New", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-kosugi_maru,.settings-preview.is-font-family-kosugi_maru,.chat-background-preview-surface.is-font-family-kosugi_maru{--message-font-family:"Kosugi Maru", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-biz_udpgothic,.settings-preview.is-font-family-biz_udpgothic,.chat-background-preview-surface.is-font-family-biz_udpgothic{--message-font-family:"BIZ UDPGothic", Arial, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}.message-list.is-font-family-noto_serif_jp,.settings-preview.is-font-family-noto_serif_jp,.chat-background-preview-surface.is-font-family-noto_serif_jp{--message-font-family:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif}.message-list.is-font-family-sawarabi_mincho,.settings-preview.is-font-family-sawarabi_mincho,.chat-background-preview-surface.is-font-family-sawarabi_mincho{--message-font-family:"Sawarabi Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif}.message-list.is-font-family-shippori_mincho,.settings-preview.is-font-family-shippori_mincho,.chat-background-preview-surface.is-font-family-shippori_mincho{--message-font-family:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif}.message-list.is-font-xsmall,.settings-preview.is-font-xsmall,.chat-background-preview-surface.is-font-xsmall{--message-font-size:12px;--message-collapse-lines:10}.message-list.is-font-medium,.settings-preview.is-font-medium,.chat-background-preview-surface.is-font-medium{--message-font-size:15px;--message-collapse-lines:8}.message-list.is-font-small,.settings-preview.is-font-small,.chat-background-preview-surface.is-font-small{--message-font-size:13px;--message-collapse-lines:9}.message-list.is-font-large,.settings-preview.is-font-large,.chat-background-preview-surface.is-font-large{--message-font-size:17px;--message-collapse-lines:7}.message-list.is-font-xlarge,.settings-preview.is-font-xlarge,.chat-background-preview-surface.is-font-xlarge{--message-font-size:19px;--message-collapse-lines:6}.message-reply-preview{max-width:100%;color:var(--color-text);margin:0 0 var(--space-3);background:#ffffffb3;border-radius:10px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;padding:10px 12px;text-decoration:none;display:grid}.message-reply-preview:hover{background:#ffffffb8}.message.is-mine .message-reply-preview{color:var(--color-on-accent);background:#ffffff2e}.message.is-mine .message-reply-preview strong,.message.is-mine .message-reply-preview p{color:var(--color-on-accent)}.message.is-mine .message-reply-preview:hover{background:#ffffff47}.composer-reply-preview{border-radius:var(--radius-small);background:#ffffffbd;gap:1px;padding:7px 9px;display:grid;box-shadow:inset 0 0 0 1px #18212f14}.message-reply-preview>span,.composer-reply-preview span{gap:1px;min-width:0;display:grid}.message-reply-preview .avatar-stack{--avatar-size:32px;--avatar-badge-size:13px;--avatar-badge-overlap:.82;font-size:12px}.message-reply-preview strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.25;overflow:hidden}.composer-reply-preview span{color:var(--color-text-muted);font-size:11px;font-weight:800}.message-reply-preview p,.composer-reply-preview p{color:inherit;overflow-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.message-text.is-collapsed{-webkit-line-clamp:var(--message-collapse-lines,8);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.message-attachments{gap:var(--space-2);width:fit-content;max-width:100%;margin-top:var(--space-2);display:grid}.message-attachments.has-image-grid{grid-template-columns:repeat(2,minmax(0,156px));align-items:start;width:auto}.message-attachments.is-single-image{display:block}.message-text+.message-attachments{margin-top:var(--space-3)}.message-image-button{border-radius:var(--radius-small);width:fit-content;max-width:100%;color:inherit;background:0 0;border:0;justify-self:start;padding:0;display:block;overflow:hidden}.message-image-button:not(:disabled):hover{background:0 0}.message-image{width:auto;max-width:min(100%,320px);height:auto;display:block}.message-attachments.has-image-grid .message-image-button{aspect-ratio:1;width:100%}.message-attachments.has-image-grid .message-image{object-fit:cover;width:100%;height:100%}.message-file{border-radius:var(--radius-small);color:var(--color-text);align-items:center;gap:var(--space-1) var(--space-3);padding:var(--space-3);background:#ffffffb3;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.message-attachments.has-image-grid .message-file{grid-column:1/-1}.message-file-type{border-radius:var(--radius-small);background:var(--color-surface-muted);min-width:44px;min-height:44px;color:var(--color-text-muted);letter-spacing:0;grid-row:1/3;place-items:center;font-size:11px;font-weight:900;display:grid}.message-file-name{text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-weight:700;overflow:hidden}.message-file-size{color:var(--color-text-muted);grid-column:2;font-size:12px}.message-file-save{color:var(--color-accent-strong);grid-area:1/3/3;font-size:13px;font-weight:800}.message.is-mine .message-file{background:#ffffffe0}.message-reactions{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex;position:relative}.message-reaction-summary,.message-reaction-picker{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:inline-flex}.message-reaction-count{background:var(--color-surface-muted);min-height:26px;color:var(--color-text);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-flex}.message-reaction-count span:first-child,.message-reaction-button span:first-child{font-size:17px;line-height:1}.message-reaction-count:not(:disabled):hover{background:var(--color-hover)}.message-reaction-count.is-active{outline:2px solid rgb(var(--color-accent-rgb) / 35%)}.message-reaction-empty{color:var(--color-text-muted);font-size:12px}.message-reaction-open-button{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--color-text-muted);opacity:.72;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;font-size:18px;font-weight:800;line-height:1;transition:background-color .12s,color .12s,opacity .12s;display:inline-flex}.message-reaction-open-button:not(:disabled):hover{background:var(--color-hover);color:var(--color-text);opacity:1;text-decoration:none}.message:hover .message-reaction-open-button,.message:focus-within .message-reaction-open-button{opacity:.92}.message-reactions:has(.message-reaction-picker) .message-reaction-open-button{opacity:.92}.message-reaction-picker{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);width:max-content;max-width:min(280px,80vw);box-shadow:var(--shadow-soft);border-radius:999px;padding:6px;position:absolute;bottom:calc(100% + 6px);left:0}.message-reaction-button{color:var(--color-text);background:#ffffffb8;border-radius:999px;align-items:center;gap:3px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-flex}.message-reaction-button:not(:disabled):hover,.message-reaction-button.is-active{background:var(--color-hover)}.message.is-mine .message-reaction-picker{left:auto;right:0}.message-reaction-detail{z-index:2;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-width:180px;max-width:min(260px,80vw);box-shadow:var(--shadow-soft);color:var(--color-text);gap:var(--space-2);padding:var(--space-3);display:grid;position:absolute;bottom:calc(100% + 6px);left:0}.message.is-mine .message-reaction-detail{left:auto;right:0}.message-reaction-detail-header{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:13px;font-weight:800;display:flex}.message-reaction-detail-close{color:var(--color-text-muted);background:0 0;border:0;padding:0;font-size:12px}.message-reaction-detail-close:not(:disabled):hover{color:var(--color-text);background:0 0;text-decoration:underline}.message-reaction-detail ul{gap:var(--space-1);max-height:160px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.message-reaction-detail li{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.message-reaction-error{color:var(--color-danger);font-size:12px}.image-viewer-backdrop{z-index:50;padding:var(--space-5);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0}.image-viewer{z-index:1;border-radius:var(--radius-small);background:var(--color-surface);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1100px);height:min(100%,100vh - 40px);display:grid;position:relative;overflow:hidden}.image-viewer-header{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.image-viewer-header span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.image-viewer-controls{justify-content:end;align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.image-viewer-close,.image-viewer-control,.image-viewer-download{border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text);padding:8px 10px;font-size:13px;font-weight:700}.image-viewer-close:not(:disabled):hover,.image-viewer-control:not(:disabled):hover,.image-viewer-download:hover{background:var(--color-hover)}.image-viewer-stage{cursor:grab;overscroll-behavior:contain;min-height:0;padding:var(--space-4);touch-action:none;-webkit-user-select:none;user-select:none;background-color:#141923;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25%),linear-gradient(-45deg,#ffffff14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff14 75%),linear-gradient(-45deg,#0000 75%,#ffffff14 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;overflow:auto}.image-viewer-stage.is-dragging{cursor:grabbing}.image-viewer-stage-inner{place-items:center;min-width:100%;min-height:100%;display:grid}.image-viewer-image{object-fit:contain;pointer-events:none;max-width:none;max-height:none;display:block}.image-viewer-footer{border-top:1px solid var(--color-border);color:var(--color-text-muted);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.image-viewer-download{justify-self:end;margin:0}.message-expand-button{margin-top:var(--space-2);border:1px solid rgb(var(--color-accent-strong-rgb) / 24%);color:var(--color-accent-strong);background:#ffffffb8;border-radius:999px;padding:4px 10px;font-size:13px}.message-expand-button:not(:disabled):hover{background:#fff;text-decoration:underline}.message.is-mine .message-expand-button{color:var(--color-on-accent);background:#ffffff2e;border-color:#ffffff6b}.message.is-mine .message-expand-button:not(:disabled):hover{background:#ffffff42}.message-meta{min-height:24px;color:var(--color-text-muted);flex-wrap:wrap;grid-area:3/2;justify-self:start;align-items:center;gap:6px;margin-top:4px;font-size:12px;line-height:1;display:flex}.message.is-mine .message-meta{grid-area:3/1;justify-content:flex-end;justify-self:end;padding-right:2px}.message-cancel-form{align-items:center;gap:var(--space-2);display:inline-flex}.message-actions-menu{position:relative}.message-actions-menu summary,.message-actions-menu-summary{width:30px;min-width:30px;height:30px;min-height:30px;color:var(--color-text-muted);cursor:pointer;opacity:.72;background:0 0;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:0;font-size:20px;font-weight:800;line-height:1;list-style:none;transition:background-color .12s,color .12s,opacity .12s;display:inline-flex}.message-actions-menu summary::-webkit-details-marker{display:none}.message-actions-menu summary:hover{background:var(--color-hover);color:var(--color-text);opacity:1;text-decoration:none}.message:hover .message-actions-menu summary,.message:focus-within .message-actions-menu summary,.message-actions-menu[open] summary{opacity:.92}.message-actions-popover{z-index:35;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-width:120px;box-shadow:var(--shadow-soft);padding:var(--space-2);gap:2px;display:grid;position:absolute;bottom:calc(100% + 6px);right:0}.message-actions-popover .message-cancel-form{display:grid}.message-actions-popover .message-reply-link,.message-actions-popover .message-cancel-button{width:100%;min-height:38px;padding:0 var(--space-2);justify-content:flex-start;margin:0}.message-reply-link{min-height:32px;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;margin:-6px -8px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.message-reply-link:hover{background:var(--color-surface-muted);color:var(--color-text);text-decoration:none}.message-reply-return-button{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-accent-strong);margin-top:var(--space-2);border-radius:999px;grid-area:4/2;padding:8px 12px;font-size:13px}.message.is-mine .message-reply-return-button{grid-column:1}.message-reply-return-button:not(:disabled):hover{background:var(--color-surface-muted)}.message-cancel-button{min-height:32px;color:var(--color-danger);background:0 0;border:0;border-radius:999px;align-items:center;margin:-6px -8px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.message-cancel-button:not(:disabled):hover{background:var(--color-danger-muted);color:var(--color-danger);text-decoration:none}.message.is-mine .message-cancel-button{color:var(--color-text-muted)}.message.is-mine .message-cancel-button:not(:disabled):hover{color:var(--color-text)}.message-cancel-error{color:var(--color-danger)}.composer{border-top:1px solid var(--color-border);align-items:end;gap:var(--space-3);padding:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.composer-reply-preview{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;margin-bottom:0}.composer-reply-preview p{color:var(--color-text)}.composer-reply-cancel{color:var(--color-accent-strong);font-size:13px;font-weight:700}.composer input[type=text],.composer input:not([type]),.composer textarea{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);min-width:0;color:var(--color-text);padding:10px 12px}.composer textarea{resize:none;max-height:160px;line-height:1.45;overflow:auto}.composer-submit-button{background:var(--color-accent);width:42px;min-width:42px;height:42px;color:var(--color-on-accent);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-self:end;place-items:center;padding:0;display:grid}.composer-submit-button:not(:disabled):hover{background:var(--color-accent-strong)}.composer-submit-button:disabled{background:var(--color-surface-muted);color:var(--color-text-muted);cursor:not-allowed}.composer-submit-icon{font-size:22px;line-height:1;display:block}.composer-mention-menu{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-soft);margin-top:calc(var(--space-2) * -1);grid-column:2/3;display:grid;overflow:hidden}.composer-mention-item{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:40px;color:var(--color-text);text-align:left;padding:0 var(--space-3);background:0 0;border:0;border-radius:0;display:flex}.composer-mention-item:not(:disabled):hover{background:var(--color-surface-muted)}.composer-mention-item span{color:var(--color-text-muted);font-size:12px}.composer-attachment-menu{align-self:end;position:relative}.composer-attachment-button{border-radius:var(--radius-small);background:var(--color-surface-muted);width:42px;height:42px;color:var(--color-accent-strong);cursor:pointer;place-items:center;font-size:22px;font-weight:800;list-style:none;display:grid}.composer-attachment-button::-webkit-details-marker{display:none}.composer-attachment-menu-popover{z-index:35;right:auto;bottom:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-width:152px;box-shadow:var(--shadow-soft);padding:var(--space-2);gap:2px;display:grid;position:absolute;left:0}.composer-attachment-menu-item{border-radius:var(--radius-small);min-height:40px;color:var(--color-text);padding:0 var(--space-3);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;font-size:13px;display:flex}.composer-attachment-menu-item:not(:disabled):hover{background:var(--color-surface-muted)}.composer-attachment-menu input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.composer-message,.composer-upload-message,.composer-attachment-summary{margin:calc(var(--space-2) * -1) 0 0;color:var(--color-text-muted);grid-column:1/-1;font-size:12px}.composer-message{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.composer-message p{margin:0}.composer-retry-button{background:var(--color-surface-muted);min-height:30px;color:var(--color-text);padding:0 var(--space-2);font-size:12px}.composer-retry-button:not(:disabled):hover{background:var(--color-hover)}.composer-upload-message{margin:0;font-weight:700}.composer-attachment-summary{gap:var(--space-2);margin:0;display:grid}.composer-attachment-summary-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.composer-attachment-clear-button,.composer-attachment-remove-button{min-height:32px;color:var(--color-accent-strong);padding:0 var(--space-2);background:0 0;border:0;font-size:12px}.composer-attachment-clear-button:not(:disabled):hover,.composer-attachment-remove-button:not(:disabled):hover{background:var(--color-surface-muted)}.composer-attachment-list{gap:var(--space-2);max-height:168px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.composer-attachment-item{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-small);padding:var(--space-2);background:#ffffffd1;grid-template-columns:44px minmax(0,1fr) auto;display:grid}.composer-attachment-preview,.composer-attachment-file-icon{border-radius:var(--radius-small);width:44px;height:44px}.composer-attachment-preview{object-fit:cover}.composer-attachment-file-icon{background:var(--color-surface-muted);color:var(--color-text-muted);place-items:center;font-size:10px;font-weight:800;display:grid}.composer-attachment-info{gap:2px;min-width:0;display:grid}.composer-attachment-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.composer-message.is-error{color:var(--color-danger)}@media (max-width:760px){.message{max-width:94%}.message>.avatar-stack{--avatar-size:32px;--avatar-badge-size:14px;--avatar-badge-overlap:.82;font-size:12px}.message-list{padding:var(--space-4) var(--space-3) var(--space-6)}.message-reaction-count,.message-reply-link,.message-cancel-button{min-height:40px}.message-reaction-open-button,.message-actions-menu summary{opacity:.62;background:0 0;width:34px;min-width:34px;height:34px;min-height:34px}.message-reaction-open-button:not(:disabled):active,.message-actions-menu summary:active,.message-actions-menu[open] summary{background:var(--color-surface-muted);opacity:1}.message-reactions:has(.message-reaction-picker) .message-reaction-open-button{background:var(--color-surface-muted);opacity:1}.message-reply-link,.message-cancel-button{margin:-8px -10px;padding:0 10px}.image-viewer-header{grid-template-columns:1fr}.image-viewer-controls{justify-content:stretch}.image-viewer-control,.image-viewer-close{flex:auto}.composer{padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.message-attachments.has-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-message-jump-button{bottom:calc(82px + env(safe-area-inset-bottom))}}
.material-symbols-outlined{letter-spacing:normal;text-transform:none;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;direction:ltr;width:1em;height:1em;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}
.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-button{width:42px;padding:0;font-size:22px}.section-title-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.section-title-row span,.status-pill{background:var(--color-surface);color:var(--color-text-muted);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.status-pill{margin:var(--space-2) 0 0;width:fit-content}.empty-text,.inline-message{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.inline-form{gap:var(--space-1);justify-items:end;display:grid}.inline-message.is-error{color:var(--color-danger)}.inline-message.is-success{color:var(--color-success)}.secondary-button{border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.secondary-button:not(:disabled):hover{background:var(--color-hover)}.link-button{border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-on-accent);justify-content:center;align-items:center;padding:10px 14px;font-weight:700;display:inline-flex}.link-button:hover{background:var(--color-accent-strong);text-decoration:none}.danger-button{background:var(--color-danger-muted);color:var(--color-danger)}.danger-button:not(:disabled):hover{background:var(--color-danger-hover)}@media (max-width:760px){.inline-form{justify-content:stretch;justify-items:stretch}}
.chat-action,.text-link{color:var(--color-accent-strong);font-weight:700}.link-button.is-danger,.app-menu-desktop-link.is-danger,.app-menu-item.is-danger,.chat-header-popover .app-menu-item.is-danger,.chat-header-popover .link-button.is-danger,.app-menu-popover .app-menu-item.is-danger,.app-menu-popover .link-button.is-danger{color:var(--color-danger)}.link-button.is-danger:not(:disabled):hover,.app-menu-desktop-link.is-danger:not(:disabled):hover,.app-menu-item.is-danger:not(:disabled):hover,.chat-header-popover .app-menu-item.is-danger:not(:disabled):hover,.chat-header-popover .link-button.is-danger:not(:disabled):hover,.app-menu-popover .app-menu-item.is-danger:not(:disabled):hover,.app-menu-popover .link-button.is-danger:not(:disabled):hover{background:var(--color-danger-muted);color:var(--color-danger);text-decoration:none}.app-menu{justify-content:end;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex;position:relative}.app-menu-desktop-nav{justify-content:end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-menu-desktop-nav form{margin:0}.app-menu-desktop-link{border-radius:var(--radius-small);min-height:38px;color:var(--color-text-muted);padding:0 var(--space-2);background:0 0;border:0;align-items:center;font-size:13px;font-weight:800;display:inline-flex}button.app-menu-desktop-link{cursor:pointer}.app-menu-desktop-link[aria-current=page]{background:var(--color-surface-muted);color:var(--color-accent-strong)}.app-menu-desktop-link:hover,button.app-menu-desktop-link:not(:disabled):hover{background:var(--color-surface-muted);color:var(--color-text);text-decoration:none}.app-menu-actions,.app-menu-mobile{position:relative}.app-menu-mobile{display:none}.app-menu-button{border-radius:var(--radius-small);background:var(--color-surface-muted);min-height:38px;color:var(--color-text);cursor:pointer;padding:0 var(--space-3);justify-content:center;align-items:center;font-weight:800;list-style:none;display:inline-flex}.app-menu-button-icon{display:none}.app-menu-button::-webkit-details-marker{display:none}.app-menu-button:after{content:"⌄";width:auto;height:auto;margin-left:var(--space-2);border:0;font-size:13px;line-height:1;transform:translateY(-1px)}.app-menu[open] .app-menu-button,.app-menu-button:hover{background:var(--color-hover)}.app-menu-popover{z-index:40;top:calc(100% + var(--space-2));width:min(260px, calc(100vw - var(--space-5) * 2));border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);box-shadow:var(--shadow-soft);padding:var(--space-2);display:grid;position:absolute;right:0;overflow:hidden}.app-menu-section{padding:var(--space-2) 0;gap:2px;display:grid}.app-menu-section+.app-menu-section{border-top:1px solid var(--color-border)}.app-menu-section form{margin:0}.app-menu-item,.app-menu .link-button,.chat-header-popover .app-menu-item,.chat-header-popover .link-button,.app-menu-popover .app-menu-item,.app-menu-popover .link-button{border-radius:var(--radius-small);width:100%;min-height:40px;color:var(--color-text);padding:0 var(--space-3);text-align:left;background:0 0;border:0;justify-content:flex-start;align-items:center;font-weight:700;display:flex}.app-menu-item[aria-current=page]{background:var(--color-surface-muted);color:var(--color-accent-strong)}.app-menu-item:hover,.app-menu .link-button:not(:disabled):hover,.chat-header-popover .app-menu-item:hover,.chat-header-popover .link-button:not(:disabled):hover,.app-menu-popover .app-menu-item:hover,.app-menu-popover .link-button:not(:disabled):hover{background:var(--color-surface-muted);text-decoration:none}.conversation-background-menu{gap:var(--space-2);padding:0 var(--space-2) var(--space-2);display:grid}.conversation-background-menu p{color:var(--color-text-muted);margin:0;font-size:12px;font-weight:800}.conversation-background-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.conversation-background-options form,.conversation-background-image-form{margin:0}.conversation-background-option{border:1px solid var(--color-border);background:var(--color-surface-muted);width:100%;min-height:36px;color:var(--color-text);padding:0 var(--space-2);font-size:12px}.conversation-background-option[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent-strong);outline:2px solid rgb(var(--color-accent-rgb) / 18%)}.conversation-background-image-form{gap:var(--space-2);display:grid}.conversation-background-file{grid-template-columns:1fr}.conversation-background-image-form>button{width:100%}@media (max-width:760px){.app-menu{flex:none}.app-menu-desktop-nav,.app-menu-actions{display:none}.app-menu-mobile{display:block}.app-page-header .app-menu{justify-content:end;width:auto;margin-left:auto}.app-page-header .app-menu-mobile,.app-page-header .app-menu-button{width:auto}.app-page-header .app-menu-button{min-width:42px;min-height:38px;padding:0 var(--space-3);justify-content:center}.app-menu-button-label{display:none}.app-menu-button-icon{font-size:18px;line-height:1;display:inline}.app-menu-button:after{display:none}}
.app-modal-layer{z-index:70;padding:clamp(var(--space-3), 3vw, var(--space-6));place-items:center;display:grid;position:fixed;inset:0}.app-modal-backdrop{background:#18212f52;position:absolute;inset:0}.app-modal{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);width:min(100%,760px);max-height:min(92dvh,980px);box-shadow:var(--shadow-soft);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.app-modal.is-wide{width:min(100%,1120px)}.app-modal-header{z-index:2;border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);display:flex;position:sticky;top:0}.app-modal-header h1{margin:0;font-size:22px;line-height:1.25}.app-modal-close{background:var(--color-surface-muted);width:38px;height:38px;color:var(--color-text);border-radius:999px;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid}.app-modal-close:hover{background:var(--color-hover);text-decoration:none}.app-modal-body{min-height:0;padding:clamp(var(--space-3), 2.3vw, var(--space-5));overflow:auto}.app-modal-body>.friend-layout,.app-modal-body>.profile-layout,.app-modal-body>.settings-content{width:min(100%,1040px);margin-inline:auto}.app-modal-body :is(.friend-section,.settings-section,.profile-form-fields)>div:first-child{gap:var(--space-1);display:grid}.app-modal-body :is(.friend-section,.settings-section,.profile-form-fields) h2{line-height:1.3}@media (max-width:760px){.app-modal-layer{align-items:stretch;padding:0}.app-modal{border:0;border-radius:0;width:100%;max-height:100dvh}.app-modal-body>.friend-layout,.app-modal-body>.profile-layout,.app-modal-body>.settings-content{width:100%}}
.confirm-dialog-note{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.confirm-dialog-backdrop{z-index:60;padding:var(--space-5);background:#18212f73;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog-dismiss{background:0 0;border:0;border-radius:0;padding:0;position:absolute;inset:0}.confirm-dialog-dismiss:not(:disabled):hover{background:0 0}.confirm-dialog{z-index:1;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:min(100%,360px);box-shadow:var(--shadow-soft);color:var(--color-text);gap:var(--space-3);padding:var(--space-5);display:grid;position:relative}.confirm-dialog h3{margin:0;font-size:18px;line-height:1.4}.confirm-dialog-actions{justify-content:end;gap:var(--space-2);display:flex}.confirm-dialog-cancel-button,.confirm-dialog-submit-button{border-radius:var(--radius-small);padding:8px 12px;font-size:13px}.confirm-dialog-cancel-button{background:var(--color-surface-muted);color:var(--color-text)}.confirm-dialog-cancel-button:not(:disabled):hover{background:var(--color-hover)}.confirm-dialog-submit-button{background:var(--color-danger);color:var(--color-on-danger)}.confirm-dialog-submit-button:not(:disabled):hover{background:var(--color-danger-strong)}
.stacked-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.entity-card{border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);display:grid}.entity-card-body{gap:2px;min-width:0;display:grid}.entity-card-title{margin:0;font-size:14px;font-weight:800}.entity-card-note{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.entity-card-actions{margin-top:var(--space-2);display:flex}.entity-card-expandable{position:relative}.entity-card-mobile-summary{display:none}.entity-card-expandable-content{display:contents}@media (max-width:760px){.entity-card-expandable{gap:var(--space-2);display:grid}.entity-card-expandable-content{gap:var(--space-2);display:none}.entity-card-expandable.is-expanded .entity-card-expandable-content{display:grid}.entity-card-mobile-summary{border-radius:var(--radius-small);width:100%;color:inherit;cursor:pointer;align-items:center;gap:var(--space-3);text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;padding:0;display:grid}}
.auth-page{min-height:100vh;padding:var(--space-5);place-items:center;display:grid}.auth-panel{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:min(100%,440px);box-shadow:var(--shadow-soft);gap:var(--space-5);padding:var(--space-6);display:grid}.auth-copy{gap:var(--space-2);display:grid}.auth-copy h1,.auth-copy p{margin:0}.auth-copy h1{font-size:28px;line-height:1.2}.auth-copy p{color:var(--color-text-muted);line-height:1.7}.auth-form{gap:var(--space-4);display:grid}.auth-provider{gap:var(--space-3);display:grid}.auth-divider{color:var(--color-text-muted);align-items:center;gap:var(--space-3);grid-template-columns:1fr auto 1fr;font-size:12px;display:grid}.auth-divider:before,.auth-divider:after{background:var(--color-border);content:"";height:1px;display:block}.auth-google{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-height:44px;color:var(--color-text);justify-content:center;align-items:center;gap:var(--space-2);font-weight:700;text-decoration:none;display:flex}.auth-google:hover{border-color:var(--color-accent);background:var(--color-surface-muted)}.auth-provider-note{border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text-muted);padding:var(--space-3);margin:0;font-size:13px;line-height:1.6}.auth-google-mark{border:1px solid var(--color-border);width:22px;height:22px;color:var(--color-google);border-radius:50%;place-items:center;font-weight:800;display:inline-grid}.auth-submit{width:100%}.auth-note{margin:0;line-height:1.6}.portfolio-demo-login-panel{border:1px solid rgb(var(--color-accent-rgb) / 28%);border-radius:var(--radius-small);background:rgb(var(--color-accent-rgb) / 6%)}.portfolio-demo-login-panel>summary{cursor:pointer;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;font-size:14px;font-weight:800;list-style:none;display:flex}.portfolio-demo-login-panel>summary::-webkit-details-marker{display:none}.portfolio-demo-login-panel>summary:after{color:var(--color-text-muted);content:"›";font-size:20px;font-weight:800;line-height:1;transition:transform .12s;transform:rotate(90deg)}.portfolio-demo-login-panel[open]>summary:after{transform:rotate(-90deg)}.portfolio-demo-login-panel-body{border-top:1px solid rgb(var(--color-accent-rgb) / 18%);gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);display:grid}.portfolio-demo-login-panel-body p{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.portfolio-demo-login-password{margin-top:var(--space-2)}.portfolio-demo-login-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.portfolio-demo-login-item{align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.portfolio-demo-login-name{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:14px;font-weight:800;display:flex}.portfolio-demo-login-badge{background:var(--color-accent);color:var(--color-on-accent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.portfolio-demo-login-meta,.portfolio-demo-login-hint{color:var(--color-text-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.portfolio-demo-login-panel code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95em}@media (max-width:520px){.portfolio-demo-login-item{grid-template-columns:1fr}.portfolio-demo-login-item .secondary-button{width:100%}}.auth-register-note{margin:0}
.field{gap:var(--space-2);display:grid}.field span{font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);min-width:0;color:var(--color-text);padding:12px}.password-field{display:grid;position:relative}.password-field input{padding-right:72px}.password-visibility-button{top:50%;right:var(--space-2);min-height:32px;color:var(--color-accent-strong);padding:0 var(--space-2);background:0 0;font-size:12px;position:absolute;transform:translateY(-50%)}.password-visibility-button:not(:disabled):hover{background:var(--color-surface)}.field input[type=file]{padding:10px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-accent);outline:2px solid rgb(var(--color-accent-rgb) / 20%)}.field small{color:var(--color-text-muted);font-size:12px}.form-message{border-radius:var(--radius-small);padding:var(--space-3);margin:0}.form-message.is-error{background:var(--color-danger-muted);color:var(--color-danger)}.form-message.is-success{background:var(--color-bg-mint);color:var(--color-success)}.file-picker{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text-muted);cursor:pointer;align-items:center;gap:var(--space-3);padding:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid;position:relative}.file-picker:hover{border-color:var(--color-accent)}.file-picker:focus-within{border-color:var(--color-accent);outline:2px solid rgb(var(--color-accent-rgb) / 20%)}.file-picker-input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.file-picker-button{border-radius:var(--radius-small);background:var(--color-surface);color:var(--color-text);padding:9px 12px;font-weight:800}.file-picker-name{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.checkbox-field{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:14px;display:flex}.checkbox-field input{width:18px;height:18px;accent-color:var(--color-accent);flex:0 0 18px}
.app-page-frame{min-height:100dvh;padding:clamp(var(--space-4), 2.5vw, var(--space-8));place-items:start center;display:grid}.app-page-frame-inner{align-content:start;gap:var(--space-4);width:min(100%,1360px);display:grid}.app-page-frame-content{min-width:0}.page-two-column{align-items:start;gap:var(--space-4);grid-template-columns:minmax(280px,360px) minmax(0,1fr);display:grid}.friend-layout{grid-template-columns:minmax(0,1fr)}.page-side-sticky{top:calc(var(--space-4) + 74px);position:sticky}.profile-detail-layout{width:min(100%,760px);display:grid}@media (max-width:900px){.app-page-frame{height:calc(100dvh - 64px - env(safe-area-inset-bottom));min-height:0;padding:0;overflow:auto}.app-page-frame-inner{gap:var(--space-4);width:100%;padding:var(--space-4)}.app-page-frame-inner>.app-page-header{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;box-shadow:none;border-inline:0;border-radius:0;top:0}.page-two-column{grid-template-columns:1fr}.page-side-sticky{position:static}}
.settings-content{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);display:grid}.settings-form,.settings-side-sections{align-content:start;gap:var(--space-4);display:grid}.settings-section{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);gap:var(--space-4);padding:var(--space-4);display:grid}.danger-zone{border-color:rgb(var(--color-danger-rgb) / 24%);background:var(--color-surface);gap:var(--space-3)}.danger-zone-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.danger-zone-actions>form,.danger-zone-actions>.chat-action-form{display:contents}.danger-zone>button{justify-self:start}.danger-zone-label{background:rgb(var(--color-danger-rgb) / 8%);width:max-content;color:var(--color-danger);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;display:inline-flex}.settings-section h2,.settings-section h3,.settings-section p{margin:0}.settings-section p,.settings-preview-label{color:var(--color-text-muted);font-size:13px;line-height:1.6}.settings-help-message{border-radius:var(--radius-small);background:var(--color-surface-muted);color:var(--color-text-muted);padding:var(--space-3);margin:0;font-size:13px;line-height:1.6}.settings-help-message.is-warning{background:var(--color-warning-muted);color:var(--color-warning-text)}.settings-section-note{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.notification-history-card,.entity-card.notification-history-card{border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);display:grid}.notification-history-card-body{gap:2px;min-width:0;display:grid}.notification-history-card-body h3,.entity-card-title{margin:0;font-size:14px;font-weight:800}.notification-history-card-bio,.entity-card-note{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.notification-history-card-actions{margin-top:var(--space-2);display:flex}.notification-history-card-actions>button,.settings-section[aria-labelledby=notification-history]>form>button{min-width:96px}.settings-section[aria-labelledby=notification-history]>form{display:flex}.settings-toggle-group,.notification-options{gap:var(--space-2);grid-template-columns:1fr;display:grid}.settings-toggle-row,.notification-option{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-height:44px;padding:0 var(--space-3);align-items:center}.settings-toggle-row span,.notification-option span{gap:2px;display:grid}.settings-toggle-row strong,.notification-option strong{color:var(--color-text);font-size:14px}.settings-toggle-row small,.notification-option small{color:var(--color-text-muted);font-size:12px;line-height:1.5}.hidden-conversation-list{gap:var(--space-2);display:grid}.hidden-conversation-item{border-radius:var(--radius-small);background:var(--color-surface-muted);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.hidden-conversation-summary{gap:3px;min-width:0;display:grid}.hidden-conversation-summary h3,.hidden-conversation-summary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden-conversation-summary h3{margin:0;font-size:14px;font-weight:800}.hidden-conversation-summary small{color:var(--color-text-muted);font-size:12px}.hidden-conversation-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hidden-conversation-actions form{margin:0}.font-size-setting,.background-setting,.send-key-setting,.font-family-setting{gap:var(--space-3);border:0;min-width:0;margin:0;padding:0;display:grid}.font-size-setting legend,.background-setting legend,.send-key-setting legend,.font-family-setting legend{margin:0 0 var(--space-1);font-size:16px;font-weight:800}.font-size-options,.background-options,.send-key-options,.font-family-options{gap:var(--space-2);display:grid}.font-size-options{grid-template-columns:repeat(5,minmax(0,1fr))}.font-family-options{grid-template-columns:repeat(3,minmax(0,1fr))}.send-key-options{grid-template-columns:repeat(4,minmax(0,1fr))}.background-options{grid-template-columns:repeat(5,minmax(0,1fr))}.font-size-option,.background-option,.send-key-option,.font-family-option{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-muted);cursor:pointer;min-height:46px;padding:var(--space-2);text-align:center;place-items:center;display:grid;position:relative}.background-option{color:var(--color-text);gap:2px;min-height:64px}.font-size-option input,.background-option input,.send-key-option input,.font-family-option input{opacity:0;pointer-events:none;position:absolute}.font-size-option span,.background-option span,.send-key-option span,.font-family-option span{font-weight:800}.background-option small{color:var(--color-text-muted);font-size:11px;font-weight:700}.font-size-option.is-xsmall span{font-size:12px}.font-size-option.is-small span{font-size:13px}.font-size-option.is-medium span{font-size:15px}.font-size-option.is-large span{font-size:17px}.font-size-option.is-xlarge span{font-size:19px}.font-size-option.is-selected,.background-option.is-selected,.send-key-option.is-selected,.font-family-option.is-selected{border-color:var(--color-accent);color:var(--color-accent-strong);outline:2px solid rgb(var(--color-accent-rgb) / 20%)}.settings-preview{gap:var(--space-2);display:grid}@media (max-width:900px){.settings-content{gap:var(--space-3);grid-template-columns:1fr}.settings-section{padding:var(--space-3)}.font-size-options,.font-family-options,.send-key-options,.background-options{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-toggle-group,.notification-options{grid-template-columns:1fr}.hidden-conversation-item{grid-template-columns:auto minmax(0,1fr)}.hidden-conversation-actions{grid-column:1/-1;justify-content:stretch}.hidden-conversation-actions a,.hidden-conversation-actions form,.hidden-conversation-actions button{width:100%}}@media (max-width:480px){.send-key-options{grid-template-columns:1fr}}
.profile-layout,.profile-detail-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr);width:min(100%,1120px);display:grid}.profile-conversation-actions{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);gap:var(--space-3);padding:var(--space-4);display:grid}.profile-conversation-actions h2{margin:0;font-size:18px}.profile-conversation-action-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-conversation-action-row form{margin:0}.profile-card{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);overflow:hidden}.profile-card-cover{background:radial-gradient(circle at 20% 30%, rgb(var(--color-accent-rgb) / 18%), transparent 34%), linear-gradient(135deg, rgb(var(--color-accent-rgb) / 12%), #eef2f6bd), var(--color-surface-muted);width:100%;height:clamp(180px,15vw,240px);position:relative}.profile-cover-image{object-fit:cover;width:100%;height:100%}.profile-card-body{align-items:start;gap:var(--space-4);padding:0 var(--space-5) var(--space-5);grid-template-columns:auto minmax(0,1fr);margin-top:-44px;display:grid}.profile-card-copy{gap:var(--space-1);min-width:0;display:grid}.profile-card-copy h2{margin:0;padding-top:46px;font-size:28px;line-height:1.25}.profile-avatar{background:var(--color-accent);border:4px solid var(--color-surface);width:92px;height:92px;color:var(--color-on-accent);border-radius:50%;place-items:center;font-size:30px;font-weight:800;display:grid;position:relative;overflow:hidden}.profile-image-edit-link,.profile-avatar-edit-button,.profile-avatar-delete-button{color:var(--color-on-accent);opacity:0;pointer-events:none;background:#18212fad;border-radius:999px;justify-content:center;align-items:center;font-size:12px;font-weight:800;transition:opacity .12s;display:inline-flex}.profile-cover-actions{right:var(--space-4);bottom:var(--space-4);align-items:center;gap:var(--space-2);display:inline-flex;position:absolute}.profile-image-edit-link{min-height:34px;padding:0 var(--space-3);border:0}.profile-image-delete-button{width:34px;height:34px;color:var(--color-on-accent);opacity:0;pointer-events:none;background:#18212fad;border:0;border-radius:999px;place-items:center;font-size:20px;font-weight:800;line-height:1;transition:opacity .12s;display:inline-grid}.profile-avatar-edit-button{border:0;padding:0;position:absolute;inset:0}.profile-avatar-delete-button{z-index:1;border:0;width:24px;height:24px;padding:0;font-size:16px;line-height:1;position:absolute;bottom:7px;right:7px}.profile-card-cover:hover .profile-image-edit-link,.profile-card-cover:hover .profile-image-delete-button,.profile-avatar:hover .profile-avatar-edit-button,.profile-avatar:hover .profile-avatar-delete-button,.profile-card-editable.is-media-editing .profile-image-edit-link,.profile-card-editable.is-media-editing .profile-image-delete-button,.profile-card-editable.is-media-editing .profile-avatar-edit-button,.profile-card-editable.is-media-editing .profile-avatar-delete-button,.profile-image-edit-link:focus,.profile-image-delete-button:focus,.profile-avatar-edit-button:focus,.profile-avatar-delete-button:focus{opacity:1;pointer-events:auto;text-decoration:none}.profile-card-editable .profile-card-cover,.profile-card-editable .profile-avatar{cursor:pointer}@media (hover:none){.profile-card-editable:not(.is-media-editing) .profile-image-edit-link,.profile-card-editable:not(.is-media-editing) .profile-image-delete-button,.profile-card-editable:not(.is-media-editing) .profile-avatar-edit-button,.profile-card-editable:not(.is-media-editing) .profile-avatar-delete-button{opacity:0;pointer-events:none}}.profile-avatar-image{object-fit:cover;width:100%;height:100%}.profile-meta,.profile-bio p{color:var(--color-text-muted);margin:0;line-height:1.6}.profile-bio p{white-space:pre-wrap}.profile-bio{justify-items:start;gap:var(--space-1);display:grid}.profile-bio-toggle{color:var(--color-accent-strong);background:0 0;padding:0;font-size:13px}.profile-bio-toggle:not(:disabled):hover{background:0 0;text-decoration:underline}.profile-status-message{color:var(--color-text);margin:0;font-weight:600;line-height:1.5}.profile-tag-list{gap:var(--space-2);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.profile-tag{background:rgb(var(--color-accent-rgb) / 12%);color:var(--color-accent-strong);border-radius:999px;align-items:center;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.field-note{color:var(--color-text-muted);margin:0;font-size:12px;line-height:1.5}.profile-tag-editor-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile-tag-editor-item{background:rgb(var(--color-accent-rgb) / 12%);color:var(--color-accent-strong);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 12px;font-size:13px;font-weight:600;display:inline-flex}.profile-tag-remove{width:20px;min-width:20px;height:20px;color:var(--color-accent-strong);background:0 0;border-radius:999px;flex-shrink:0;place-items:center;padding:0;font-size:15px;font-weight:700;line-height:1;display:inline-grid}.profile-tag-remove:not(:disabled):hover{background:rgb(var(--color-accent-rgb) / 18%);color:var(--color-accent-strong)}.profile-tag-editor-input{gap:var(--space-2);display:flex}.profile-tag-editor-input input{flex:1;min-width:0}.profile-tag-editor-input button{flex-shrink:0}.profile-share-panel,.profile-share-disabled{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);gap:var(--space-3);padding:var(--space-4);display:grid}.profile-share-header h2,.profile-share-disabled h2{margin:0;font-size:18px}.profile-share-note,.profile-share-disabled p{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.profile-share-body{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.profile-share-qr{border:1px solid var(--color-border);border-radius:var(--radius-small);width:136px;height:136px;padding:var(--space-2);background:#fff;place-items:center;display:grid}.profile-share-qr svg{width:100%;height:100%}.profile-share-actions{gap:var(--space-2);min-width:0;display:grid}.profile-share-url-label{color:var(--color-text-muted);margin:0;font-size:12px;font-weight:700}.profile-share-url{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;overflow:hidden}.profile-share-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-share-feedback{min-height:16px;color:var(--color-text-muted);margin:0;font-size:12px}.profile-share-feedback.is-error{color:var(--color-danger)}@media (max-width:560px){.profile-share-body{text-align:center;grid-template-columns:1fr;justify-items:center}.profile-share-actions{width:100%}.profile-share-url{white-space:normal;word-break:break-all}}.profile-form{gap:var(--space-4);display:grid}.profile-form-fields{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);gap:var(--space-4);min-width:0;padding:var(--space-4);display:grid}.profile-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.profile-selected-file{min-height:20px;color:var(--color-text-muted);margin:0;font-size:12px}.profile-form-fields>button[type=submit]{justify-self:end;min-width:180px}@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-card-cover{height:158px}.profile-card-body{grid-template-columns:1fr;margin-top:-38px}.profile-card-copy h2{padding-top:0}.profile-form-fields>button[type=submit]{justify-self:stretch}}
.public-shell{background:var(--color-surface-muted);flex-direction:column;min-height:100dvh;display:flex}.public-shell-header{width:min(100%,720px);padding:var(--space-4) var(--space-4) 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.public-shell-brand{color:var(--color-accent-strong);letter-spacing:.02em;font-size:22px;font-weight:800}.public-shell-link{color:var(--color-accent-strong);font-size:14px;font-weight:700}.public-shell-link:hover{text-decoration:underline}.public-shell-main{width:min(100%,720px);padding:var(--space-5) var(--space-4);flex:1;align-content:start;margin:0 auto;display:grid}.public-shell-footer{width:min(100%,720px);padding:var(--space-4);color:var(--color-text-muted);text-align:center;margin:0 auto;font-size:12px}.public-profile-layout{gap:var(--space-4);display:grid}.public-profile-action-section{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:var(--space-4);display:grid}.public-profile-actions{justify-items:start;gap:var(--space-2);display:grid}.public-profile-actions form{margin:0}.public-profile-relationship{color:var(--color-text);margin:0;font-weight:600}.public-profile-hint{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.6}.public-profile-empty{justify-items:start;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);padding:var(--space-5);display:grid}.public-profile-empty h1{margin:0;font-size:22px}.public-profile-empty p{color:var(--color-text-muted);margin:0;line-height:1.7}
.friend-layout,.friend-tabs{gap:var(--space-4);display:grid}.friend-tablist{gap:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-muted);grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.friend-tab{border-radius:calc(var(--radius-control) - 3px);color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:9px 10px;font-weight:700;display:inline-flex}.friend-tab.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0f172a14}.friend-tab-badge{background:var(--color-accent);min-width:18px;height:18px;color:var(--color-on-accent);border-radius:999px;place-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-grid}.friend-add-panel{gap:var(--space-4);display:grid}.member-search-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.member-search-form button{white-space:nowrap}.friend-profile-link-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.friend-profile-link-form button{white-space:nowrap}@media (max-width:560px){.friend-profile-link-form{grid-template-columns:1fr}}.member-search-status{color:var(--color-text);margin:0;font-size:13px;line-height:1.5}@media (max-width:560px){.member-search-form{grid-template-columns:1fr}}.member-search-result-card{border-radius:var(--radius-small);background:var(--color-surface-muted);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.member-search-result-card-body{gap:2px;min-width:0;display:grid}.friend-section{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);gap:var(--space-4);padding:var(--space-4);display:grid}.friend-search-section{gap:var(--space-4)}.friend-section h2,.friend-card h3{margin:0}.friend-search-section h2{font-size:18px}.friend-section-note{color:var(--color-text-muted);font-size:13px;line-height:1.6}.create-talk-room-form{gap:var(--space-3);grid-template-columns:1fr;display:grid}.create-talk-room-form .field,.create-talk-room-note,.staged-member-list{grid-column:1/-1}.group-invitation-section{border-color:rgb(var(--color-accent-rgb) / 35%);background:linear-gradient(180deg, rgb(var(--color-accent-rgb) / 6%), transparent 42%), var(--color-surface)}.group-invitation-card .group-invitation-label{color:var(--color-accent);letter-spacing:.02em;margin:0 0 4px;font-size:12px;font-weight:800}.group-management-layout .profile-form,.group-add-member-form{gap:var(--space-3);display:grid}.group-add-member-form>button{justify-self:end;min-width:160px}.group-add-friend-picker{gap:var(--space-2);display:grid}.group-add-friend-label{color:var(--color-text-muted);margin:0;font-size:13px;font-weight:800}.group-add-friend-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.group-add-friend-option{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);cursor:pointer;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.group-add-friend-option:hover{background:var(--color-hover)}.group-add-friend-option:has(input:checked){border-color:var(--color-accent);outline:2px solid rgb(var(--color-accent-rgb) / 18%)}.group-add-friend-copy{gap:2px;min-width:0;display:grid}.group-add-friend-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.group-add-friend-copy small{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.group-add-friend-option input[type=checkbox]{width:20px;height:20px}@media (max-width:760px){.group-add-member-form>button{justify-self:stretch;width:100%}}.friend-section-details summary{border-radius:var(--radius-small);cursor:pointer;justify-content:space-between;align-items:center;font-weight:800;list-style:none;display:flex}.friend-section-details summary::-webkit-details-marker{display:none}.friend-section-details summary span:last-child{background:var(--color-surface-muted);min-width:28px;min-height:24px;color:var(--color-text-muted);border-radius:999px;place-items:center;font-size:13px;display:inline-grid}.friend-search-form{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.friend-search-section>.form-message,.friend-search-section>.friend-card{width:100%}.friend-search-form button{white-space:nowrap}@media (max-width:560px){.friend-search-form{grid-template-columns:1fr}}.friend-lists{gap:var(--space-4);display:grid}.friend-list,.stacked-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.friend-card{border-radius:var(--radius-small);background:var(--color-surface-muted);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);grid-template-columns:auto minmax(0,1fr);display:grid}.friend-card.has-actions{grid-template-columns:auto minmax(0,1fr) minmax(190px,232px)}.friend-card>form{justify-self:end}.friend-card-body{gap:2px;min-width:0;display:grid}.friend-profile-link:hover,.friend-search-profile-link:hover{color:var(--color-accent-strong);text-decoration:underline}.friend-search-profile-link{margin-left:var(--space-2)}.friend-profile-summary{grid-template-columns:auto minmax(0,1fr) auto}.friend-profile-actions{justify-items:stretch;gap:var(--space-2);display:grid}.friend-card-bio{margin:var(--space-1) 0 0;color:var(--color-text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.friend-card-actions{justify-content:stretch;align-items:center;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-self:end;width:min(100%,304px);display:grid;position:relative}.friend-card-actions:has(.friend-card-menu){grid-template-columns:minmax(132px,1fr) 42px;width:min(100%,232px)}.friend-card-actions>form,.friend-card-menu{min-width:0}.friend-card-actions>form>button,.friend-card-menu summary{white-space:nowrap;justify-content:center;width:100%;min-width:0;min-height:42px}.friend-card-actions>form>button{padding-inline:var(--space-3)}.friend-card-menu{position:relative}.friend-card-menu summary{border-radius:var(--radius-small);background:var(--color-surface);min-height:40px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:900;line-height:1;list-style:none;display:inline-flex}.friend-card-menu summary::-webkit-details-marker{display:none}.friend-card-menu summary:hover{background:var(--color-hover)}.friend-card-menu-popover{z-index:35;top:calc(100% + var(--space-2));border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);min-width:160px;box-shadow:var(--shadow-soft);padding:var(--space-2);display:grid;position:absolute;right:0}.friend-card-menu-popover .inline-form{justify-items:stretch}.friend-card.is-invited-pending{background:rgb(var(--color-accent-rgb) / 7%)}.friend-card-mobile-summary{display:none}.friend-card-expandable-content{display:contents}.friend-card-mobile-copy{text-align:left;gap:2px;min-width:0;display:grid}.friend-card-mobile-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.friend-card-mobile-copy span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}@media (max-width:760px){.friend-search-form,.friend-card{grid-template-columns:1fr}.friend-card-expandable{background:0 0;gap:0;padding:0;display:grid}.friend-card-mobile-summary{border-radius:var(--radius-small);background:var(--color-surface-muted);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.friend-card-mobile-summary:after{color:var(--color-text-muted);content:"›";font-size:22px;font-weight:800;line-height:1;transition:transform .12s;transform:rotate(90deg)}.friend-card-expandable.is-expanded .friend-card-mobile-summary:after{transform:rotate(-90deg)}.friend-card-expandable-content{display:none}.friend-card-expandable.is-expanded .friend-card-expandable-content{gap:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);grid-template-columns:1fr;display:grid}.friend-card-expandable.is-invited-pending .friend-card-mobile-summary{background:rgb(var(--color-accent-rgb) / 10%)}.friend-card-expandable.is-expanded.has-actions .friend-card-expandable-content,.friend-card-expandable.is-expanded.has-actions .entity-card-expandable-content{grid-template-columns:1fr}.friend-card-expandable .entity-card-mobile-summary{border-radius:var(--radius-small);background:var(--color-surface-muted);cursor:pointer;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.friend-card-expandable .entity-card-mobile-summary:after{color:var(--color-text-muted);content:"›";font-size:22px;font-weight:800;line-height:1;transition:transform .12s;transform:rotate(90deg)}.friend-card-expandable.is-expanded .entity-card-mobile-summary:after{transform:rotate(-90deg)}.friend-card-expandable .entity-card-expandable-content{display:none}.friend-card-expandable.is-expanded .entity-card-expandable-content{gap:var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-small);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);grid-template-columns:1fr;display:grid}.friend-card-expandable.is-invited-pending .entity-card-mobile-summary{background:rgb(var(--color-accent-rgb) / 10%)}.friend-card.has-actions,.friend-profile-summary{grid-template-columns:1fr}.friend-card-actions{grid-template-columns:1fr;justify-self:stretch;width:100%}.friend-card-actions:has(.friend-card-menu){grid-template-columns:minmax(0,1fr) 44px;width:100%}}