.chat-app{height:calc(100dvh - var(--layout-header-height) - 2 * var(--space-s8));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:340px minmax(0,1fr);min-height:480px;display:grid;overflow:hidden}.chat-app.has-info{grid-template-columns:340px minmax(0,1fr) 320px}.chat-sidebar{border-right:1px solid var(--color-border);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-sidebar-head{align-items:center;gap:var(--space-s2);padding:var(--space-s4) var(--space-s4) var(--space-s2);display:flex}.chat-sidebar-head :is(h1,h2){flex:1;margin:0;font-size:22px}.chat-link{width:24px;height:24px;color:var(--color-text-muted);border-radius:50%;place-items:center;display:inline-grid}.chat-link.live{color:var(--color-success)}.chat-link.offline{color:var(--color-warning)}.chat-search{align-items:center;gap:var(--space-s2);margin:var(--space-s2) var(--space-s4);padding:0 var(--space-s3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background-secondary);color:var(--color-text-muted);display:flex}.chat-search input{min-width:0;padding:var(--space-s2) 0;background:0 0;border:0}.chat-filters{gap:var(--space-s1);padding:var(--space-s2) var(--space-s4);scrollbar-width:none;display:flex;overflow-x:auto}.chat-filters button{align-items:center;gap:var(--space-s1);border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:0;padding:6px 12px;font-size:13px;display:inline-flex}.chat-filters button.active{background:var(--color-surface-selected);color:var(--color-link);font-weight:600}.chat-badge{border-radius:var(--radius-full);background:var(--color-primary);min-width:20px;height:20px;color:var(--color-primary-foreground);place-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-grid}.chat-list{padding:var(--space-s1) var(--space-s2);flex:1;min-height:0;margin:0;list-style:none;overflow-y:auto}.chat-list:empty{flex:0}.chat-list-item{align-items:center;gap:var(--space-s3);width:100%;padding:var(--space-s3);border-radius:var(--radius-md);color:var(--color-text-primary);text-align:left;background:0 0;border:0;display:flex}.chat-list-item.active{background:var(--color-surface-selected)}.chat-avatar{width:44px;height:44px;color:var(--color-text-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:15px;font-weight:700;display:inline-grid}.chat-avatar.deleted{background:var(--color-surface-elevated);color:var(--color-text-muted);box-shadow:inset 0 0 0 1px var(--color-border)}.chat-avatar.small{width:32px;height:32px;font-size:12px}.chat-avatar.large{width:72px;height:72px;font-size:24px}.chat-list-main{flex:1;gap:2px;min-width:0;display:grid}.chat-list-top,.chat-list-bottom{align-items:center;gap:var(--space-s2);min-width:0;display:flex}.chat-list-top strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.chat-list-top svg,.chat-list-bottom svg{color:var(--color-text-muted);flex-shrink:0}.chat-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--color-text-secondary);flex:1;font-size:13px;overflow:hidden}.chat-list-item.unread .chat-preview{color:var(--color-text-primary);font-weight:600}.chat-empty-list{padding:var(--space-s4)}.chat-results{border-top:1px solid var(--color-border);padding:var(--space-s3) var(--space-s4);max-height:40%;overflow-y:auto}.chat-results h2{color:var(--color-text-secondary);margin:0 0 var(--space-s2);letter-spacing:0;font-size:13px}.chat-results ul{margin:0;padding:0;list-style:none}.chat-results button{text-align:left;width:100%;color:var(--color-text-primary);padding:var(--space-s2);border-radius:var(--radius-sm);background:0 0;border:0;font-size:13px;display:grid}.chat-results button:hover{background:var(--color-surface-hover)}.chat-results button span{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-main{background:var(--color-background-secondary);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-error{justify-content:space-between;gap:var(--space-s3);margin:var(--space-s2);display:flex}.chat-placeholder{justify-items:center;gap:var(--space-s2);padding:var(--space-s8);text-align:center;color:var(--color-text-secondary);max-width:420px;margin:auto;display:grid}.chat-placeholder h2{color:var(--color-text-primary);margin:0;font-size:20px}.chat-thread{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-thread-head{align-items:center;gap:var(--space-s3);padding:var(--space-s3) var(--space-s4);border-bottom:1px solid var(--color-border);background:var(--color-surface);display:flex}.chat-thread-head .chat-avatar{width:40px;height:40px}.chat-thread-title{flex:1;min-width:0;display:grid}.chat-thread-title h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px;overflow:hidden}.chat-thread-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-back{display:none}.chat-messages{min-height:0;padding:var(--space-s4) var(--space-s5);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-older{margin-bottom:var(--space-s3);align-self:center}.chat-day{margin:var(--space-s4) 0 var(--space-s2);justify-content:center;display:flex}.chat-day span{border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:2px 12px;font-size:12px}.chat-row{align-items:flex-end;gap:var(--space-s1);margin-top:var(--space-s2);display:flex;position:relative}.chat-row.grouped{margin-top:2px}.chat-row.mine{flex-direction:row-reverse}.chat-bubble{max-width:min(560px,78%);padding:var(--space-s2) var(--space-s3);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:16px 16px 16px 4px;gap:4px;font-size:15px;line-height:1.45;display:grid}.chat-row.mine .chat-bubble{background:var(--color-surface-selected);border-color:#0000;border-radius:16px 16px 4px}.chat-row.system .chat-bubble{background:0 0;border-style:dashed;margin:0 auto;font-size:13px}.chat-bubble.deleted{font-style:italic}.chat-bubble.failed{border-color:var(--color-error);opacity:1}.chat-sender{color:var(--color-link);text-align:start;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.chat-title-button{font:inherit;color:inherit;cursor:pointer;text-align:start;background:0 0;border:0;padding:0}.chat-info-card .media-gallery{width:120px;margin-inline:auto}.chat-info-card .media-tile{aspect-ratio:1;box-shadow:0 0 0 3px var(--color-surface), 0 0 0 5px color-mix(in srgb, var(--color-link) 45%, transparent);border-radius:50%}.chat-info-card .media-grid{grid-template-columns:1fr}.chat-person-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--space-s1) 0}.chat-status{background:var(--color-background-secondary);border-radius:var(--radius-lg);padding:var(--space-s3);width:100%}.chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.chat-quote{border-left:3px solid var(--color-link);background:var(--color-background-secondary);border-radius:4px;gap:2px;padding:4px 8px;font-size:13px;display:grid}.chat-quote strong{color:var(--color-link);font-size:12px}.chat-quote span{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-file{align-items:center;gap:var(--space-s2);padding:var(--space-s2);border-radius:var(--radius-sm);background:var(--color-background-secondary);font-size:14px;display:flex}.chat-meta{color:var(--color-text-muted);justify-self:end;align-items:center;gap:4px;font-size:11px;display:inline-flex}.chat-reactions{flex-wrap:wrap;gap:4px;display:flex}.chat-reaction{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-background-secondary);color:var(--color-text-primary);padding:0 8px;font-size:13px}.chat-reaction.mine{border-color:var(--color-link)}.chat-row-actions{opacity:0;transition:opacity var(--duration-fast);gap:2px;display:flex;position:relative}.chat-row:hover .chat-row-actions,.chat-row:focus-within .chat-row-actions{opacity:1}.chat-row-actions .icon-button{background:var(--color-surface);border:0}.chat-menu{z-index:20;min-width:200px;padding:var(--space-s1);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);background:var(--color-surface-elevated);box-shadow:var(--shadow-lg);display:grid;position:absolute;bottom:calc(100% + 4px);right:0}.chat-row:not(.mine) .chat-menu{left:0;right:auto}.chat-menu>button{align-items:center;gap:var(--space-s2);color:var(--color-text-primary);padding:var(--space-s2) var(--space-s3);border-radius:var(--radius-sm);text-align:left;background:0 0;border:0;font-size:14px;display:flex}.chat-menu>button:hover{background:var(--color-surface-hover)}.chat-menu>button.danger,.danger-text{color:var(--color-error)}.chat-emoji-row{padding:var(--space-s1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-s1);justify-content:space-between;display:flex}.chat-emoji-row button{border-radius:var(--radius-sm);background:0 0;border:0;padding:4px;font-size:18px}.chat-emoji-row button:hover{background:var(--color-surface-hover)}.chat-jump{right:var(--space-s5);align-items:center;gap:var(--space-s1);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-foreground);box-shadow:var(--shadow-md);border:0;padding:6px 12px;font-size:13px;display:inline-flex;position:absolute;bottom:88px}.chat-composer{gap:var(--space-s2);padding:var(--space-s3) var(--space-s4) calc(var(--space-s3) + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface);display:grid}.chat-composer-context{justify-content:space-between;align-items:center;gap:var(--space-s2);padding:var(--space-s1) var(--space-s3);border-left:3px solid var(--color-link);background:var(--color-background-secondary);color:var(--color-text-secondary);border-radius:4px;font-size:13px;display:flex}.chat-composer-context span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-composer-row{align-items:flex-end;gap:var(--space-s2);display:flex}.chat-composer textarea{resize:none;border-radius:22px;flex:1;min-height:44px;max-height:180px;padding:10px 16px;line-height:1.45}.chat-send{border-radius:50%;width:44px;padding:0}.chat-request-bar{gap:var(--space-s3);padding:var(--space-s4);border-top:1px solid var(--color-border);background:var(--color-surface);display:grid}.chat-request-bar p{margin:0}.chat-readonly{padding:var(--space-s4);text-align:center;border-top:1px solid var(--color-border);margin:0}.chat-info{border-left:1px solid var(--color-border);padding:var(--space-s4);gap:var(--space-s4);align-content:start;display:grid;overflow-y:auto}.chat-info-head{justify-content:space-between;align-items:center;display:flex}.chat-info-head h2{letter-spacing:0;margin:0;font-size:16px}.chat-info-card{justify-items:center;gap:var(--space-s1);text-align:center;display:grid}.chat-info-actions{gap:var(--space-s1);grid-template-columns:1fr 1fr;display:grid}.chat-info-actions .button{justify-content:flex-start}.chat-info-section{gap:var(--space-s2);border-top:1px solid var(--color-border);padding-top:var(--space-s3);display:grid}.chat-info-section h3{letter-spacing:0;margin:0;font-size:14px}.chat-invite{gap:var(--space-s2);display:grid}.chat-invite code{word-break:break-all;padding:var(--space-s2);border-radius:var(--radius-sm);background:var(--color-background-secondary);font-size:12px}.chat-members{gap:var(--space-s2);margin:0;padding:0;list-style:none;display:grid}.chat-members li{gap:var(--space-s2);grid-template-columns:auto 1fr;align-items:center;display:grid}.chat-members .row-actions{flex-wrap:wrap;grid-column:2}.chat-member-name{font-size:14px;display:grid}.chat-file-picker{margin:var(--space-s3) 0 0;max-height:320px;padding:0;list-style:none;overflow-y:auto}.chat-bubble .media-gallery{width:min(260px,65vw);margin-block:var(--space-s2)}.chat-bubble .media-grid{grid-template-columns:minmax(0,1fr)}.chat-bubble .media-tile{aspect-ratio:4/3;border-radius:var(--radius-md);background:var(--color-background-secondary);max-height:27rem}.chat-bubble .media-tile :is(img,video){-webkit-mask-image:none;mask-image:none}.chat-bubble .media-tile-label{display:none}.chat-bubble .media-tile-label.is-video{color:#fff;background:#00000080;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;inset:50% auto auto 50%;translate:-50% -50%}.chat-bubble .media-tile-label.is-video>span{display:none}.chat-bubble .media-tile img{animation:chat-media-in .22s var(--easing-standard)}@keyframes chat-media-in{0%{opacity:0}}.chat-file-picker button{align-items:center;gap:var(--space-s2);width:100%;padding:var(--space-s3);border:0;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);text-align:left;background:0 0;display:flex}.chat-file-picker button:hover{background:var(--color-surface-hover)}.bell-offer-grid{gap:var(--space-s3);grid-template-columns:1fr 1fr;display:grid}.bell-offer-card{gap:var(--space-s2);padding:var(--space-s4);border:1px solid var(--color-border);border-radius:var(--radius-md);display:grid}@media (max-width:1180px){.chat-app.has-info{grid-template-columns:300px minmax(0,1fr)}.chat-app.has-info .chat-info{z-index:30;background:var(--color-surface);width:min(360px,100%);box-shadow:var(--shadow-lg);position:absolute;inset:0 0 0 auto}.chat-app{grid-template-columns:300px minmax(0,1fr);position:relative}}@media (max-width:800px){.chat-app,.chat-app.has-info{height:calc(100dvh - var(--layout-header-height) - 2 * var(--space-s5));border-radius:var(--radius-md);grid-template-columns:minmax(0,1fr)}.chat-app.has-thread .chat-sidebar,.chat-app:not(.has-thread) .chat-main{display:none}:root:not([data-motion=off]) .chat-app.has-thread .chat-main{animation:chat-slide-in .24s var(--easing-drawer) both}.chat-back{display:inline-grid}.chat-row-actions{opacity:0;pointer-events:none}.chat-row.focused .chat-row-actions,.chat-row:focus-within .chat-row-actions{opacity:1;pointer-events:auto}.chat-react-quick{display:none}.chat-bubble{max-width:85%}.chat-messages{padding:var(--space-s3)}.bell-offer-grid{grid-template-columns:1fr}}.reach-options{gap:var(--space-s2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.reach-option{text-align:left;padding:var(--space-s4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);justify-items:start;gap:4px;display:grid}.reach-option svg{color:var(--color-link)}.reach-option.active{border-color:var(--color-link);background:var(--color-surface-selected)}.reach-option .small{color:var(--color-text-secondary);align-items:center;gap:4px;display:inline-flex}.reach-price{font-size:20px;font-weight:700}.bell-terms ul{margin:var(--space-s2) 0 0;padding-left:var(--space-s5);gap:2px;display:grid}.sandbox-checkout{gap:var(--space-s4);max-width:520px;padding:var(--space-s8);border:1px dashed var(--color-warning);border-radius:var(--radius-lg);background:var(--color-surface);margin:0 auto;display:grid}.sandbox-flag{align-items:center;gap:var(--space-s1);color:var(--color-warning);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:13px;font-weight:700;display:inline-flex}.sandbox-summary{gap:var(--space-s2);margin:0;display:grid}.sandbox-summary div{justify-content:space-between;gap:var(--space-s3);display:flex}.sandbox-summary dd{margin:0;font-weight:700}.bell-totals{gap:var(--space-s2);flex-wrap:wrap;display:flex}.bell-totals .badge{padding:var(--space-s1) var(--space-s3);font-size:13px}.bell-orders{gap:var(--space-s2);margin:0;padding:0;list-style:none;display:grid}.bell-order{gap:var(--space-s3);padding:var(--space-s4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;display:grid}.bell-order>svg{color:var(--color-link)}.bell-order-main{gap:2px;min-width:0;display:grid}.bell-order-main strong{align-items:center;gap:4px;display:inline-flex}.bell-banner{align-items:center;gap:var(--space-s2);padding:var(--space-s2) var(--space-s4);border-bottom:1px solid var(--color-border);background:var(--color-warning-bg);color:var(--color-warning);font-size:13px;display:flex}.bell-banner.replied{background:var(--color-success-bg);color:var(--color-success)}.chat-paid{border-radius:var(--radius-full);background:var(--color-warning-bg);color:var(--color-warning);align-items:center;gap:2px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}@media (max-width:700px){.bell-order{grid-template-columns:auto minmax(0,1fr)}.bell-order>.badge,.bell-order>.button{grid-column:2;justify-self:start}}.chat-history-bar{align-items:center;gap:var(--space-s3);padding:var(--space-s2) var(--space-s4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.chat-history-list{margin:0;padding:0;list-style:none}.chat-history-list>li{padding:var(--space-s4) 0;border-bottom:1px solid var(--color-border);overflow-wrap:anywhere}.chat-messages{background-color:var(--color-background);background-image:url(/images/chat-doodles.svg), var(--gradient-hero);background-attachment:local}html:has(.workspace-chat){scrollbar-gutter:auto}.chat-tools{flex:none;position:relative}.chat-tools summary{list-style:none}.chat-tools summary::-webkit-details-marker{display:none}.chat-tools-menu{z-index:20;min-width:210px;padding:var(--space-s2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 8px);right:0}.chat-tools-menu button{align-items:center;gap:var(--space-s3);border-radius:var(--radius-md);width:100%;padding:var(--space-s3);color:var(--color-text-primary);cursor:pointer;text-align:start;background:0 0;border:0;display:flex}.chat-tools-menu button:hover,.chat-tools-menu button:focus-visible{background:var(--color-surface-hover)}.chat-typing{color:var(--color-primary)}.chat-shared-media{padding-block:var(--space-s4);border-top:1px solid var(--color-border)}.chat-shared-media .row-actions{gap:var(--space-s1)}.chat-shared-media .row-actions .button{padding-inline:var(--space-s2);font-size:13px}.chat-pinned-strip{align-items:center;gap:var(--space-s3);text-align:start;border:0;border-bottom:1px solid var(--color-border);padding:var(--space-s2) var(--space-s4);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;display:flex}.chat-pinned-strip>span{gap:var(--space-s1);min-width:0;display:grid}.chat-pinned-strip strong{color:var(--color-primary);font-size:12px}.chat-pinned-strip span span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-shared-media .media-grid{gap:var(--space-s1);grid-template-columns:repeat(3,minmax(0,1fr))}.chat-shared-media .media-tile{aspect-ratio:1;border-radius:var(--radius-sm)}.chat-shared-media .media-tile-label{display:none}.chat-shared-media form{flex-wrap:nowrap;display:flex}.chat-shared-media input{width:100%;min-width:0}.chat-list-item.active{box-shadow:inset 3px 0 var(--color-primary)}.chat-messages>*{width:100%;max-width:none;margin-inline:auto}.chat-bubble{box-shadow:none;border-radius:18px 18px 18px 6px}.chat-row.mine .chat-bubble{background:var(--color-primary);color:var(--color-primary-foreground);border-color:#0000;border-radius:18px 18px 6px}.chat-row.grouped .chat-bubble{border-radius:6px 18px 18px 6px}.chat-row.mine.grouped .chat-bubble{border-radius:18px 6px 6px 18px}.chat-row.mine .chat-bubble .chat-meta,.chat-row.mine .chat-bubble .muted,.chat-row.mine .chat-bubble .small{color:var(--color-primary-foreground)}.chat-row.mine .chat-bubble .text-button,.chat-row.mine .chat-bubble a{color:var(--color-primary-foreground);text-decoration:underline}.chat-row.mine .chat-quote{background:#ffffff1f;border-left-color:#ffffffb3}.chat-row.mine .chat-quote strong,.chat-row.mine .chat-quote span{color:var(--color-primary-foreground)}.chat-row.system .chat-bubble{background:color-mix(in srgb, var(--color-surface) 70%, transparent);color:var(--color-text-secondary);border-radius:var(--radius-full);border:0;padding:4px 14px}.chat-meta{font-variant-numeric:tabular-nums}.chat-day span{background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500}.chat-filters{padding-right:var(--space-s8);-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.chat-filters button{border:1px solid var(--color-border);min-height:32px}.chat-filters button.active{background:var(--color-text-primary);color:var(--color-background);border-color:var(--color-text-primary)}.chat-composer textarea{background:var(--color-surface);field-sizing:content;border-radius:22px;max-height:40vh}.chat-app{border-color:var(--color-glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.chat-sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 220px), color-mix(in srgb, var(--color-surface-elevated) 70%, var(--color-surface));border-right-color:var(--color-glass-border)}.chat-sidebar-head :is(h1,h2){font-family:var(--font-display);letter-spacing:-.02em}.chat-search{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-hover) 70%, transparent)}.chat-search input{background:0 0;border-color:#0000;box-shadow:none!important}.chat-list{padding-inline:6px}.chat-list-item{transition:background-color var(--duration-fast) var(--easing-standard);border-radius:14px;padding:10px;position:relative}.chat-list-item:hover{background:var(--color-surface-hover)}.chat-list-item.active{background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface-elevated));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-primary) 35%, transparent)}.chat-list-item.unread .chat-list-top strong{font-weight:750}.chat-badge{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-link));min-width:20px;height:20px;color:var(--color-primary-foreground);place-items:center;padding-inline:6px;font-size:11px;font-weight:700;display:inline-grid}.chat-list-item.paid:before,.chat-list-item.request:before{content:"";border-radius:var(--radius-full);background:linear-gradient(#f5d36b,#e2a52f);width:3px;position:absolute;top:12px;bottom:12px;left:0}.chat-list-item.request:before{background:var(--color-link)}.chat-list-item.paid>:first-child{box-shadow:0 0 0 2px var(--color-surface), 0 0 0 4px #e8b84a;border-radius:50%}.chat-paid,.chat-due{border-radius:var(--radius-full);color:#e8b84a;font-variant-numeric:tabular-nums;background:#e8b84a29;align-items:center;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #e8b84a66}.chat-due{box-shadow:none}.chat-thread-head{background:color-mix(in srgb, var(--color-surface) 82%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);border-bottom-color:var(--color-glass-border);z-index:2;position:relative}.chat-messages{background:radial-gradient(ellipse at 20% 0%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 55%), radial-gradient(ellipse at 100% 100%, color-mix(in srgb, var(--color-site-lime) 6%, transparent), transparent 50%), radial-gradient(circle, color-mix(in srgb, var(--color-text-muted) 22%, transparent) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--color-background)}.chat-bubble{background:var(--color-surface-elevated);border:0;line-height:1.45;position:relative;box-shadow:0 1px #0000001f,0 6px 16px -10px #00000059}.chat-row.mine .chat-bubble{background:linear-gradient(160deg, color-mix(in srgb, var(--color-primary) 88%, #fff), var(--color-primary));box-shadow:0 1px 0 #0000001a, 0 8px 20px -12px color-mix(in srgb, var(--color-primary) 80%, transparent)}.chat-row:not(.system) .chat-bubble:after{content:"";background:var(--color-surface-elevated);clip-path:polygon(100% 0,100% 100%,0 100%);width:12px;height:14px;position:absolute;bottom:0;left:-6px}.chat-row.mine .chat-bubble:after{background:var(--color-primary);clip-path:polygon(0 0,100% 100%,0 100%);left:auto;right:-6px}.chat-row-wrap:has(+.chat-row-wrap>.chat-row.grouped) .chat-bubble:after{display:none}.chat-text a{color:inherit;text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.chat-row:not(.mine) .chat-text a{color:var(--color-link)}.chat-row.focused .chat-bubble{outline:2px solid color-mix(in srgb, var(--color-link) 60%, transparent);outline-offset:2px}.chat-meta{gap:4px;font-size:11px}.chat-bubble.pending{opacity:.75}.chat-bubble.pending.failed{box-shadow:inset 0 0 0 1px var(--color-error)}.chat-day span{border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-surface-elevated) 85%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 10px -6px #0006}.chat-reaction{border-radius:var(--radius-full)}.chat-menu{border:1px solid var(--color-glass-border);background:color-mix(in srgb, var(--color-surface-elevated) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);border-radius:14px;min-width:220px;padding:6px}.chat-menu>button{border-radius:9px;min-height:38px}.chat-menu>button:is(:hover,:focus-visible){background:var(--color-surface-hover)}.chat-composer{background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top-color:var(--color-glass-border)}.chat-composer-row{border:1px solid var(--color-border);background:var(--color-surface-elevated);border-radius:22px;align-items:flex-end;gap:6px;padding:4px}.chat-composer-row:focus-within{border-color:color-mix(in srgb, var(--color-link) 55%, var(--color-border))}.chat-composer-row textarea{resize:none;background:0 0;border:0;min-height:40px;padding:9px 6px;box-shadow:none!important}.chat-send{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0}.chat-info{background:color-mix(in srgb, var(--color-surface-elevated) 60%, var(--color-surface));border-left-color:var(--color-glass-border)}.chat-info-card{padding:var(--space-s5) var(--space-s4);border-radius:var(--radius-xl);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--color-primary) 20%, transparent), transparent 70%), var(--color-surface)}.row-actions:has(>.chat-shared-tab){border-radius:var(--radius-full);background:var(--color-surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:3px;display:grid}.chat-shared-tab{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-full);min-height:34px;color:var(--color-text-secondary);background:0 0;border:0;flex:1;padding:4px 10px;font-size:13px;font-weight:600;overflow:hidden;padding-inline:6px!important;font-size:12px!important}.chat-shared-tab.active{background:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border)}.chat-shared-links,.chat-shared-voice{gap:6px;margin:0;padding:0;list-style:none;display:grid}.chat-shared-links li,.chat-shared-voice li{background:var(--color-surface);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.chat-shared-links a{min-width:0;color:var(--color-text-primary);gap:1px;display:grid}.chat-shared-links a span{text-overflow:ellipsis;white-space:nowrap;color:var(--color-link);font-size:12px;overflow:hidden}.chat-shared-links time,.chat-shared-voice time{color:var(--color-text-muted);font-size:11px}.chat-shared-voice audio,.chat-voice audio{width:100%;min-width:0;height:36px}.chat-voice{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.chat-voice-dot{background:var(--color-error);border-radius:50%;width:10px;height:10px}.chat-voice-clock{font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.chat-voice-wave{flex:1;align-items:center;gap:3px;height:24px;display:flex}.chat-voice-wave i{background:var(--color-link);border-radius:2px;flex:1;max-width:4px;height:40%}.chat-voice-send{color:var(--color-primary)}.chat-voice-error{color:var(--color-error);font-size:12px}:root:not([data-motion=off]) .chat-row-wrap.fresh .chat-row{animation:chat-pop .26s var(--easing-standard) both}:root:not([data-motion=off]) .chat-row-wrap.flash .chat-bubble{animation:chat-flash 1.4s var(--easing-standard)}:root:not([data-motion=off]) .chat-menu{animation:chat-pop .18s var(--easing-standard) both}:root:not([data-motion=off]) .chat-voice-dot{animation:chat-rec 1s var(--easing-in-out) infinite}:root:not([data-motion=off]) .chat-voice-wave i{animation:chat-wave .9s var(--easing-in-out) infinite alternate}:root:not([data-motion=off]) .chat-list-item.paid-live:before{animation:chat-paid-live 2.4s var(--easing-in-out) infinite}@keyframes chat-flash{0%,60%{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 55%, transparent)}}.chat-quote[role=button]{cursor:pointer}@keyframes chat-slide-in{0%{transform:translate(100%)}}@keyframes chat-pop{0%{opacity:0;transform:translateY(6px)scale(.97)}}@keyframes chat-rec{50%{opacity:.3}}@keyframes chat-wave{to{height:100%}}@keyframes chat-paid-live{50%{box-shadow:0 0 10px 2px #e8b84a8c}}.chat-menu-layer{z-index:1000;position:fixed;inset:0}.chat-menu-layer>.chat-menu{width:240px;max-height:calc(100dvh - 16px);position:fixed;inset:0 auto auto 0;overflow-y:auto}.chat-menu-grip,.chat-menu-preview{display:none}.chat-menu-layer .chat-emoji-row{border-bottom:1px solid var(--color-glass-border);justify-content:space-between;gap:2px;margin-bottom:4px;padding:2px 2px 6px;display:flex}.chat-menu-layer .chat-emoji-row button{background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;font-size:20px;display:grid}.chat-menu-layer .chat-emoji-row button:is(:hover,:focus-visible){background:var(--color-surface-hover)}.chat-menu-layer>.chat-menu>button{width:100%;color:var(--color-text-primary);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:8px 12px;font-size:14px;display:flex}.chat-menu-layer>.chat-menu>button.danger{color:var(--color-error)}@media (max-width:700px),(hover:none){.chat-menu-layer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;flex-direction:column;justify-content:flex-end;gap:12px;padding:12px 12px 0;display:flex}.chat-menu-preview{min-width:0;display:flex}.chat-menu-bubble{background:var(--color-surface-elevated);max-width:85%;max-height:30dvh;color:var(--color-text-primary);white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:var(--shadow-lg);border-radius:18px 18px 18px 6px;padding:10px 14px;font-size:15px;line-height:1.45;overflow:hidden}.chat-menu-bubble.mine{background:var(--color-primary);color:var(--color-primary-foreground);border-radius:18px 18px 6px;margin-left:auto}.chat-menu-layer>.chat-menu{width:auto;max-height:70dvh;padding:6px 10px calc(10px + env(safe-area-inset-bottom));background:var(--color-surface-elevated);border-bottom:0;border-radius:22px 22px 0 0;margin:0 -12px;position:relative;inset:auto!important}.chat-menu-grip{border-radius:var(--radius-full);background:var(--color-border-strong);width:40px;height:5px;margin:2px auto 8px;display:block}.chat-menu-layer .chat-emoji-row{padding:4px 6px 10px}.chat-menu-layer .chat-emoji-row button{width:44px;height:44px;font-size:24px}.chat-menu-layer>.chat-menu>button{min-height:48px;font-size:16px}.chat-row-actions{display:none!important}}:root:not([data-motion=off]) .chat-menu-layer{animation:chat-fade .16s var(--easing-standard) both}:root:not([data-motion=off]) .chat-menu-layer>.chat-menu{transition:translate .12s var(--easing-standard);animation:.15s cubic-bezier(.2,0,.2,1) both chat-menu-in}:root:not([data-motion=off]) .chat-menu-layer.closing{animation:.14s ease-in both chat-fade-out}:root:not([data-motion=off]) .chat-menu-layer.closing>.chat-menu{animation:.14s ease-in both chat-menu-out}@media (max-width:700px),(hover:none){:root:not([data-motion=off]) .chat-menu-layer>.chat-menu{animation:chat-sheet .26s var(--easing-drawer) both}:root:not([data-motion=off]) .chat-menu-layer.closing>.chat-menu{animation:.16s ease-in both chat-sheet-out}:root:not([data-motion=off]) .chat-menu-preview{animation:chat-pop .22s var(--easing-standard) both}}@keyframes chat-menu-in{0%{opacity:0;transform:scale(.85)}}@keyframes chat-menu-out{to{opacity:0;transform:scale(.9)}}@keyframes chat-fade-out{to{opacity:0}}@keyframes chat-sheet-out{to{transform:translateY(100%)}}@keyframes chat-fade{0%{opacity:0}}@keyframes chat-sheet{0%{transform:translateY(100%)}}.chat-bubble{touch-action:pan-y;transition:translate .18s var(--easing-standard)}.chat-bubble[data-swipe-ready=true]{box-shadow:0 0 0 2px color-mix(in srgb, var(--color-link) 70%, transparent)}.chat-composer>*,.chat-composer-row>*{min-width:0}.chat-composer-context{min-width:0;color:var(--color-link);background:0 0;border-left:0;align-items:center;gap:10px;padding:4px 4px 4px 12px;display:flex}.chat-composer-context>svg{flex:none}.chat-composer-quote{border-left:3px solid var(--color-link);flex:1;gap:1px;min-width:0;padding-left:10px;display:grid}.chat-composer-quote>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-composer-quote strong{color:var(--color-link);font-size:13px}.chat-composer-quote span{color:var(--color-text-secondary);font-size:13px}.chat-composer-row textarea{flex:1;width:auto}.chat-composer-row>:is(button,.chat-voice-button){flex:none}@media (max-width:700px){.chat-messages{padding:10px 14px 12px}.chat-bubble{max-width:84%}.chat-composer{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}}@media (min-width:701px){.chat-messages{padding-inline:clamp(14px,2.5vw,40px)}.chat-bubble{max-width:min(640px,68%)}}.chat-avatar{overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-me-button{border-radius:50%;padding:0}.chat-me-button .chat-avatar{width:32px;height:32px;box-shadow:0 0 0 2px var(--color-surface), 0 0 0 3px color-mix(in srgb, var(--color-link) 60%, transparent);font-size:12px}.chat-head-avatar{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:inline-flex}.chat-sender-avatar{background:0 0;border:0;border-radius:50%;flex:none;align-self:flex-end;width:30px;height:30px;padding:0}.chat-sender-avatar .chat-avatar{width:30px;height:30px;font-size:11px}.chat-row.with-avatar{gap:6px}.chat-room-description{max-width:32ch;color:var(--color-text-secondary);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.chat-room-edit{gap:var(--space-s3);text-align:left;display:grid}.chat-room-edit label{gap:4px;font-size:13px;font-weight:600;display:grid}.chat-info-card .media-tile-label,.chat-info-card .media-tile>svg{display:none}.chat-person-message{justify-content:center;width:100%}.chat-person-direct{gap:var(--space-s2);width:100%;display:grid}.chat-thread-head{cursor:pointer}.chat-info-back{display:none}.chat-info-head{gap:var(--space-s2)}.chat-info-head h2{flex:1}@media (max-width:800px){.chat-app.has-info .chat-info{z-index:60;width:100%;padding:0 var(--space-s4) calc(var(--space-s6) + env(safe-area-inset-bottom));background:var(--color-background);overscroll-behavior:contain;border:0;position:fixed;inset:0}.chat-info-head{z-index:1;margin:0 calc(-1 * var(--space-s4));padding:10px var(--space-s2);background:color-mix(in srgb, var(--color-surface) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-glass-border);position:sticky;top:0}.chat-info-back{display:inline-grid}.chat-info-close{display:none}}@media (max-width:800px){:root:not([data-motion=off]) .chat-app.has-info .chat-info{animation:chat-slide-in .24s var(--easing-drawer) both}}@media (hover:hover) and (pointer:fine){.chat-filters{flex-wrap:wrap;row-gap:6px;overflow:visible}}.chat-filters button{white-space:nowrap;flex:none}.chat-emoji-row:has(>:nth-child(8)){grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;max-height:260px;overflow-y:auto;border-bottom:0!important;display:grid!important}.chat-menu-layer .chat-menu:has(.chat-emoji-row>:nth-child(8)){width:320px}.chat-emoji-row button[aria-pressed=true]{background:color-mix(in srgb, var(--color-link) 22%, transparent)!important}.chat-emoji-more{color:var(--color-text-secondary);background:var(--color-surface-hover)!important}@media (max-width:700px),(hover:none){.chat-menu-layer .chat-menu:has(.chat-emoji-row>:nth-child(8)){width:auto}.chat-emoji-row:has(>:nth-child(8)){max-height:40dvh}}.chat-menu-layer>.chat-menu{background:var(--color-surface-elevated)}.chat-swipe{border-radius:14px;position:relative;overflow:hidden}.chat-swipe-face{z-index:1;background:color-mix(in srgb, var(--color-surface-elevated) 70%, var(--color-surface));transition:translate .26s var(--easing-drawer);touch-action:pan-y;position:relative}.chat-swipe-actions{grid-template-columns:repeat(4,72px);display:grid;position:absolute;inset:0 0 0 auto}.chat-swipe-actions button{color:#fff;border:0;align-content:center;place-items:center;gap:4px;font-size:11px;font-weight:600;display:grid}.chat-swipe-pin{background:var(--color-primary)}.chat-swipe-mute{background:#6b7a86}.chat-swipe-archive{background:#3f8f6b}.chat-swipe-delete,.chat-swipe-leave{background:#d33c3c}.chat-swipe:not(.open) .chat-swipe-actions{visibility:hidden}.chat-swipe.open .chat-swipe-actions{visibility:visible}.chat-swipe:has(.chat-swipe-face[style*=translate]) .chat-swipe-actions{visibility:visible}.status-strip{scrollbar-width:none;scroll-snap-type:x proximity;gap:12px;padding:4px 14px 12px;display:flex;overflow-x:auto}.status-strip::-webkit-scrollbar{display:none}.status-chip{width:64px;color:var(--color-text-secondary);scroll-snap-align:start;background:0 0;border:0;flex:none;justify-items:center;gap:4px;padding:0;display:grid}.status-ring{background:conic-gradient(from 200deg, #f5d36b, #ff6a88, var(--color-primary), #5ee7b8, #f5d36b);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.status-ring.seen{background:var(--color-border-strong)}.status-ring.no-status{box-shadow:inset 0 0 0 1.5px var(--color-border-strong);background:0 0}.status-ring .chat-avatar{width:52px;height:52px;box-shadow:0 0 0 2px var(--color-surface)}.status-add{background:var(--color-primary);width:20px;height:20px;color:var(--color-primary-foreground);box-shadow:0 0 0 2px var(--color-surface);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-1px}.status-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:11px;overflow:hidden}.story-viewer{color:#fff;background:#000;border:0;border-radius:18px;width:min(460px,100vw);max-width:none;height:min(820px,100dvh);max-height:none;margin:auto;padding:0;overflow:hidden}.story-viewer::backdrop{background:#000000eb}.story-viewer[open]{grid-template-rows:auto auto 1fr auto;display:grid}.story-bars{gap:4px;padding:10px 10px 0;display:flex}.story-bars span{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-bars i{background:#fff;height:100%;display:block;transform:translate(-100%)}.story-bars i.done{transform:none}.story-bars i.run{animation-name:story-progress;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes story-progress{to{transform:none}}.story-head{align-items:center;gap:8px;padding:8px 6px 8px 14px;display:flex}.story-head time{color:#ffffffa6;flex:1;font-size:13px}.story-head .icon-button{color:#fff}.story-stage{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative}.story-stage :is(img,video){object-fit:contain;width:100%;height:100%}.story-stage{transition:translate .16s var(--easing-standard), opacity .16s var(--easing-standard)}.story-loading{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite story-spin;position:absolute}@keyframes story-spin{to{rotate:1turn}}.story-foot{padding:8px 10px calc(10px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:flex}.story-foot .icon-button,.story-viewers .icon-button{color:inherit}.story-views{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff1f;border:0;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:inline-flex}.story-viewers{z-index:3;background:var(--color-surface-elevated);max-height:60%;color:var(--color-text-primary);animation:chat-sheet .24s var(--easing-drawer) both;border-radius:18px 18px 0 0;flex-direction:column;display:flex;position:absolute;inset:auto 0 0}.story-viewers>header{justify-content:space-between;align-items:center;padding:12px 10px 8px 16px;display:flex}.story-viewers ul{padding:0 8px calc(12px + env(safe-area-inset-bottom));margin:0;list-style:none;overflow-y:auto}.story-viewers li{align-items:center;gap:12px;padding:8px;display:flex}.story-viewers li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.story-viewers li time{color:var(--color-text-secondary);font-size:12px}.story-viewers>p{padding:0 16px 20px}.status-chip.mine{position:relative}.status-chip-face{width:100%;color:inherit;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.status-chip.mine .status-add{cursor:pointer;border:0;padding:0;top:38px;bottom:auto;right:2px}.story-caption{padding:40px 18px calc(22px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#000000b3);margin:0;font-size:15px;position:absolute;inset:auto 0 0}@media (max-width:700px){.story-viewer{border-radius:0;width:100vw;height:100dvh}}.chat-online{color:var(--color-success)}.chat-blocked-bar{justify-content:space-between;align-items:center;gap:var(--space-s3);padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-glass-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;display:flex}.chat-archive-row,.chat-archive-back{width:calc(100% - 12px);color:var(--color-text-primary);text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:12px;margin:0 6px 4px;padding:10px 14px;font-weight:600;display:flex}.chat-archive-row:hover,.chat-archive-back:hover{background:var(--color-surface-hover)}.chat-archive-row svg{color:var(--color-text-secondary)}.chat-archive-row span:first-of-type{flex:1}.chat-archive-count{color:var(--color-text-secondary);font-size:13px}@media (hover:none){.chat-archive-row:not(.pulled){display:none}}:root:not([data-motion=off]) .chat-archive-row.pulled{animation:chat-pop .22s var(--easing-standard) both}.chat-key-glow{pointer-events:none;flex:0 0 0;height:0;position:sticky;top:0}.chat-key-glow canvas{top:calc(-1 * var(--space-s4));left:calc(-1 * var(--space-s5));position:absolute}.chat-messages:has(>.chat-key-glow){overflow-x:hidden}.chat-purchase-strip{padding:8px var(--space-s4);border-bottom:1px solid var(--color-border);background:color-mix(in srgb, var(--color-success,var(--color-primary)) 10%, var(--color-surface));color:var(--color-text-primary);align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.chat-purchase-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-purchase-strip:hover{text-decoration:underline}.chat-bubble,.chat-row.grouped .chat-bubble,.chat-row.mine .chat-bubble,.chat-row.mine.grouped .chat-bubble{border-radius:16px;position:relative}.chat-row.tail:not(.mine):not(.system) .chat-bubble{border-bottom-left-radius:4px}.chat-row.tail.mine .chat-bubble{border-bottom-right-radius:4px}.chat-row.tail:not(.system) .chat-bubble:after{content:"";background:inherit;pointer-events:none;width:10px;height:14px;position:absolute;bottom:-1px}.chat-row.tail:not(.mine):not(.system) .chat-bubble:after{left:-8px;-webkit-mask:radial-gradient(10px at 0 0,#0000 97%,#000 100%);mask:radial-gradient(10px at 0 0,#0000 97%,#000 100%)}.chat-row.tail.mine .chat-bubble:after{right:-8px;-webkit-mask:radial-gradient(10px at 100% 0,#0000 97%,#000 100%);mask:radial-gradient(10px at 100% 0,#0000 97%,#000 100%)}.chat-row.has-reactions{padding-bottom:16px}.chat-bubble .chat-reactions{bottom:0;z-index:1;flex-wrap:nowrap;gap:2px;position:absolute;inset-inline-start:6px;transform:translateY(70%)}.chat-row.mine .chat-bubble .chat-reactions{inset-inline:auto 6px}.chat-bubble .chat-reaction{border:2px solid var(--color-background);border-radius:var(--radius-full);background:var(--color-surface-elevated,var(--color-surface));min-height:24px;color:var(--color-text-primary);align-items:center;gap:2px;padding:0 6px;font-size:13px;line-height:1;display:inline-flex;box-shadow:0 1px 4px -1px #00000059}.chat-bubble .chat-reaction.mine{border-color:var(--color-background);background:color-mix(in srgb, var(--color-primary) 22%, var(--color-surface-elevated,var(--color-surface)))}.attach-sheet{width:min(440px,100%);padding:var(--space-s3) var(--space-s4) var(--space-s4);gap:var(--space-s3);flex-direction:column;display:flex;position:relative;overflow:hidden}.attach-sheet.dragging{outline:2px dashed var(--color-primary);outline-offset:-6px}.attach-head{align-items:center;gap:var(--space-s2);display:flex}.attach-head h2{flex:1;margin:0;font-size:17px;font-weight:600}.attach-items{gap:var(--space-s1);overscroll-behavior:contain;border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(26rem,55vh);display:grid;overflow-y:auto}:is(.attach-items:has(>.attach-media:only-child),.attach-items:has(>.attach-media:nth-child(2):last-child)){grid-template-columns:repeat(2,minmax(0,1fr))}.attach-items.single{grid-template-columns:1fr}.attach-items:has(>.attach-doc){grid-template-columns:1fr}.attach-items figure{margin:0;position:relative}.attach-media{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-background-secondary);overflow:hidden}.attach-media :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.attach-items.single .attach-media{aspect-ratio:auto;place-items:center;display:grid}.attach-items.single .attach-media :is(img,video){object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(24rem,50vh)}.attach-doc{align-items:center;gap:var(--space-s3);padding:var(--space-s2) var(--space-s3);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.attach-doc-icon{border-radius:var(--radius-full);background:var(--color-primary);width:44px;height:44px;color:var(--color-primary-foreground);flex:none;place-items:center;display:grid}.attach-doc figcaption{min-width:0;padding-right:var(--space-s6);display:grid}.attach-doc strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.attach-doc small{color:var(--color-text-secondary)}.attach-remove{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0000008c;border:0;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.attach-doc .attach-remove{top:50%;translate:0 -50%}.attach-foot{align-items:flex-end;gap:var(--space-s2);display:flex}.attach-foot textarea{resize:none;border-radius:var(--radius-md);flex:1;min-height:42px;max-height:140px}.attach-send{flex:none;min-height:42px}.attach-progress{appearance:none;width:100%;height:3px;accent-color:var(--color-primary);border:0;position:absolute;inset:auto 0 0}.chat-drop-hint{color:var(--color-primary);inset:var(--space-s3);z-index:30;border:2px dashed var(--color-primary);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 10%, transparent);pointer-events:none;place-items:center;font-weight:600;display:grid;position:absolute}.status-pick,.status-compose{gap:var(--space-s3);display:grid}.status-library{gap:var(--space-s1);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.status-library button{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--color-background-secondary);cursor:pointer;border:0;width:100%;padding:0;display:block;overflow:hidden}.status-library :is(img,video){object-fit:cover;width:100%;height:100%;display:block}.status-library button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.status-compose-name{overflow-wrap:anywhere;margin:0;font-weight:500}.status-duration{gap:var(--space-s1);display:grid}.chat-swipe.selecting .chat-swipe-face{position:relative}.chat-select-mark{left:calc(var(--space-s3) + 30px);top:calc(var(--space-s3) + 28px);z-index:2;border-radius:var(--radius-full);border:2px solid var(--color-surface);background:var(--color-text-muted);width:20px;height:20px;color:var(--color-primary-foreground);pointer-events:none;animation:chat-select-in .16s var(--easing-standard);place-items:center;display:grid;position:absolute}.chat-swipe.selected .chat-select-mark{background:var(--color-primary)}.chat-swipe.selected .chat-list-item{background:var(--color-surface-selected)}.chat-swipe.selecting .chat-list-item{-webkit-user-select:none;user-select:none}@keyframes chat-select-in{0%{opacity:0;scale:.4}}.chat-select-bar strong{flex:1;font-size:15px}.chat-select-bar .icon-button.danger{color:var(--color-error)}.chat-media{width:min(340px, 68vw, calc(27rem * var(--ratio)));aspect-ratio:var(--ratio);margin:2px 0 var(--space-s1);border-radius:var(--radius-md);position:relative;overflow:hidden}.chat-media.single{width:min(320px, 68vw, calc(27rem * var(--ratio)));min-width:120px}.chat-media-tile{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);cursor:pointer;border:0;padding:0;position:absolute;overflow:hidden}.chat-media-tile :is(img,video){object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s var(--easing-standard);display:block}.chat-media-tile :is(img,video).loaded{opacity:1}.chat-media-tile:focus-visible{outline:3px solid var(--color-border-focus);outline-offset:-3px}.chat-media-play{color:#fff;pointer-events:none;background:#00000080;border-radius:50%;place-items:center;width:44px;height:44px;padding-left:3px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.chat-doc-row{gap:var(--space-s1);justify-items:start;display:grid}.chat-doc{align-items:center;gap:var(--space-s3);border-radius:var(--radius-md);min-width:min(260px,60vw);max-width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:4px 6px 4px 2px;display:flex}.chat-doc:hover .chat-doc-get{opacity:1}.chat-doc-badge{border-radius:var(--radius-md);background:var(--color-text-muted);color:#fff;letter-spacing:.02em;flex:none;place-items:center;width:44px;height:44px;font-size:11px;font-weight:700;display:grid}.chat-doc-badge.pdf{background:var(--color-error)}.chat-doc-badge.doc,.chat-doc-badge.media{background:var(--color-link)}.chat-doc-badge.sheet{background:var(--color-success)}.chat-doc-badge.slides,.chat-doc-badge.archive{background:var(--color-warning)}.chat-doc-badge.audio{background:var(--color-primary)}.chat-doc-text{flex:1;min-width:0;display:grid}.chat-doc-text strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.chat-doc-text small{opacity:.7;font-size:12px}.chat-doc-get{opacity:.55;flex:none}.chat-voice-player{align-items:center;gap:var(--space-s2);min-width:min(240px,58vw);padding:2px 0;display:flex}.chat-voice-toggle{background:var(--color-primary);width:40px;height:40px;color:var(--color-primary-foreground);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding-left:2px;display:grid}.chat-row.mine .chat-voice-toggle{background:var(--color-primary-foreground);color:var(--color-primary)}.chat-voice-pause{border-inline:4px solid;width:12px;height:14px}.chat-voice-player input[type=range]{appearance:none;background:linear-gradient(currentColor, currentColor) 0 / var(--fill,0%) 100% no-repeat, color-mix(in srgb, currentColor 25%, transparent);cursor:pointer;border-radius:2px;flex:1;min-width:0;height:4px}.chat-voice-player input[type=range]::-webkit-slider-thumb{appearance:none;background:currentColor;border-radius:50%;width:12px;height:12px}.chat-voice-player input[type=range]::-moz-range-thumb{background:currentColor;border:0;border-radius:50%;width:12px;height:12px}.chat-voice-time{font-variant-numeric:tabular-nums;opacity:.75;flex:none;min-width:34px;font-size:12px}.chat-viewer{color:#fff;background:#000000f0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0}.chat-viewer::backdrop{background:0 0}.chat-viewer[open]{animation:media-viewer-in .2s var(--easing-standard);flex-direction:column;display:flex}.chat-viewer .icon-button,.chat-viewer .button.secondary{color:#fff;background:0 0;border-color:#fff3}.chat-viewer-head{align-items:center;gap:var(--space-s2);padding:max(10px, env(safe-area-inset-top)) 12px 8px 16px;background:linear-gradient(#00000080,#0000);display:flex}.chat-viewer-head>div{flex:1;min-width:0;display:grid}.chat-viewer-head strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-viewer-head span{color:#ffffffa6;font-size:13px}.chat-viewer-body{flex:1;min-height:0;position:relative}.chat-viewer-stage{touch-action:none;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.chat-viewer-slide{place-items:center;width:100%;height:100%;padding:0 clamp(8px,6vw,72px);display:grid}.chat-viewer-slide :is(img,video){object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}:root:not([data-motion=off]) .chat-viewer-slide.from-next{animation:chat-viewer-next .22s var(--easing-standard)}:root:not([data-motion=off]) .chat-viewer-slide.from-prev{animation:chat-viewer-prev .22s var(--easing-standard)}@keyframes chat-viewer-next{0%{opacity:0;transform:translate(8%)}}@keyframes chat-viewer-prev{0%{opacity:0;transform:translate(-8%)}}.chat-viewer-nav{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;translate:0 -50%}.chat-viewer-nav:hover{background:#ffffff38}.chat-viewer-nav.prev{left:12px}.chat-viewer-nav.next{right:12px}@media (hover:none){.chat-viewer-nav{display:none}}.chat-viewer-foot{padding:10px 12px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#0000008c);justify-items:center;gap:10px;display:grid}.chat-viewer-caption{text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;max-width:720px;max-height:20dvh;margin:0;line-height:1.45;overflow-y:auto}.chat-viewer-strip{scrollbar-width:none;gap:6px;max-width:100%;display:flex;overflow-x:auto}.chat-viewer-strip button{opacity:.55;cursor:pointer;width:52px;height:52px;transition:opacity .16s var(--easing-standard), border-color .16s var(--easing-standard);background:#ffffff14;border:2px solid #0000;border-radius:8px;flex:none;padding:0;position:relative;overflow:hidden}.chat-viewer-strip button[aria-current=true]{opacity:1;border-color:#fff}.chat-viewer-strip :is(img,video){object-fit:cover;width:100%;height:100%}.chat-viewer-strip :is(img,video):not(.loaded){opacity:0}.chat-viewer-strip svg{color:#fff;position:absolute;bottom:4px;right:4px}.chat-bell-bar{justify-content:space-between;align-items:center;gap:var(--space-s2);margin:0 14px var(--space-s2);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-warning) 12%, transparent);padding:8px 12px;font-size:13px;display:flex}.chat-bell-bar a{color:var(--color-link);font-weight:600}
.chat-panel{height:100%;min-height:0;animation:chat-panel-in .22s var(--easing-drawer);flex-direction:column;display:flex}@keyframes chat-panel-in{0%{opacity:0;transform:translate(-12px)}}.chat-panel-head{align-items:center;gap:var(--space-s2);min-height:56px;padding:max(6px, env(safe-area-inset-top)) var(--space-s2) 6px;border-bottom:1px solid var(--color-border);display:flex}.chat-panel-head h2{font-family:var(--font-body);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;font-weight:650;overflow:hidden}.chat-panel-body{overscroll-behavior:contain;scrollbar-width:none;min-height:0;padding:var(--space-s3) var(--space-s3) var(--space-s6);flex:1;overflow-y:auto}.chat-panel-body::-webkit-scrollbar{display:none}.chat-setting-group{margin-bottom:var(--space-s3);border-radius:var(--radius-lg);background:radial-gradient(ellipse 80% 60% at 0% 0%, color-mix(in srgb, var(--color-primary) 6%, transparent), transparent 70%), color-mix(in srgb, var(--color-surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);display:grid;overflow:hidden}.chat-panel-label{margin:var(--space-s4) var(--space-s3) 6px;color:var(--color-link);font-size:13.5px;font-weight:600}.chat-panel-hint{margin:0 var(--space-s3) var(--space-s3);color:var(--color-text-muted);font-size:13px;line-height:1.45}.chat-setting-row{width:100%;min-height:52px;color:var(--color-text-primary);font:inherit;text-align:start;background:0 0;border:0;align-items:center;gap:14px;padding:7px 14px;text-decoration:none;display:flex;position:relative}button.chat-setting-row,a.chat-setting-row{cursor:pointer;transition:background-color var(--duration-fast) var(--easing-standard)}button.chat-setting-row:hover,a.chat-setting-row:hover{background:var(--color-surface-hover)}button.chat-setting-row:active,a.chat-setting-row:active{background:var(--color-surface-elevated)}.chat-setting-group>.chat-setting-row+.chat-setting-row:before{content:"";border-top:1px solid var(--color-border);position:absolute;top:0;left:60px;right:0}.chat-row-text{flex:1;gap:1px;min-width:0;display:grid}.chat-row-text>span,.chat-row-text>strong{text-overflow:ellipsis;white-space:nowrap;font-size:15.5px;line-height:1.3;overflow:hidden}.chat-row-text>small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;line-height:1.3;overflow:hidden}.chat-row-chevron{color:var(--color-text-muted);flex:none}.chat-tile{--tile:var(--color-chart-1);border:1px solid color-mix(in srgb, var(--tile) 34%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--tile) 26%, transparent), color-mix(in srgb, var(--tile) 12%, transparent));width:32px;height:32px;color:var(--tile);border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff24}.chat-tile.tone-blue{--tile:var(--color-chart-1)}.chat-tile.tone-green{--tile:var(--color-chart-5)}.chat-tile.tone-red{--tile:var(--color-error)}.chat-tile.tone-orange{--tile:var(--color-chart-4)}.chat-tile.tone-purple{--tile:var(--color-chart-2)}.chat-tile.tone-pink{--tile:var(--color-chart-3)}.chat-tile.tone-gray{--tile:var(--color-text-secondary)}.chat-row-icon{width:30px;color:var(--color-text-muted);flex:none;place-items:center;display:grid}.chat-setting-row .switch-track{flex:none}.chat-settings-me{background:radial-gradient(ellipse 70% 120% at 100% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 70%), color-mix(in srgb, var(--color-surface) 86%, transparent);width:100%;margin-bottom:var(--space-s3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:14px;padding:12px 14px;display:flex}.chat-settings-me.is-static{cursor:default}.chat-settings-me .chat-avatar.large{width:60px;height:60px;font-size:22px}.chat-settings-me strong{font-size:17px}.chat-me-qr{color:var(--color-link);flex:none}.chat-profile-hero{padding:var(--space-s4) 0 var(--space-s5);justify-items:center;display:grid}.chat-profile-photo{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.chat-profile-photo .chat-avatar.large{width:148px;height:148px;font-size:50px}.chat-profile-camera{background:var(--color-primary);width:40px;height:40px;color:var(--color-primary-foreground);box-shadow:0 0 0 3px var(--color-background);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:4px;right:4px}.chat-edit-row{align-items:flex-start;padding-block:10px}.chat-edit-row .chat-row-icon{padding-top:9px}.chat-edit-row .chat-row-text>small{color:var(--color-text-muted);font-size:13px}.chat-row-text>.chat-edit-value{white-space:normal;overflow-wrap:anywhere;font-size:15.5px}.chat-edit-row>.icon-button{color:var(--color-link);flex:none;margin-top:2px}.chat-edit-row.is-editing input,.chat-edit-row.is-editing textarea{border:0;border-bottom:2px solid var(--color-primary);width:100%;min-height:0;box-shadow:none;resize:none;background:0 0;border-radius:0;margin-top:4px;padding:4px 0 6px;font-size:16px}.chat-edit-actions{align-items:center;gap:2px;padding-top:10px;display:flex}.chat-edit-count{min-width:28px;color:var(--color-text-muted);text-align:end;font-size:12px}.icon-button.is-primary{color:var(--color-link)}.chat-chip-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chat-chip-row button{border:1px solid var(--color-border);border-radius:var(--radius-full);min-height:30px;color:var(--color-text-secondary);background:0 0;padding:0 12px;font-size:13px}.chat-chip-row button.active{background:var(--color-primary);color:var(--color-primary-foreground);border-color:#0000}.chat-radio{border:2px solid var(--color-border-strong);width:20px;height:20px;transition:border-width var(--duration-fast) var(--easing-standard);border-radius:50%;flex:none}.chat-radio-row[aria-checked=true] .chat-radio{border:6px solid var(--color-primary)}.chat-setting-group>.chat-radio-row+.chat-radio-row:before{left:48px}.chat-qr-card{justify-items:center;gap:var(--space-s2);margin:var(--space-s10) auto var(--space-s4);padding:0 var(--space-s5) var(--space-s5);border-radius:var(--radius-xl);background:linear-gradient(160deg, color-mix(in srgb, var(--color-primary) 45%, #0b0b0c), #0b0b0c);color:#fff;text-align:center;width:min(100%,300px);display:grid}.chat-qr-card .chat-avatar.large{width:64px;height:64px;margin-top:-32px;box-shadow:0 0 0 4px #0b0b0c}.chat-qr-card small{color:#ffffffbf;font-family:var(--font-mono)}.chat-qr{border-radius:var(--radius-lg);background:#fff;padding:12px;line-height:0}.chat-qr svg{width:196px;height:196px}.chat-offer{gap:var(--space-s3);padding:var(--space-s3) 14px}.chat-offer>.chat-setting-row{width:calc(100% + 28px);margin-inline:-14px}.chat-field{min-width:0;color:var(--color-text-muted);gap:4px;font-size:13px;display:grid}.chat-field input,.chat-field textarea{min-height:40px}.chat-field-pair{gap:var(--space-s3);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}.chat-panel-foot{bottom:calc(-1 * var(--space-s6));justify-content:flex-end;align-items:center;gap:var(--space-s3);margin:var(--space-s3) calc(-1 * var(--space-s3)) calc(-1 * var(--space-s6));padding:var(--space-s3) var(--space-s4) max(var(--space-s3), env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-background) 92%, transparent);border-top:1px solid var(--color-border);display:flex;position:sticky}.chat-panel-foot .button{min-width:140px}.chat-saved{color:var(--color-success);align-items:center;gap:4px;font-size:13px;display:inline-flex}.chat-panel-embed{padding:0 var(--space-s1)}.chat-panel-embed .set-section{border:0;padding:0;display:block}.chat-panel-embed .set-section-head{display:none}.chat-panel-body .chat-panel-search{margin:0 0 var(--space-s3)}.chat-new-actions .chat-tile{border-radius:50%;width:40px;height:40px}.chat-new-actions>.chat-setting-row+.chat-setting-row:before{left:68px}.chat-people-list{display:grid}.chat-people-list .chat-setting-row{border-radius:var(--radius-md)}.chat-first-message{align-items:flex-end;gap:var(--space-s2);display:flex}.chat-first-message textarea{resize:none;border-radius:22px;flex:1}.chat-room-kind{margin:var(--space-s1) 0 var(--space-s4)}.chat-room-name{align-items:center;gap:var(--space-s4);margin:0 var(--space-s2) var(--space-s3);display:flex}.chat-room-icon{background:var(--color-surface-hover);width:56px;height:56px;color:var(--color-text-secondary);border-radius:50%;flex:none;place-items:center;display:grid}.chat-room-name input{border:0;border-bottom:2px solid var(--color-primary);min-height:0;box-shadow:none;background:0 0;border-radius:0;padding:8px 0;font-size:17px}.chat-sidebar:has(>.chat-panel){background:var(--color-background-secondary,var(--color-background))}@media (prefers-reduced-motion:reduce){.chat-panel{animation:none}}.chat-info{background:var(--color-background-secondary,var(--color-background));scrollbar-width:none}.chat-info::-webkit-scrollbar{display:none}.chat-info-card{margin:var(--space-s3) var(--space-s3) 0;padding:var(--space-s5) var(--space-s4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 70% at 50% 0%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 75%), color-mix(in srgb, var(--color-surface) 86%, transparent);text-align:center;justify-items:center;gap:4px;display:grid}.chat-info-card>strong{letter-spacing:-.01em;font-size:20px}.chat-info-card>.muted{font-size:14px}.chat-info-card .chat-person-text,.chat-info-card .chat-room-description{margin:var(--space-s2) 0 0;color:var(--color-text-secondary);font-size:14px}.chat-info-card .chat-status{margin-top:var(--space-s2);border-radius:var(--radius-md);background:var(--color-surface-hover);text-align:start;justify-self:stretch;padding:10px 12px}.chat-info-card .chat-status p{margin:2px 0}.chat-info-card .chat-person-message{margin-top:var(--space-s3);border-radius:var(--radius-full)}.chat-info-card>.button.ghost.small{margin-top:var(--space-s2);border-radius:var(--radius-full);color:var(--color-link)}.chat-info-actions{gap:var(--space-s2);margin:var(--space-s3);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.chat-info-actions .button{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 86%, transparent);min-height:64px;color:var(--color-link);justify-items:center;gap:6px;padding:10px 4px;font-size:12px;font-weight:600;display:grid}.chat-info-actions .button>span{color:var(--color-text-secondary);white-space:nowrap}.chat-info-actions .button[aria-pressed=true]{background:color-mix(in srgb, var(--color-primary) 16%, var(--color-surface))}.chat-info-actions .button.danger-text,.chat-info-actions .button.danger-text>span{color:var(--color-error)}.chat-info-section{gap:var(--space-s2);margin:0 var(--space-s3) var(--space-s3);padding:var(--space-s3) var(--space-s4);border:1px solid var(--color-border);border-top:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 86%, transparent);display:grid}.chat-info-section>h3{color:var(--color-link);font-family:var(--font-body);margin:0;font-size:13.5px;font-weight:600}.chat-info-section>.hint{margin:0;font-size:12.5px}.chat-info .checkbox-label{justify-content:space-between;align-items:center;gap:var(--space-s3);flex-direction:row-reverse;min-height:44px;font-size:15px;display:flex}.chat-info .checkbox-label input[type=checkbox]{appearance:none;border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;width:40px;height:24px;min-height:0;transition:background-color var(--duration-fast) var(--easing-standard);border:0;flex:none;margin:0;padding:0;position:relative}.chat-info .checkbox-label input[type=checkbox]:before{content:"";width:18px;height:18px;transition:transform var(--duration-fast) var(--easing-standard);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.chat-info .checkbox-label input[type=checkbox]:checked{background:var(--color-primary)}.chat-info .checkbox-label input[type=checkbox]:checked:before{transform:translate(16px)}.chat-info-section label:not(.checkbox-label){color:var(--color-text-muted);gap:4px;font-size:13px;display:grid}.chat-info-section>.button{border-radius:var(--radius-full);justify-self:start}.chat-invite code{border-radius:var(--radius-md);background:var(--color-surface-hover);overflow-wrap:anywhere;padding:8px 10px;font-size:12px;display:block}.chat-info .chat-members{margin:0 calc(-1 * var(--space-s4));gap:0;padding:0;list-style:none;display:grid}.chat-info .chat-members li{min-height:56px;padding:6px var(--space-s4);align-items:center;gap:12px;display:flex;position:relative}.chat-info .chat-members li+li:before{content:"";border-top:1px solid var(--color-border);position:absolute;top:0;left:64px;right:0}.chat-info .chat-member-name{flex:1;min-width:0;font-size:15px;display:grid}.chat-member-menu{flex:none;position:relative}.chat-member-menu>summary{cursor:pointer;list-style:none}.chat-member-menu>summary::-webkit-details-marker{display:none}.chat-member-menu>.row-actions{z-index:20;border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-elevated) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:200px;box-shadow:var(--shadow-lg);animation:pop-in var(--duration-normal) var(--easing-standard);gap:1px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.chat-member-menu>.row-actions .button{border-radius:var(--radius-md);justify-content:flex-start;min-height:40px;font-size:14px}.chat-info .chat-history-inline{margin:0 var(--space-s3) var(--space-s3);padding:var(--space-s3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface) 86%, transparent)}.chat-history-inline>form.row-actions{gap:var(--space-s2);flex-wrap:nowrap;display:flex}.chat-history-inline>form.row-actions input{flex:1;min-width:0}.chat-history-inline>form.row-actions .button{white-space:nowrap;flex:none;min-width:0}.chat-tools-menu{border:1px solid var(--color-border-hover);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-surface-elevated) 96%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:232px;box-shadow:var(--shadow-lg);animation:pop-in var(--duration-normal) var(--easing-standard);padding:6px}.chat-tools-menu button{border-radius:var(--radius-md);gap:14px;min-height:42px;font-size:15px}.chat-tools-menu button svg{color:var(--color-text-secondary)}.story-head .chat-avatar{flex:none}.story-head strong{font-size:15px}.story-viewer{position:relative}.story-nav{z-index:3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:40px;height:40px;margin-top:-20px;display:none;position:absolute;top:50%}.story-nav.prev{left:10px}.story-nav.next{right:10px}@media (hover:hover) and (pointer:fine){.story-viewer[open] .story-nav{display:grid}.story-viewer{box-shadow:0 30px 80px #0009}}.chat-info .chat-info-actions{border:0;grid-template-columns:none;padding:0}.chat-info .chat-info-actions .button{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.chat-info .chat-info-actions .button>span{white-space:normal;max-width:100%;font-size:11.5px;line-height:1.2}.chat-info .row-actions:has(>.chat-shared-tab){scrollbar-width:none;display:flex;overflow-x:auto}.chat-info .chat-shared-tab{text-overflow:clip;flex:1 0 auto;padding-inline:12px;overflow:visible}.chat-history-inline>form.row-actions .button{text-overflow:clip;max-width:none;padding-inline:16px;overflow:visible}.chat-history-go{border-radius:50%;flex:none;width:42px;padding:0}.chat-awaiting{margin:var(--space-s2) var(--space-s3) calc(var(--space-s3) + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--color-primary) 10%, var(--color-surface));color:var(--color-link);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.chat-awaiting span{gap:2px;display:grid}.chat-awaiting strong{color:var(--color-text-primary);font-size:14.5px}.chat-awaiting small{color:var(--color-text-secondary);font-size:13px;line-height:1.4}.chat-meta .chat-tick{opacity:.75;transition:color var(--duration-normal) var(--easing-standard);flex:none}.chat-meta .chat-tick.is-read{opacity:1;color:var(--color-accent);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--color-accent) 45%, transparent))}.status-avatar{--ring-size:44px;width:var(--ring-size);height:var(--ring-size);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.status-avatar>.status-ring{border-radius:50%;place-items:center;width:100%;height:100%;padding:0;display:grid}.status-avatar{--ring-gap:8px}.status-avatar .chat-avatar,.status-avatar .chat-head-avatar{width:calc(var(--ring-size) - var(--ring-gap));height:calc(var(--ring-size) - var(--ring-gap));aspect-ratio:1;border-radius:50%;overflow:hidden}.status-avatar>.status-ring .chat-avatar{box-shadow:0 0 0 2.5px var(--color-background)}.status-avatar>.chat-avatar,.status-avatar>.chat-head-avatar,.status-avatar>.chat-head-avatar .chat-avatar{width:var(--ring-size);height:var(--ring-size)}.status-avatar .chat-avatar img{object-fit:cover;width:100%;height:100%}.chat-info-card .status-avatar{--ring-size:120px;--ring-gap:12px;margin-bottom:var(--space-s3)}.chat-info-card .chat-avatar.large{font-size:40px}.chat-info-card>.chat-avatar.large{width:120px;height:120px;margin-bottom:var(--space-s3)}.sheet-backdrop.is-global{z-index:70;background:var(--color-overlay);animation:backdrop-in var(--duration-normal) var(--easing-standard);border:0;display:block;position:fixed;inset:0}.choice-sheet{left:50%;bottom:max(var(--space-s4), env(safe-area-inset-bottom));z-index:71;border:1px solid var(--color-border-hover);border-radius:var(--radius-xl);background:color-mix(in srgb, var(--color-surface-elevated) 96%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(420px,100vw - 24px);box-shadow:var(--shadow-lg);animation:sheet-up var(--duration-normal) var(--easing-drawer);gap:2px;padding:8px;display:grid;position:fixed;translate:-50%}.choice-sheet button{border-radius:var(--radius-lg);min-height:52px;color:var(--color-text-primary);text-align:start;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0 16px;font-size:16px;display:flex}.choice-sheet button svg{color:var(--color-link)}.choice-sheet button:hover{background:var(--color-surface-hover)}.choice-sheet .choice-cancel{border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--color-text-secondary);justify-content:center;margin-top:4px}@media (min-width:801px){.choice-sheet{width:340px;top:50%;bottom:auto;translate:-50% -50%}}.photo-viewer{z-index:80;color:#fff;animation:backdrop-in var(--duration-normal) var(--easing-standard);background:#000000f0;grid-template-rows:auto 1fr;display:grid;position:fixed;inset:0}.photo-viewer header{padding:max(10px, env(safe-area-inset-top)) 10px 10px 18px;justify-content:space-between;align-items:center;display:flex}.photo-viewer .icon-button{color:#fff}.photo-viewer img{object-fit:contain;place-self:center;max-width:min(100vw,720px);max-height:calc(100dvh - 80px)}.chat-info-muted{margin:calc(-1 * var(--space-s1)) var(--space-s4) var(--space-s3);text-align:center}
@property --bell-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.bell-page{max-width:1000px;padding:var(--space-s6);margin-inline:auto}@media (max-width:1100px){.bell-page{overflow-x:clip}}.bell-landing{isolation:isolate;padding-block:var(--space-s10);position:relative}.bell-stars{z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(transparent, var(--color-text-primary) 15%, var(--color-text-primary) 65%, transparent);mask-image:linear-gradient(transparent, var(--color-text-primary) 15%, var(--color-text-primary) 65%, transparent);position:absolute;inset:0;overflow:hidden}.bell-stars:before,.bell-stars:after{content:"";opacity:.35;background-image:radial-gradient(circle, var(--color-warning) 1px, transparent 1.5px), radial-gradient(circle, var(--color-text-secondary) 1px, transparent 1.5px);background-position:13px 17px,71px 41px;background-size:113px 131px,173px 157px;animation:24s linear infinite bell-stars;position:absolute;inset:-160px 0}.bell-stars:after{opacity:.2;background-size:211px 179px;animation-duration:38s}.bell-profile{text-align:center;max-width:620px;margin:0 auto var(--space-s10)}.bell-avatar{width:112px;height:112px;margin:0 auto var(--space-s6);border-radius:var(--radius-full);background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-border);font:600 3rem var(--font-display);place-items:center;display:grid;overflow:hidden}.bell-avatar img{object-fit:cover;width:100%;height:100%}.bell-profile h1{font:650 clamp(2.4rem, 6vw, 4.5rem)/1.08 var(--font-display);letter-spacing:-.035em;margin-block:var(--space-s3);overflow-wrap:anywhere}.bell-bio{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:1.125rem;line-height:1.65}.bell-private{align-items:center;gap:var(--space-s2);margin-top:var(--space-s5);color:var(--color-text-secondary);font-size:.8rem;display:inline-flex}.bell-offers{max-width:760px;margin:auto}.bell-section-heading{justify-content:space-between;align-items:center;gap:var(--space-s3);margin-bottom:var(--space-s5);display:flex}.bell-section-heading h2{font-size:1.3rem}.bell-landing .bell-offer-grid{gap:var(--space-s5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bell-offer{text-align:left;border-radius:var(--radius-xl);min-width:0;color:var(--color-text-primary);background:var(--color-border);cursor:pointer;border:0;padding:1.5px;position:relative;overflow:hidden}.bell-offer.selected{background:var(--color-warning)}.bell-beam{background:conic-gradient(from var(--bell-angle), transparent 0 72%, var(--color-warning) 84%, var(--color-warning-bg) 90%, transparent 97%);animation:6s linear infinite bell-orbit;position:absolute;inset:0}.bell-offer:nth-child(2) .bell-beam{animation-delay:-3s}.bell-offer-inner{align-items:flex-start;gap:var(--space-s4);border-radius:calc(var(--radius-xl) - 1.5px);padding:var(--space-s6);background:var(--color-surface);flex-direction:column;height:100%;display:flex;position:relative}.bell-offer.selected .bell-offer-inner{background:color-mix(in srgb, var(--color-warning-bg) 45%, var(--color-surface))}.bell-offer-inner>svg{color:var(--color-warning)}.bell-offer-inner .small{align-items:center;gap:var(--space-s2);display:flex}.bell-offer-price{font:650 clamp(2rem, 5vw, 3rem)/1.15 var(--font-display);letter-spacing:-.035em}.bell-offer:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:4px}.bell-email-form{padding:var(--space-s6);margin-block:var(--space-s6);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border)}.bell-free{max-width:760px;margin:var(--space-s8) auto 0;border-top:1px solid var(--color-border);padding-top:var(--space-s5)}.bell-offer-grid+p{margin-block:var(--space-s4)}.bell-free summary{align-items:center;gap:var(--space-s2);cursor:pointer;min-height:44px;display:flex}.bell-free .reach{margin-top:var(--space-s5)}.bell-session{max-width:760px;margin:var(--space-s8) auto}.bell-session-heading{align-items:center;gap:var(--space-s3);margin-bottom:var(--space-s6);flex-wrap:wrap;display:flex}.bell-session-heading h1{overflow-wrap:anywhere;flex:1;min-width:min(220px,100%);font-size:1.5rem}.bell-session input[inputmode=numeric]{letter-spacing:.3em;max-width:260px;font-size:1.5rem}.bell-landing[data-paused=true] *,.bell-landing[data-paused=true] :before,.bell-landing[data-paused=true] :after{animation-play-state:paused}@keyframes bell-stars{to{transform:translateY(157px)}}@keyframes bell-orbit{to{--bell-angle:360deg}}@media (prefers-reduced-motion:reduce){.bell-stars:before,.bell-stars:after,.bell-beam{animation:none}}@media (max-width:560px){.bell-page{padding:var(--space-s4)}.bell-landing .bell-offer-grid{grid-template-columns:1fr}.bell-offer-inner{padding:var(--space-s5)}.bell-email-form,.bell-session{padding:var(--space-s4)}.bell-profile{margin-bottom:var(--space-s7)}}.bell-top{justify-content:space-between;align-items:center;gap:var(--space-s3);display:flex}.bell-top-actions{gap:4px;display:flex}.bell-particles{z-index:-1;pointer-events:none;width:calc(100% + 20vw);height:calc(100% + 40px);position:absolute;inset:-40px -10vw 0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 85%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 40%,#0000 85%)}.bell-aura{z-index:-2;aspect-ratio:1.6;pointer-events:none;background:radial-gradient(closest-side at 35% 45%, color-mix(in srgb, var(--color-primary) 28%, transparent), transparent), radial-gradient(closest-side at 68% 40%, color-mix(in srgb, var(--color-site-lime) 16%, transparent), transparent);filter:blur(30px);opacity:.8;width:min(760px,110vw);position:absolute;top:-6%;left:50%;translate:-50%}.bell-name{background:linear-gradient(100deg, var(--color-text-primary) 0 38%, color-mix(in srgb, var(--color-link) 70%, var(--color-text-primary)) 50%, var(--color-text-primary) 62% 100%);color:#0000;text-wrap:balance;background-position:100% 0;background-size:250% 100%;-webkit-background-clip:text;background-clip:text}.bell-steps{justify-content:center;gap:var(--space-s2);margin:var(--space-s5) 0 0;counter-reset:bell-step;flex-wrap:wrap;padding:0;list-style:none;display:flex}.bell-steps li{counter-increment:bell-step;border:1px solid var(--color-glass-border);border-radius:var(--radius-full);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-secondary);align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:13px;font-weight:550;display:inline-flex}.bell-steps li:before{content:counter(bell-step);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-link));width:22px;height:22px;color:var(--color-primary-foreground);place-items:center;font-size:11px;font-weight:700;display:grid}.bell-steps svg{color:var(--color-link)}:root:not([data-motion=off]) .bell-name{animation:bell-shimmer 7s var(--easing-in-out) 1s infinite}:root:not([data-motion=off]) .bell-aura{animation:bell-aura-breathe 9s var(--easing-in-out) infinite alternate}:root:not([data-motion=off]) .bell-profile>*{animation:bell-rise .7s var(--easing-standard) both}:root:not([data-motion=off]) .bell-profile>:nth-child(2){animation-delay:80ms}:root:not([data-motion=off]) .bell-profile>:nth-child(3){animation-delay:.15s}:root:not([data-motion=off]) .bell-profile>:nth-child(4){animation-delay:.22s}:root:not([data-motion=off]) .bell-profile>:nth-child(5){animation-delay:.29s}:root:not([data-motion=off]) .bell-profile>:nth-child(6){animation-delay:.36s}:root:not([data-motion=off]) .bell-offer-grid>*{animation:bell-rise .8s var(--easing-standard) both;animation-delay:.42s}:root:not([data-motion=off]) .bell-offer-grid>:nth-child(2){animation-delay:.52s}@keyframes bell-shimmer{0%,55%{background-position:100% 0}to{background-position:-50% 0}}@keyframes bell-aura-breathe{to{opacity:1;scale:1.12}}@keyframes bell-rise{0%{opacity:0;transform:translateY(14px)}}.bell-rules{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);max-height:180px;color:var(--color-text-secondary);overscroll-behavior:contain;padding:14px 16px;font-size:13px;line-height:1.55;overflow-y:auto}.bell-rules h4{color:var(--color-text-primary);margin:0 0 8px;font-size:14px}.bell-rules ol{gap:8px;margin:0;padding-left:18px;display:grid}.bell-rules-end{color:var(--color-success);margin:12px 0 0;font-weight:600}.checkbox-label.is-locked{color:var(--color-text-muted)}.bell-page:has(.bell-session.is-chat){width:100%;max-width:none;min-height:100dvh;padding-block:var(--space-s4);flex-direction:column;display:flex}.bell-session.is-chat{border:1px solid var(--color-glass-border,var(--color-border));border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;flex:1;height:calc(100dvh - 120px);min-height:0;display:flex;overflow:hidden}.bell-session.is-chat>.bell-session-heading{padding:8px var(--space-s4);border-top:1px solid var(--color-border);order:2;justify-content:flex-end;margin:0}.bell-session.is-chat>.bell-session-heading>:not(button){display:none}.bell-session.is-chat>.form-grid{flex-direction:column;flex:1;gap:0;min-height:0;display:flex}.bell-session.is-chat>.form-grid>.small.muted,.bell-session.is-chat>.form-grid>.text-button{padding:8px var(--space-s4);margin:0}.bell-session.is-chat .chat-thread{flex:1;min-height:0}.paid-section{gap:var(--space-s2);margin-top:var(--space-s6);display:grid}.paid-section h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.paid-people{gap:var(--space-s2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.paid-people a{align-items:center;gap:var(--space-s3);padding:var(--space-s3);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:inherit;text-decoration:none;display:flex}.paid-people a:hover{background:var(--color-surface-hover)}.paid-people a>span:last-child{min-width:0;display:grid}.paid-avatar{background:color-mix(in srgb, var(--color-primary) 18%, var(--color-surface));border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}
.identity-public{min-height:100dvh}.hub-identity-avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.identity-top{padding:var(--space-s5);justify-content:space-between;align-items:center;display:flex}.identity-stage{isolation:isolate;min-height:65dvh;padding:var(--space-s6) var(--space-s4);background-image:radial-gradient(var(--color-border-strong) 1px, transparent 1px);background-size:24px 24px;place-items:center;display:grid;position:relative;overflow:hidden}.identity-stage .bell-particles{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.identity-card{width:min(100%,480px);padding:var(--space-s6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;overflow-wrap:anywhere}.identity-avatar{width:96px;height:96px;margin:0 auto var(--space-s4);background:var(--color-surface-selected);border-radius:50%;place-items:center;display:grid;overflow:hidden}.identity-avatar img{object-fit:cover;width:100%;height:100%}.identity-card h1{margin:0;font-size:clamp(1.4rem,4vw,2rem)}.identity-handle{color:var(--color-link);margin:var(--space-s2) 0}.identity-bio{color:var(--color-text-secondary);white-space:pre-wrap}.identity-links{gap:var(--space-s3);margin-top:var(--space-s6);display:grid}.identity-link{align-items:center;gap:var(--space-s3);text-align:left;padding:var(--space-s4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);text-decoration:none;display:flex}.identity-link span{flex:1;min-width:0}.identity-link svg{flex:none}.identity-link:hover{border-color:var(--color-primary)}.identity-editor{max-width:1100px;padding:var(--space-s5);margin:auto}.identity-editor-grid{gap:var(--space-s6);margin-top:var(--space-s6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.identity-editor-grid aside{top:var(--space-s5);align-self:start;min-width:0;position:sticky}.identity-form{gap:var(--space-s4);padding:var(--space-s5);min-width:0;display:grid}.identity-form label:not(.identity-choice){gap:var(--space-s2);display:grid}.identity-form input:not([type=checkbox]):not([type=radio]),.identity-form textarea{width:100%;min-width:0}.identity-form fieldset{margin:var(--space-s3) 0;border:0;min-width:0;padding:0}.identity-form legend{font-weight:700}.identity-choice{align-items:center;gap:var(--space-s3);padding:var(--space-s3);border-bottom:1px solid var(--color-border);display:flex}.identity-choice input{width:18px;height:18px;accent-color:var(--color-primary);flex:none}.identity-choice span{overflow-wrap:anywhere;min-width:0}.identity-choice small{color:var(--color-text-muted);display:block}@media (max-width:760px){.identity-editor-grid{grid-template-columns:minmax(0,1fr)}.identity-editor-grid aside{position:static}.identity-card{padding:var(--space-s5)}}.identity-top-actions{align-items:center;gap:var(--space-s2);display:flex}