@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2)format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2)format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff)format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2)format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/manrope-latin-700-normal-BZp_XxE4.woff2)format("woff2"),url(/assets/manrope-latin-700-normal-DGRFkw-m.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/manrope-latin-800-normal-BfWYOv1c.woff2)format("woff2"),url(/assets/manrope-latin-800-normal-uHUdIJgA.woff)format("woff")}.privacy-benefits{border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;border-radius:22px;margin:24px 0;padding:22px 20px 8px}.privacy-benefits h2{letter-spacing:-.7px;margin:0 0 22px;font-size:23px;line-height:1.3}.privacy-benefits-list{gap:20px;margin:0;padding:0;list-style:none;display:grid}.privacy-benefits-list li{align-items:flex-start;gap:12px;min-width:0;display:flex}.privacy-benefit-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.privacy-benefits-list h3{margin:0 0 5px;font-size:13px;line-height:1.6}.privacy-benefits-list p,.privacy-benefits-details p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.privacy-benefits-details{border-top:1px solid var(--line);margin-top:20px}.privacy-benefits-details summary{cursor:pointer;min-height:44px;color:var(--accent-ink);padding:14px 0;font-size:12px;font-weight:600;line-height:1.7}.privacy-benefits-details summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.privacy-benefits-details>div{gap:14px;max-width:760px;padding:0 0 16px;display:grid}.privacy-benefits-details strong{color:var(--ink);font-weight:600}.entry-card .privacy-benefits{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:24px 0 0;padding:24px 0 0}.desktop-welcome>.privacy-benefits{margin-top:0}@media (width>=900px){.desktop-welcome .privacy-benefits-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}.presence-label{font-size:inherit;color:var(--muted);align-items:center;gap:5px;line-height:1.4;display:inline-flex}.presence-label.presence-online{color:#39734b}.presence-inline-dot{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.presence-avatar{flex:none;display:inline-flex;position:relative}.presence-avatar-dot{border:2px solid var(--surface);background:#39734b;border-radius:50%;width:9px;height:9px;position:absolute;bottom:0;right:0}.peer-profile-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.pp-contact .peer-profile-button.pp-row-copy{justify-content:center;align-self:stretch;min-width:0}.chat-header .peer-profile-button{align-items:center;min-width:40px;min-height:44px;display:flex}.peer-profile-heading{align-items:center;gap:14px;margin:6px 0 24px;display:flex}.peer-profile-heading>div{gap:5px;display:grid}.peer-profile-heading .presence-label{font-size:12px}.peer-profile-heading+.social-card h3{align-items:center;gap:8px;display:flex}.peer-verification{gap:12px;margin-top:14px;display:grid}.peer-verification p{margin:0}.peer-code-confirm{align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.peer-code-confirm input{flex:none;width:18px;height:18px;margin:1px 0 0}.own-security-code{margin:22px 0;display:block}[data-theme=dark] .presence-online{color:#98cfa7}[data-theme=dark] .presence-avatar-dot{background:#98cfa7}.presence-label .presence-inline-dot{color:inherit}.album-composer{width:min(100%,440px);max-width:100%;top:var(--surr-visible-top,0px);bottom:max(0px, calc(100dvh - var(--surr-visible-height,100dvh) - var(--surr-visible-top,0px)));max-height:min(calc(var(--surr-visible-height,100dvh) - 12px), 860px);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:24px 24px 0 0;margin:auto auto 0;padding:0;position:fixed;left:0;right:0;overflow:hidden;box-shadow:0 -12px 60px #30271226}.album-composer[open]{flex-direction:column;display:flex}.album-composer::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#29251d66}.album-composer-header{flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;padding:12px 16px 8px;display:grid}.album-composer-header h2{text-align:center;margin:0;font-size:18px}.album-composer-content{overscroll-behavior:contain;min-height:0;padding:4px 20px 12px;overflow-y:auto}.album-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.album-selection-image{aspect-ratio:1;background:var(--surface-alt);border-radius:13px;position:relative;overflow:hidden}.album-selection-image img{object-fit:cover;width:100%;height:100%;display:block}.album-selection-image button{color:#544b3b;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:2px;right:2px}.album-selection-image button:before{content:"";background:#fffaf3ed;border-radius:50%;position:absolute;inset:7px;box-shadow:0 1px 5px #0002}.album-selection-image button svg{position:relative}.album-add{border:1px solid var(--line);background:var(--surface-alt);border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:48px;margin-top:14px;font-size:14px;display:flex}.album-limit{text-align:center;color:var(--muted);margin:6px 0 12px;font-size:11px}.album-caption-label textarea{resize:none;box-sizing:border-box;border:1px solid var(--line);width:100%;min-height:66px;font:inherit;color:var(--ink);background:var(--surface-alt);border-radius:16px;padding:13px;font-size:16px;display:block}.album-composer-footer{padding:4px 20px max(18px, env(safe-area-inset-bottom));flex-shrink:0}.album-composer-footer .primary-button{border-radius:16px;width:100%;min-height:50px}.image-group{background:var(--surface-alt);border:2px solid var(--surface-alt);border-radius:15px;width:min(310px,100%);overflow:hidden}.outgoing .image-group{background:var(--bubble-out,#f8d48a);border-color:var(--bubble-out,#f8d48a);color:var(--bubble-out-ink,#5c4624)}.message[data-highlighted] .image-group{outline:2px solid var(--accent);outline-offset:3px}.image-group-grid{aspect-ratio:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.image-group-count-1{aspect-ratio:4/3;grid-template-rows:1fr;grid-template-columns:1fr}.image-group-count-2{aspect-ratio:4/3;grid-template-rows:1fr}.image-group-count-3>:first-child{grid-row:span 2}.image-group-tile{background:var(--surface);border:0;min-width:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}button.image-group-tile{cursor:zoom-in}.image-group-tile img{object-fit:cover;width:100%;height:100%;display:block}.image-group-placeholder{height:100%;min-height:70px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.image-group-more{color:#fff;background:#19171480;place-items:center;font-size:28px;font-weight:600;display:grid;position:absolute;inset:0}.image-group-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:9px 10px;font-size:14px;line-height:1.45}.album-message{width:min(310px,85%)}.image-viewer-album .image-viewer-header{color:#fffaf0;background:#27251f}.image-viewer-album .image-viewer-back:hover,.image-viewer-album .image-viewer-close:hover{background:#ffffff16}.image-viewer-count{text-align:center;flex-shrink:0;margin:0;padding:0 12px 8px;font-size:14px}.image-viewer-album .image-viewer-stage{touch-action:pan-y pinch-zoom;gap:0;padding:0}.image-viewer-album .image-viewer-image{max-height:100%}.image-viewer-nav{padding:14px max(8px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-shrink:0;justify-content:center;align-items:center;gap:7px;display:flex}.image-viewer-nav>button{color:#fffaf0;background:#ffffff12;border-radius:50%;flex:0 0 44px;place-items:center;height:44px;display:grid}.image-viewer-thumbnails{scrollbar-width:thin;gap:6px;min-width:0;padding:3px;display:flex;overflow-x:auto}.image-viewer-thumbnails button{background:#ffffff15;border:2px solid #0000;border-radius:10px;flex:0 0 54px;height:60px;padding:0;overflow:hidden}.image-viewer-thumbnails button[aria-current=true]{border-color:#f6c767}.image-viewer-thumbnails img{object-fit:cover;width:100%;height:100%;display:block}.image-viewer button:disabled{opacity:.35}.image-viewer-album button:focus-visible{outline-offset:2px;outline:2px solid #f6c767}@media (orientation:landscape) and (height<=500px){.album-composer{max-height:var(--surr-visible-height,100dvh)}.album-selection-image{aspect-ratio:3/2}.image-viewer-album .image-viewer-header{padding-top:max(3px, env(safe-area-inset-top));padding-bottom:0}.image-viewer-count{padding:0;position:absolute;top:17px;left:45%}.image-viewer-nav{padding-top:4px;padding-bottom:max(4px, env(safe-area-inset-bottom))}.image-viewer-thumbnails button{height:44px}}.album-caption-label .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.album-caption-label{margin-bottom:12px;display:block}html[data-surr-keyboard=true] .album-composer-footer{padding-bottom:8px}.message .message-bottom{flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;min-height:32px;margin:1px 2px 0}.outgoing .message-bottom{justify-content:flex-end}.message-react-button,.message-read-status{color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:3px;min-height:32px;padding:0 4px;font-size:10px;display:inline-flex}.message-react-button{min-width:32px}.message-react-button:hover,.message-read-status:hover{color:var(--ink)}.message-read-status{color:var(--accent-ink)}.message-sent-status{align-items:center;gap:3px;font-size:10px;display:inline-flex}.message-reactions{flex-wrap:wrap;gap:4px;max-width:100%;display:flex}.outgoing .message-reactions{justify-content:flex-end}.reaction-chip{isolation:isolate;min-width:38px;min-height:32px;color:var(--ink);background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:10px;line-height:1;display:inline-flex;position:relative}.reaction-chip:before{content:"";z-index:-1;border-radius:inherit;background:var(--surface);border:1px solid var(--line);position:absolute;inset:4px 0}.reaction-chip>span:first-child{font-size:14px}.reaction-chip[aria-pressed=true]{color:var(--accent-ink)}.reaction-chip[aria-pressed=true]:before,.reaction-picker button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-ink);color:var(--accent-ink)}.reaction-picker{grid-template-columns:repeat(4,44px);justify-content:center;gap:8px;display:grid}.reaction-picker button{border:1px solid var(--line);background:var(--surface-alt);border-radius:12px;min-width:44px;min-height:44px;font-size:22px}.reaction-preview{white-space:pre-wrap;-webkit-line-clamp:2;overflow-wrap:anywhere;background:var(--surface-alt);color:var(--muted);border-radius:12px;-webkit-box-orient:vertical;padding:12px;font-size:13px;display:-webkit-box;overflow:hidden}.receipt-readers{margin:12px 0;padding:0;list-style:none}.receipt-readers li{align-items:center;gap:12px;padding:10px 0;font-size:14px;display:flex}.receipt-settings{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-bottom:18px;padding:20px}.receipt-setting-row{align-items:center;gap:12px;display:flex}.receipt-setting-row>svg{color:var(--muted);flex:none}.receipt-setting-row>div{flex:1;min-width:0}.receipt-setting-row h3{margin:0 0 5px;font-size:14px}.receipt-setting-row p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.receipt-switch{background:0 0;border:0;border-radius:24px;flex:none;width:48px;height:44px;padding:0;position:relative}.receipt-switch:before{content:"";background:var(--muted);border-radius:24px;position:absolute;inset:8px 0}.receipt-switch[aria-checked=true]:before{background:var(--accent-ink)}.receipt-switch span{background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:12px;left:4px}.receipt-switch[aria-checked=true] span{transform:translate(20px)}.message-react-button:focus-visible,.message-read-status:focus-visible,.reaction-chip:focus-visible,.reaction-picker button:focus-visible,.receipt-switch:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){.receipt-switch span{transition:none}}.message{touch-action:pan-y pinch-zoom}.message[data-highlighted] .message-bubble,.message[data-highlighted] .photo-link{outline:2px solid var(--accent);outline-offset:3px}.message-quote{text-align:left;background:var(--surface-alt);border-left:3px solid var(--accent);border-radius:8px;align-items:flex-start;gap:7px;max-width:100%;min-height:36px;padding:8px 11px;font-size:12px;line-height:1.4;display:flex}.message-quote span{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.message-quote svg{flex-shrink:0}.message-edited{color:var(--muted);font-size:9px}.composer-reply{border-left:3px solid var(--accent);background:var(--surface-alt);border-radius:8px;align-items:center;gap:10px;margin-bottom:7px;padding:7px 10px;font-size:12px;display:flex}.composer-reply>div{flex:1;min-width:0}.composer-reply strong{margin-bottom:3px;display:block}.composer-reply span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.message-actions{gap:7px;display:grid}.message-actions button{text-align:left;background:var(--surface-alt);border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:12px;display:flex}.room-subtitle{color:var(--muted);margin:-4px 0 20px;font-size:13px;line-height:1.6}.room-tabs{border-bottom:1px solid var(--line);margin-bottom:20px;display:flex}.room-tabs button{border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;font-size:13px;display:flex}.room-tabs button[aria-selected=true]{border-color:var(--accent);font-weight:700}.room-search{gap:8px;font-size:13px;display:grid}.room-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px;display:grid}.room-gallery button{aspect-ratio:1;background:var(--surface-alt);border-radius:12px;min-width:0;overflow:hidden}.room-gallery img{object-fit:cover;width:100%;height:100%}.room-gallery span{overflow-wrap:anywhere;justify-items:center;gap:6px;padding:6px;font-size:10px;display:grid}.room-results{gap:8px;margin-top:16px;display:grid}.room-results button{text-align:left;background:var(--surface-alt);border-radius:12px;min-height:48px;padding:12px}.room-results span{-webkit-line-clamp:3;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.room-results time{color:var(--muted);margin-top:6px;font-size:10px;display:block}.room-security{margin-top:24px}.queued-message .message-bubble{opacity:.75}.outbox-error{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.5}.outbox-actions{gap:12px;display:flex}.outbox-actions button{min-height:44px;font-size:12px;text-decoration:underline}.share-summary{background:var(--bg);overflow-wrap:anywhere;border-radius:16px;margin:14px 0;padding:12px 15px}.share-summary p{white-space:pre-wrap;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0;display:-webkit-box;overflow:hidden}.share-contacts{max-height:35dvh;overflow-y:auto}.share-text{resize:vertical;width:100%;min-height:120px;max-height:35dvh;display:block}.share-recipient{overflow-wrap:anywhere;margin:12px 0}.share-paste-help{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.5}.new-conversation-choices{gap:12px;margin:20px 0;display:grid}.new-conversation-choices>button{border:1px solid var(--line);background:var(--surface-alt);color:var(--ink);text-align:left;border-radius:18px;align-items:center;gap:14px;padding:20px 16px;display:flex}.new-conversation-choices>button>span{flex:1}.new-conversation-choices strong{margin-bottom:5px;font-size:17px;display:block}.new-conversation-choices small{color:var(--muted);line-height:1.5;display:block}.new-contact-list{margin:12px 0;display:grid}.new-contact-list>button{border:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:12px 0;display:flex}.new-contact-list>button>span:nth-child(2){flex:1}.push-welcome-symbol{width:64px;height:64px;color:var(--accent-ink);background:var(--accent-soft);border-radius:24px;place-items:center;margin:16px auto;display:grid}.recovery-manual{margin:18px 0}.recovery-manual summary{cursor:pointer;padding:10px 0}.message-read-status{min-width:28px;padding:0 3px}.message-read-status svg{width:13px;height:13px}.expanded-picker{overscroll-behavior:contain;width:min(100% - 24px,420px);max-height:min(58vh,420px);overflow:auto}.expanded-picker .picker-tabs{background:var(--surface);z-index:1;position:sticky;top:0}.picker-tabs button[aria-pressed=true]{color:var(--accent-ink);font-weight:700}.picker-search{width:100%;margin-bottom:8px;font-size:16px}.emoji-categories{gap:6px;padding:3px 0 8px;display:flex;overflow-x:auto}.emoji-categories button{border:1px solid var(--line);color:var(--muted);background:var(--surface-alt);border-radius:16px;flex-shrink:0;padding:9px;font-size:11px}.emoji-categories button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.emoji-tone{color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.emoji-tone select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:4px;font-size:16px}.expanded-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}.expanded-emoji-grid>button{width:100%;min-height:42px;font-size:24px}.gif-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.gif-grid>button{background:var(--surface-alt);min-width:0;color:var(--ink);border:1px solid #0000;border-radius:12px;padding:4px}.gif-grid>button[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent-soft)}.gif-grid img{aspect-ratio:1;width:100%;height:auto;display:block}.gif-grid button>span:last-child{overflow-wrap:anywhere;font-size:10px;display:block}.gif-still{aspect-ratio:1;place-items:center;font-size:35px;display:grid}.gif-pages{justify-content:space-between;align-items:center;margin:8px 0;font-size:11px;display:flex}.gif-pages button{min-height:36px;color:var(--ink);background:0 0;border:0}.gif-credit{color:var(--muted);margin:8px 0 0;font-size:9px}.report-description{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-alt);border-radius:12px;padding:14px}.admin-tabs{flex-wrap:wrap}.recovery-file-label input{max-width:100%;margin-top:8px;font-size:13px;display:block}.release-history{border-top:1px solid var(--line);margin-top:18px;padding-top:8px}.release-history-link{min-height:44px;color:var(--muted);align-items:center;gap:7px;padding:10px 0;font-size:12px;display:inline-flex}.release-history-link:hover{color:var(--ink)}.release-history .dialog[open]{flex-direction:column;display:flex;overflow:hidden}.release-history .dialog-heading{flex-shrink:0;margin-bottom:18px}.release-history-content{overscroll-behavior:contain;min-height:0;padding-top:4px;overflow-y:auto}.release-history-intro,.release-history-empty{color:var(--muted);margin:0 0 22px;font-size:13px;line-height:1.8}.release-history-list{margin:0;padding:0;list-style:none}.release-history-list>li{border-top:1px solid var(--line);padding:20px 0}.release-history-date{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;display:flex}.release-history-date>span{background:var(--accent-soft);color:var(--accent-ink);border-radius:8px;padding:3px 7px;font-size:10px}.release-history-list h3{margin:9px 0;font-size:15px;line-height:1.5}.release-history-list ul{color:var(--ink);gap:7px;padding-left:18px;font-size:13px;line-height:1.8;display:grid}.release-history-list ul li::marker{color:var(--accent-ink)}.mobile-welcome{color:var(--ink);background:var(--bg);min-height:100dvh}.desktop-welcome{flex-direction:column;max-width:1320px;margin:0 auto;padding:36px 64px 26px;display:flex;overflow-x:clip}.mobile-welcome-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.mobile-welcome-header-note{color:#716a5f;align-items:center;gap:8px;font-size:12px;display:flex}.desktop-welcome-content{flex:1;grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:center;column-gap:34px;padding:72px 0 64px;display:grid}.mobile-welcome-eyebrow{color:#87714c;text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;line-height:1.6;display:block}.desktop-welcome h1{letter-spacing:-4px;margin:19px 0 24px;font-size:clamp(52px,6.1vw,80px);font-weight:800;line-height:1.08}.desktop-welcome h1>span{z-index:0;white-space:nowrap;position:relative}.desktop-welcome h1>span:after{content:"";z-index:-1;background:#f4c56e;border-radius:60% 30% 30% 50%;height:18px;position:absolute;bottom:3px;left:-3px;right:-6px;transform:rotate(-2deg)}.mobile-welcome-intro{color:#696258;font-size:16px;line-height:1.8}.desktop-welcome-requirement{color:#756e63;max-width:415px;margin-top:16px;font-size:13px;line-height:1.8}.desktop-welcome-browser-note{color:#82796a;margin-top:17px;font-size:11px;line-height:1.7}.desktop-welcome-transfer{background:#fffdf9;border:1px solid #e8e0d3;border-radius:23px;align-items:center;gap:19px;max-width:470px;margin-top:30px;padding:14px 20px 14px 14px;display:flex;box-shadow:0 8px 22px #66523704}.desktop-welcome-qr{background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:148px;height:148px;display:grid;overflow:hidden}.desktop-welcome-qr img{width:100%;height:100%;display:block}.desktop-welcome-qr>span{text-align:center;color:#756e63;padding:14px;font-size:12px;line-height:1.7}.desktop-welcome-transfer-copy{min-width:0}.desktop-welcome-transfer h2{letter-spacing:-.35px;margin-bottom:7px;font-size:15px}.desktop-welcome-transfer p{color:#756e63;font-size:12px;line-height:1.7}.mobile-welcome-copy-button{text-align:left;color:#795419;text-underline-offset:3px;justify-content:flex-start;align-items:center;gap:7px;min-height:44px;padding:5px 0;font-size:11px;font-weight:600;text-decoration:underline;display:inline-flex}.mobile-welcome-copy-status{color:#756e63;font-size:11px;line-height:1.6;display:block}.mobile-welcome-illustration{isolation:isolate;justify-content:center;align-items:center;min-width:0;height:520px;display:flex;position:relative}.mobile-welcome-orbit{z-index:-1;background:#f5ead5;border-radius:46% 54% 63% 37%/48% 38% 62% 52%;position:absolute;inset:87px -10px 60px;transform:rotate(-12deg)}.mobile-welcome-orbit:after{content:"";border:1px solid #e7d9bf;border-radius:53% 47% 42% 58%/38% 62%;position:absolute;inset:-22px 20px 14px -18px}.mobile-welcome-phone{background:#fcfaf6;border:7px solid #3b3933;border-radius:39px;flex-direction:column;width:244px;height:461px;padding:17px 13px 12px;display:flex;position:relative;transform:rotate(7deg);box-shadow:13px 25px 35px #57463018,inset 0 0 0 1px #fff}.mobile-welcome-phone-camera{background:#3b3933;border-radius:12px;width:64px;height:15px;position:absolute;top:8px;left:calc(50% - 32px)}.mobile-welcome-phone-time{justify-content:space-between;padding:0 9px;font-size:9px;font-weight:700;display:flex}.mobile-welcome-phone-time>span{letter-spacing:1px;font-size:8px}.mobile-welcome-phone-heading{border-bottom:1px solid #eae3d8;align-items:center;gap:7px;margin:21px -5px 0;padding-bottom:14px;display:flex}.mobile-welcome-phone-avatar{background:#e2e7d9;border-radius:11px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:grid}.mobile-welcome-phone-heading strong,.mobile-welcome-phone-heading small{display:block}.mobile-welcome-phone-heading strong{font-size:10px}.mobile-welcome-phone-heading small{color:#817866;margin-top:4px;font-size:8px}.mobile-welcome-phone-heading>svg{color:#8b877a;margin-left:auto}.mobile-welcome-phone-conversation{flex-direction:column;flex:1;gap:10px;padding-top:16px;display:flex}.mobile-welcome-phone-day{text-align:center;color:#9b9386;margin-bottom:6px;font-size:8px}.mobile-welcome-bubble{background:#eeeae3;border-radius:12px 12px 12px 3px;align-self:flex-start;max-width:168px;padding:9px 11px;font-size:10px;line-height:1.7}.mobile-welcome-bubble-own{background:#f5d691;border-radius:12px 12px 3px;align-self:flex-end}.mobile-welcome-phone-heart{align-self:flex-end;padding-right:8px;font-size:37px;line-height:1.4}.mobile-welcome-phone-read{color:#93897a;text-align:center;margin-top:2px;font-size:7px}.mobile-welcome-phone-compose{color:#9b917f;border:1px solid #e7dfd2;border-radius:18px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:11px 12px;font-size:9px;display:flex}.mobile-welcome-phone-compose svg{color:#95631d}.mobile-welcome-phone-home{background:#3b3933;border-radius:4px;width:76px;height:3px;margin:0 auto}.mobile-welcome-floating-heart{z-index:2;background:#fffdf9;border-radius:24px 24px 7px;place-items:center;width:68px;height:68px;font-size:32px;display:grid;position:absolute;top:18px;left:22px;transform:rotate(-12deg);box-shadow:0 8px 28px #765b3410}.mobile-welcome-floating-spark{color:#bd8a38;position:absolute;bottom:104px;right:8px;transform:rotate(9deg)}.mobile-welcome-illustration-note{color:#796c56;background:#fffdf9;border:1px solid #e9e1d5;border-radius:20px;align-items:center;gap:7px;padding:11px 15px;font-size:11px;display:flex;position:absolute;bottom:-13px;transform:rotate(-3deg)}.mobile-welcome-footer{color:#82796a;text-align:center;justify-content:center;align-items:center;gap:8px;font-size:11px;line-height:1.7;display:flex}.install-welcome{padding:max(24px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.install-welcome-header{justify-content:space-between;align-items:center;gap:12px;padding:0 2px;display:flex}.install-welcome-header .wordmark{font-size:31px}.install-welcome-header .brand-mark{border-radius:11px;width:32px;height:32px}.install-welcome-header>span{color:#84786a;text-align:right;font-size:10px;line-height:1.7}.install-welcome-card{padding:38px 12px 22px}.install-welcome-icon-wrap{isolation:isolate;place-items:center;width:130px;height:124px;margin:0 auto 24px;display:grid;position:relative}.install-welcome-icon-wrap>img{border-radius:23px;transform:rotate(-8deg);box-shadow:0 12px 26px #aa702629}.install-welcome-icon-halo{z-index:-1;background:#f5ead5;border-radius:47% 53% 38% 62%/39% 43% 57% 61%;position:absolute;inset:0;transform:rotate(15deg)}.install-welcome-icon-spark{color:#a87125;position:absolute;top:6px;right:-5px;transform:rotate(12deg)}.install-welcome-card>.mobile-welcome-eyebrow{text-align:center;letter-spacing:1.7px;font-size:9px}.install-welcome h1{letter-spacing:-1.4px;text-align:center;margin:13px 0 16px;font-size:clamp(29px,7.8vw,37px);line-height:1.23}.install-welcome-card>.mobile-welcome-intro{text-align:center;max-width:330px;margin:0 auto;font-size:13px;line-height:1.8}.install-welcome-benefits{background:#fffdf9;border:1px solid #e9e1d4;border-radius:20px;flex-direction:column;gap:18px;margin:26px auto;padding:22px 18px;list-style:none;display:flex}.install-welcome-benefits li{align-items:center;gap:12px;display:flex}.install-welcome-benefits li>span{color:#886229;background:#fff1d3;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.install-welcome-benefits strong{font-size:12px;font-weight:600;line-height:1.6;display:block}.install-welcome-benefits p{color:#83786a;margin-top:2px;font-size:10px;line-height:1.6}.mobile-welcome-primary{color:#493418;background:#f4ba54;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;padding:14px 20px;font-size:14px;font-weight:700;display:flex;box-shadow:0 5px 14px #bc823017}.mobile-welcome-primary:hover:not(:disabled){background:#efad3c}.mobile-welcome-primary>svg:last-child:not(:first-child){margin-left:auto}.mobile-welcome-primary:has(>svg:last-child:not(:first-child))>svg:first-child{margin-right:auto}.install-welcome-chevron-open{transform:rotate(90deg)}.install-welcome-manual{color:#795419;text-underline-offset:3px;width:100%;min-height:44px;padding:10px;font-size:11px;text-decoration:underline;display:block}.install-welcome-guide{background:#fffdf9;border:1px solid #e8e0d3;border-radius:20px;margin-top:20px;padding:20px 18px}.install-welcome-guide[hidden]{display:none}.install-welcome-guide h2{letter-spacing:-.5px;margin-bottom:14px;font-size:17px;line-height:1.5}.install-welcome-guide h2:focus{outline:none}.mobile-install-browser-hint{color:#716656;margin:0 0 18px;font-size:12px;line-height:1.8}.mobile-install-steps ol{counter-reset:surr-install-step;flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.mobile-install-steps li{counter-increment:surr-install-step;align-items:flex-start;gap:12px;display:flex}.mobile-install-steps li:before{content:counter(surr-install-step);color:#76511d;background:#fff0ce;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;margin-top:1px;font-size:11px;font-weight:700;display:grid}.mobile-install-steps li strong{font-size:12px;line-height:1.7;display:block}.mobile-install-steps li p{color:#716656;margin-top:4px;font-size:11px;line-height:1.8}.mobile-install-steps li b{font-weight:600}.mobile-install-steps ol+.mobile-install-browser-hint{margin:17px 0 0}.install-welcome-recovery-note{color:#83786a;border-top:1px solid #eae3d8;margin-top:20px;padding-top:16px;font-size:11px;line-height:1.8}.install-welcome-other-options{flex-direction:column;margin-top:11px;display:flex}.install-welcome-other-options>button{color:#716656;justify-content:center;align-items:center;gap:4px;min-height:44px;padding:10px;font-size:12px;line-height:1.6;display:flex}.install-welcome-other-options>button:last-child{color:#827668;text-underline-offset:3px;font-size:11px;text-decoration:underline}.install-welcome>.mobile-welcome-footer{font-size:10px}@media (width>=600px){.install-welcome{padding-top:38px}.install-welcome-card{border:1px solid var(--line);background:var(--surface);border-radius:28px;margin-top:28px;padding:36px 42px 24px}.install-welcome>.mobile-welcome-footer{margin-top:24px}}@media (width<=1000px){.desktop-welcome{padding:30px 38px 26px}.desktop-welcome-content{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);column-gap:20px;padding-top:60px}.desktop-welcome h1{letter-spacing:-3px;font-size:60px}.desktop-welcome-break{display:none}.desktop-welcome-qr{width:124px;height:124px}.desktop-welcome-transfer{gap:12px;padding:12px}.mobile-welcome-illustration{transform-origin:50%;transform:scale(.9)}.mobile-welcome-floating-heart{left:-18px}}@media (width<=760px){.desktop-welcome{padding:28px 28px 24px}.mobile-welcome-header-note{text-align:right;max-width:135px;font-size:10px;line-height:1.6}.desktop-welcome-content{grid-template-columns:minmax(0,1fr);gap:24px;padding:55px 0 35px}.desktop-welcome-copy{max-width:460px;margin:auto}.desktop-welcome h1{font-size:64px}.desktop-welcome-transfer{gap:18px;padding:13px}.desktop-welcome-qr{width:148px;height:148px}.mobile-welcome-illustration{width:min(360px,100%);height:505px;margin:-5px auto -24px;transform:scale(.88)}.mobile-welcome-floating-heart{left:5px}.mobile-welcome-footer{max-width:350px;margin:auto;font-size:10px}}@media (width<=390px){.desktop-welcome{padding-left:20px;padding-right:20px}.desktop-welcome h1{font-size:56px}.desktop-welcome-transfer{gap:10px;padding:10px}.desktop-welcome-qr{width:112px;height:112px}.desktop-welcome-transfer h2{font-size:13px}.desktop-welcome-transfer p{font-size:11px}.mobile-welcome-copy-button{gap:5px;font-size:10px}.install-welcome{padding-left:15px;padding-right:15px}.install-welcome-card{padding-left:3px;padding-right:3px}.install-welcome-benefits{padding:20px 13px}}@media (prefers-reduced-motion:reduce){.mobile-welcome *,.mobile-welcome :before,.mobile-welcome :after{transition:none!important;animation:none!important}.mobile-welcome button:active:not(:disabled){transform:none}}.browser-welcome-symbol{color:#795419;background:#fff0ce;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 24px;display:grid}.browser-welcome-guide{margin-bottom:22px}.browser-welcome-copy-status{color:#716656;text-align:center;min-height:22px;margin-top:10px;font-size:12px;line-height:1.7}.browser-welcome-menu-hint{text-align:center;margin:12px 0 0}.browser-welcome-copy-fallback{font-size:12px;line-height:1.7;display:block}.browser-welcome-copy-fallback textarea{margin-top:8px}.desktop-welcome-promise{max-width:460px;color:var(--ink);margin-top:14px;font-size:14px;font-weight:500;line-height:1.8}.desktop-welcome-footer{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:12px;max-width:none;margin:0}.desktop-welcome-footer>p{align-items:center;gap:8px;display:flex}.desktop-welcome-footer>p>svg{flex-shrink:0}.desktop-welcome-footer>.release-history{border:0;margin:0;padding:0}.admin-view{max-width:760px}.admin-back{min-height:44px;color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;margin:0 0 20px;padding:0;font-size:13px;display:inline-flex}.admin-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-heading h1{letter-spacing:-.8px;margin:6px 0;font-size:clamp(25px,6vw,34px)}.admin-heading p{color:var(--muted);margin:0;font-size:13px}.admin-heading>svg{color:var(--accent-ink);flex:none}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.admin-stats>div{border:1px solid var(--line);background:var(--surface);border-radius:17px;flex-direction:column;gap:5px;padding:17px;display:flex;position:relative}.admin-stats strong{color:var(--ink);font-size:26px}.admin-stats span{color:var(--muted);font-size:11px}.admin-stats svg{color:var(--muted);position:absolute;top:18px;right:14px}.admin-tabs{background:var(--surface-alt);border-radius:15px;gap:3px;padding:4px;display:flex}.admin-tabs button{min-width:0;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:1;padding:8px 3px;font-size:12px;font-weight:600}.admin-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0000000c}.admin-toolbar{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.admin-toolbar h2{margin:12px 0;font-size:17px}.admin-search{gap:14px;margin-bottom:20px;display:grid}.admin-search label{color:var(--muted);gap:7px;font-size:12px;display:grid}.admin-search-field{gap:8px;display:flex}.admin-search-field input{min-width:0}.admin-search-field .secondary-button{flex:none;min-width:44px;padding:10px}.admin-list{gap:12px;display:grid}.admin-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:18px}.admin-card h3{overflow-wrap:anywhere;margin:0;font-size:14px}.admin-person{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-person>div{flex:1;min-width:130px}.admin-person .avatar{flex:none}.admin-card p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.6}.admin-badge{color:var(--accent-ink);background:var(--accent-soft);border-radius:9px;padding:5px 8px;font-size:10px;font-weight:600}.admin-badge-muted{background:var(--surface-alt);color:var(--muted)}.admin-card dl{gap:8px;margin:17px 0;font-size:12px;display:grid}.admin-card dl>div{flex-wrap:wrap;justify-content:space-between;gap:5px 14px;display:flex}.admin-card dt{color:var(--muted)}.admin-card dd{overflow-wrap:anywhere;margin:0}.admin-card .secondary-button{min-height:44px;font-size:12px}.admin-card .admin-protected{align-items:center;gap:5px;display:flex}.admin-event blockquote{border-left:3px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0;padding:3px 0 3px 12px;font-size:13px;line-height:1.6}.admin-notice{background:var(--accent-soft);color:var(--accent-ink);border-radius:12px;padding:12px 15px;font-size:13px}.admin-empty{color:var(--muted);text-align:center;padding:20px 5px;font-size:13px}.admin-pagination{justify-content:space-between;align-items:center;gap:8px;margin-top:20px;display:flex}.admin-pagination span{color:var(--muted);font-size:11px}.admin-pagination button{padding:10px;font-size:12px}.admin-privacy{color:var(--muted);gap:9px;margin-top:22px;font-size:12px;line-height:1.7;display:flex}.admin-privacy svg{flex:none;margin-top:2px}.admin-back:focus-visible,.admin-tabs button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media (width>=650px){.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-search{grid-template-columns:2fr 1fr}}.admin-search>div{gap:7px;display:grid}.admin-view .admin-tabs button{font-size:12px;font-weight:600}.admin-view .admin-back{font-size:13px}:root{--muted:#6b665b}.entry-page{max-width:620px;min-height:100dvh;margin:auto;padding:48px 24px}.entry-page>.wordmark{width:max-content;margin:0 auto 36px}.entry-card{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:36px;box-shadow:0 12px 50px #57462a07}.entry-symbol{background:var(--accent-soft);border-radius:20px;place-items:center;width:58px;height:58px;margin-bottom:25px;display:grid}.entry-card h1{letter-spacing:-1.2px;margin:10px 0 16px;font-size:34px;line-height:1.2}.entry-intro{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.8}.stack-form{flex-direction:column;gap:18px;margin-top:20px;display:flex}.stack-form>label{flex-direction:column;gap:9px;font-size:13px;font-weight:600;display:flex}.stack-form small{color:var(--muted);font-size:11px;font-weight:400}.text-input{width:100%;min-height:46px}textarea.text-input{resize:vertical;line-height:1.6}.secret-input,.recovery-display{overflow-wrap:anywhere;word-break:break-all;font-family:monospace}.recovery-display{background:var(--accent-soft);font-size:15px}.entry-footnote,.entry-signoff{color:var(--muted);margin-top:25px;font-size:12px;line-height:1.75}.entry-signoff{text-align:center}.text-action{color:#735722;text-underline-offset:3px;align-items:center;gap:7px;min-height:40px;padding:11px 0;font-size:12px;text-decoration:underline;display:inline-flex}.error-notice{color:#783622;overflow-wrap:anywhere;background:#faeee7;border:1px solid #e8cdbd;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;padding:13px 15px;font-size:13px;line-height:1.6;display:flex}.error-notice button{padding:4px;font-weight:600;text-decoration:underline}.key-warning{background:#fff0ce;border-radius:12px;margin:12px 0;padding:15px;font-size:13px;line-height:1.7}.stack-form>.checkbox-label{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.7}.checkbox-label input{accent-color:#ae6d10;margin-top:5px}.fingerprint{overflow-wrap:anywhere;word-break:break-word;letter-spacing:.3px;font-family:monospace;font-size:13px;line-height:1.8;display:block}.fingerprint.small{color:var(--muted);margin-top:15px;font-size:10px}.fingerprint-card{background:var(--surface-alt);border:1px solid var(--line);border-radius:16px;margin:15px 0;padding:16px}.fingerprint-card>strong{margin-bottom:8px;font-size:14px;display:block}.fingerprint-card .fingerprint{margin:10px 0}.global-notice{max-width:620px;margin:15px auto;padding:0 24px}.connection-label{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.nav-count{background:var(--accent);color:var(--ink);border-radius:50%;place-items:center;min-width:18px;height:18px;margin-left:5px;font-size:10px;display:inline-grid}.empty-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:40px;display:flex}.empty-panel p{color:var(--muted);max-width:320px;font-size:14px;line-height:1.7}.live-dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);width:calc(100% - 32px);max-width:510px;max-height:calc(100dvh - 40px);margin:auto;padding:28px;position:fixed;overflow:auto}.live-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#302b1f66}.inline-form{align-items:center;gap:10px;display:flex}.inline-form input{flex:1;min-width:0}.inline-form button{flex-shrink:0}.inline-note{color:var(--muted);margin:10px 0;font-size:12px;line-height:1.75}.social-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:15px 0;display:flex}.social-row:last-child{border-bottom:0}.row-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;margin:15px 0;padding:18px}.social-card h3{font-size:15px}.social-card p{color:var(--muted);margin:10px 0 14px;font-size:12px;line-height:1.8}.social-card .field-label{margin-top:20px}.compact{min-height:40px;padding:10px 12px;font-size:12px}.profile-form{margin-bottom:24px}.pp-profile-card>.avatar{margin-bottom:15px}.safety-banner{color:#6a6557;border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:8px;max-width:100%;margin:0 auto 22px;padding:10px 12px;font-size:11px;display:flex}.rotate-arrow{transform:rotate(180deg)}.history-button{color:#735722;border:1px solid var(--line);background:var(--surface);border-radius:12px;margin:0 auto 22px;padding:10px 16px;font-size:12px;display:block}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere}.message-error{color:#783622;background:#faeee7!important}.message-error .text-action{display:block}.picker-tabs>strong{padding:10px;font-size:13px}.composer-area>.inline-note{text-align:center;margin-top:0}@media (width<=700px){.entry-page{padding:28px 18px}.entry-page>.wordmark{margin-bottom:26px}.entry-card{border-radius:24px;padding:26px 22px}.entry-card h1{font-size:29px}.connection-label span{display:none}.social-row .row-actions{width:100%;margin-left:0}.live-dialog{padding:23px}.empty-panel{display:none}.composer-area>.error-notice{margin-top:0;padding:9px 11px;font-size:11px}.safety-banner{font-size:10px}.pp-view .inline-form .primary-button{gap:5px;padding:12px}.inline-form{gap:7px}.message-image{object-fit:contain;max-height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.attachment-placeholder{background:var(--accent-soft);border-radius:16px;padding:24px;font-size:13px;display:block}html[data-surr-phone=true] #root{height:var(--surr-visible-height,100dvh);min-height:0}html[data-surr-phone=true] .app-topbar{height:calc(66px + env(safe-area-inset-top));min-height:calc(66px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);padding-left:max(23px, env(safe-area-inset-left));padding-right:max(23px, env(safe-area-inset-right))}html[data-surr-phone=true] .composer-area{padding-left:max(13px, env(safe-area-inset-left));padding-right:max(13px, env(safe-area-inset-right))}html[data-surr-phone=true] .entry-page{padding-top:max(28px, env(safe-area-inset-top));padding-bottom:max(28px, env(safe-area-inset-bottom))}.profile-install-help summary{cursor:pointer;color:#735722;min-height:44px;padding:12px 0;font-size:13px}.profile-install-help[open] summary{margin-bottom:12px}html[data-surr-phone=true] .conversation-sidebar{overscroll-behavior-y:contain;padding-left:max(18px, env(safe-area-inset-left));padding-right:max(18px, env(safe-area-inset-right));overflow-y:auto}html[data-surr-phone=true] .conversation-sidebar>*{flex-shrink:0}html[data-surr-phone=true] .conversation-list{flex:none;overflow:visible}html[data-surr-phone=true] .chat-header{padding-left:max(10px, env(safe-area-inset-left));padding-right:max(17px, env(safe-area-inset-right))}html[data-surr-phone=true] .message-scroll{padding-left:max(21px, env(safe-area-inset-left));padding-right:max(21px, env(safe-area-inset-right))}html[data-surr-phone=true] .main-nav{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}.conversation-row.unread .conversation-name{color:var(--ink);font-weight:800}.conversation-unread{background:var(--accent);color:#493418;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:11px;font-weight:800;display:inline-flex}.stack-form>.remember-login{cursor:pointer;align-items:flex-start;min-height:44px;padding:8px 0}.remember-login input{accent-color:var(--accent-ink,#986315);flex-shrink:0;margin-top:2px}.remember-login small{margin-top:5px;font-weight:400;line-height:1.5;display:block}html[data-surr-phone=true]:has(.app-shell){overscroll-behavior:none;overflow:hidden}html[data-surr-phone=true]:has(.app-shell) body{overscroll-behavior:none;overflow:hidden}html[data-surr-phone=true] #root:has(.app-shell){top:var(--surr-visible-top,0px);position:fixed;left:0;right:0;overflow:hidden}html[data-surr-keyboard=true] .mobile-chat-open .composer-note{display:none}html[data-surr-keyboard=true] #root:has(.mobile-chat-open)>.app-topbar{display:none}html[data-surr-keyboard=true] .mobile-chat-open .composer-area{padding-bottom:8px}.pp-view{width:100%;max-width:820px;color:var(--ink);margin:0 auto;padding:42px 48px 32px}.pp-view *,.pp-dialog *{box-sizing:border-box}.pp-view button,.pp-dialog button,.pp-view input,.pp-dialog input,.pp-dialog textarea{font:inherit}.pp-view button,.pp-dialog button{cursor:pointer}.pp-view button:focus-visible,.pp-dialog button:focus-visible,.pp-view input:focus-visible,.pp-dialog input:focus-visible,.pp-dialog textarea:focus-visible{outline-offset:4px;outline:3px solid #b88325}.pp-view h1,.pp-view h2,.pp-view h3,.pp-dialog h2,.pp-dialog h3,.pp-view p,.pp-dialog p{margin:0}.pp-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pp-page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:29px;display:flex}.pp-eyebrow{letter-spacing:1.7px;color:#8b774f;font-size:10px;font-weight:750;line-height:1.5;display:block}.pp-page-heading h1{letter-spacing:-1.3px;margin:6px 0 8px;font-size:34px;font-weight:650;line-height:1.15}.pp-page-heading p{color:var(--muted);font-size:14px}.pp-icon-button{background:var(--surface-alt);width:42px;height:42px;color:var(--ink);border:0;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pp-yellow{background:var(--accent)}.pp-icon-button:hover,.pp-primary:hover{filter:brightness(.97)}.pp-search{background:var(--surface-alt);height:48px;color:var(--muted);border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:0 16px;display:flex}.pp-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;padding:12px 0;font-size:14px}.pp-search:focus-within{border-color:#b88325}.pp-search input:focus-visible{outline:none}.pp-search input::placeholder{color:#8b857a}.pp-request-card{width:100%;color:var(--ink);text-align:left;background:#fff5df;border:1px solid #f0dfb7;border-radius:18px;align-items:center;gap:13px;margin-top:22px;padding:17px;display:flex}.pp-card-icon{color:#9b6b21;background:#fce7b6;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.pp-row-copy{flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:0;display:flex}.pp-row-copy strong{font-size:14px;font-weight:650;line-height:1.3}.pp-row-copy>span{color:var(--muted);font-size:12px;line-height:1.45}.pp-count{background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:11px;font-weight:700;display:flex}.pp-section-heading{justify-content:space-between;align-items:center;gap:12px;margin:30px 0 11px;display:flex}.pp-section-heading h2,.pp-section-heading h3{font-size:13px;font-weight:650}.pp-section-heading>span{color:var(--muted);font-size:11px}.pp-contact-list{background:var(--surface);border:1px solid var(--line);border-radius:19px;padding:0 18px}.pp-contact{align-items:center;gap:13px;padding:17px 0;display:flex}.pp-contact+.pp-contact{border-top:1px solid var(--line)}.pp-avatar{color:#4a4232;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:600;display:inline-flex}.pp-contact-action{color:#6b6559;border:1px solid var(--line);background:0 0;border-radius:11px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;display:flex;font-size:11px!important}.pp-contact-action:hover{background:var(--accent-soft);border-color:#e7c982}.pp-invite-card{background:#f6eddc;border-radius:22px;margin-top:28px;padding:29px;position:relative;overflow:hidden}.pp-invite-card h2{letter-spacing:-.7px;margin-top:9px;font-size:25px;font-weight:600;line-height:1.27}.pp-invite-card p{color:#83796b;max-width:370px;margin:12px 0 21px;font-size:13px;line-height:1.7}.pp-invite-doodle{color:#b08a43;align-items:flex-start;gap:2px;display:flex;position:absolute;top:29px;right:30px;transform:rotate(11deg)}.pp-primary{color:#493b25;background:var(--accent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:43px;padding:12px 17px;display:inline-flex;font-size:12px!important;font-weight:650!important}.pp-primary:disabled{opacity:.45;cursor:not-allowed}.pp-footnote{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:10px;line-height:1.6;display:flex;margin-top:23px!important}.pp-footnote svg{flex-shrink:0}.pp-empty{text-align:center;color:var(--muted);padding:34px 15px}.pp-empty>svg{margin:0 auto 15px}.pp-empty h3{color:var(--ink);margin-bottom:7px;font-size:14px}.pp-empty p{margin-bottom:16px;font-size:12px}.pp-text-button{color:#786843;text-underline-offset:3px;background:0 0;border:none;padding:9px 4px;text-decoration:underline;font-size:12px!important}.pp-sun-decoration{color:#c3a064;padding:9px}.pp-profile-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;flex-direction:column;align-items:center;padding:25px 20px 23px;display:flex}.pp-profile-picture{background:var(--surface-alt);width:88px;height:88px;box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--line);border-radius:50%;margin-bottom:14px}.pp-profile-picture>.avatar,.pp-profile-picture>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.pp-profile-picture>.avatar{font-size:32px;display:flex}.pp-profile-picture-preview{box-shadow:0 0 0 4px var(--surface), 0 0 0 6px #e3b251}.pp-profile-image-editor{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:360px;margin-top:22px;display:flex}.pp-profile-image-editor button{max-width:100%;min-height:44px}.pp-profile-image-choose{justify-content:center;gap:8px}.pp-profile-image-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;width:100%;display:flex}.pp-profile-image-remove{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.pp-profile-image-privacy{color:var(--muted);text-align:center;text-wrap:pretty;justify-content:center;align-items:flex-start;gap:6px;margin-top:6px;font-size:12px;line-height:1.6;display:flex}.pp-profile-image-privacy>svg{flex-shrink:0;margin-top:2px}.pp-profile-image-preview-note,.pp-profile-image-notice{text-align:center;color:#69532c;font-size:12px;line-height:1.6}.pp-profile-image-editor>.error-notice{text-align:left;align-self:stretch}.pp-profile-avatar{color:#7c5c31;background:#f6d698;border-radius:27px;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:14px;font-size:30px;font-weight:550;display:flex;position:relative;transform:rotate(-4deg)}.pp-profile-avatar span{border:3px solid var(--surface);background:#fbf6e9;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;font-size:16px;display:flex;position:absolute;bottom:-4px;right:-5px}.pp-profile-card h2{letter-spacing:-.4px;font-size:22px;font-weight:650}.pp-profile-card>p{color:var(--muted);margin-top:5px;font-size:12px}.pp-email{color:var(--muted);align-items:center;gap:7px;margin-top:16px;font-size:12px;display:flex}.pp-demo-badge{border:1px solid var(--line);letter-spacing:.4px;color:var(--muted);border-radius:6px;margin-top:12px;padding:4px 8px;font-size:9px}.pp-settings-group{border:1px solid var(--line);background:var(--surface);border-radius:17px;padding:0 17px}.pp-settings-row{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;align-items:center;gap:13px;padding:17px 0;display:flex}.pp-settings-row+.pp-settings-row{border-top:1px solid var(--line)}.pp-setting-icon{color:#8c8067;background:#f2eee6;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.pp-amber-icon{background:var(--accent-soft);color:#a17a35}.pp-check{color:#997943}.pp-privacy-note{color:#788265;background:#f0f1e9;border:1px solid #e4e6d8;border-radius:18px;align-items:flex-start;gap:12px;margin-top:24px;padding:20px;display:flex}.pp-privacy-note>svg{flex-shrink:0}.pp-privacy-note h3{color:#626c53;margin-bottom:7px;font-size:13px;font-weight:650}.pp-privacy-note p{font-size:12px;line-height:1.75}.pp-privacy-note span{color:#727863;margin-top:10px;font-size:10px;line-height:1.65;display:block}.pp-reset{color:var(--muted);text-underline-offset:4px;background:0 0;border:0;margin:25px auto 0;text-decoration:underline;display:block;font-size:11px!important}.pp-profile-signoff{text-align:center;color:#9b9386;font-size:10px;margin-top:23px!important}.pp-profile-signoff span{color:#b4945d;margin-left:3px}.pp-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#302b1f4d;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0}.pp-dialog{box-sizing:border-box;background:var(--bg,#faf8f4);width:100%;max-width:490px;max-height:calc(100dvh - 56px);color:var(--ink,#292822);border:1px solid #ffffffb3;border-radius:26px;padding:27px 30px;overflow-y:auto;box-shadow:0 24px 100px #342b1a2e}.pp-dialog-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.pp-dialog>h2{letter-spacing:-.8px;margin-top:7px;font-size:28px;font-weight:650;line-height:1.2}.pp-dialog-intro{color:var(--muted);font-size:13px;line-height:1.8;margin-top:12px!important}.pp-create-invite{background:var(--surface);border:1px solid var(--line);border-radius:17px;margin-top:23px;padding:19px}.pp-create-heading{align-items:center;gap:8px;font-size:13px;display:flex}.pp-create-heading>svg{color:#9d824e}.pp-create-invite>p{color:var(--muted);margin:8px 0 18px;font-size:12px}.pp-create-invite>.pp-primary{width:100%}.pp-link-field{background:var(--surface-alt);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:11px;font-size:11px!important}.pp-link-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:13px;display:flex}.pp-inline-demo{color:var(--muted);margin-top:14px;font-size:10px;line-height:1.7;display:block}.pp-invited-person{align-items:center;gap:12px;padding:14px 0 12px;display:flex}.pp-alex-avatar{color:#788467;background:#dce4d5}.pp-status{color:#6e7f56;background:#e7eddf;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:600}.pp-status-paused{color:#9c705a;background:#f0e0d9}.pp-manage-button{color:#9b7058;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;text-decoration:underline;display:block;font-size:11px!important}.pp-last-reason{color:var(--muted);overflow-wrap:anywhere;font-size:11px;line-height:1.6;margin:0 0 9px!important}.pp-confirm-box{background:#faf1e5;border:1px solid #e5d2bd;border-radius:15px;margin-top:8px;padding:16px}.pp-confirm-box h3{font-size:14px}.pp-confirm-box p{color:#8b7c6a;margin-top:8px;font-size:11px;line-height:1.7}.pp-confirm-box label{margin:13px 0 8px;font-size:11px;font-weight:600;display:block}.pp-confirm-box label span{color:var(--muted);font-weight:400}.pp-confirm-box textarea{resize:vertical;background:var(--surface);width:100%;color:var(--ink);border:1px solid #e5d2bd;border-radius:9px;padding:11px;font-size:12px;display:block}.pp-invite-responsibility{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:8px;padding-top:18px;font-size:10px;line-height:1.75;display:flex;margin-top:21px!important}.pp-invite-responsibility>svg{flex-shrink:0;margin-top:2px}@media (width<=700px){.pp-view{padding:27px 23px}.pp-page-heading h1{font-size:31px}.pp-page-heading{margin-bottom:23px}.pp-invite-card{padding:24px}.pp-invite-doodle{right:22px}.pp-profile .pp-page-heading{margin-bottom:21px}.pp-modal-backdrop{padding:15px}.pp-dialog{border-radius:23px;max-height:calc(100dvh - 30px);padding:23px}}@media (width<=390px){.pp-view{padding-left:18px;padding-right:18px}.pp-contact-action span{display:none}.pp-contact-action{width:36px;padding:9px}.pp-request-card{gap:10px;padding:13px}.pp-invite-card h2{font-size:23px}.pp-invite-doodle{top:24px;right:18px}.pp-invite-doodle>svg:first-child{width:23px}.pp-invite-card>.pp-eyebrow{letter-spacing:1.3px;font-size:9px}.pp-dialog{padding:21px 18px}.pp-settings-group{padding:0 13px}.pp-settings-row{gap:10px}.pp-settings-row .pp-row-copy>span{font-size:11px}}:root{color:#292822;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#faf8f4;--surface:#fffdf9;--surface-alt:#f2eee7;--ink:#292822;--muted:#827d73;--line:#e9e4db;--accent:#f4ba54;--accent-soft:#fff0ce;--radius:22px;background:#faf8f4;font-family:Inter,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #bf790f}button{transition:background .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2,h3,.wordmark{font-family:Manrope,sans-serif}svg{flex-shrink:0}button svg{vertical-align:middle}input,textarea{min-width:0}input::placeholder,textarea::placeholder{color:#928d84}input:focus,textarea:focus{outline:none}::selection{background:#f6d895}#root{min-height:100dvh}.app-topbar{align-items:center;gap:18px;width:100%;max-width:1510px;height:88px;margin:0 auto;padding:0 40px;display:flex}.wordmark{letter-spacing:-2px;align-items:center;gap:10px;font-size:35px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#49351c;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.brand-dot{color:#e8a539;margin-left:-11px}.prototype-label{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.prototype-label>span:first-child{background:#a7ad91;border-radius:50%;width:6px;height:6px}.prototype-desktop{margin-left:-3px}.top-profile{border:3px solid var(--surface);background:#f0e4c8;border-radius:50%;width:34px;height:34px;font-size:13px;font-weight:600}.top-profile>.avatar{width:100%;height:100%;font-size:inherit}.app-shell{background:var(--surface);border:1px solid var(--line);border-radius:25px;grid-template-columns:88px 345px minmax(0,1fr);max-width:1430px;height:calc(100dvh - 137px);min-height:520px;max-height:1050px;margin:0 40px;display:grid;overflow:hidden;box-shadow:0 12px 36px #63553b05}.main-nav{border-right:1px solid var(--line);background:#f5f1e9;flex-direction:column;align-items:center;padding:30px 10px 23px;display:flex}.nav-main{gap:18px;width:100%;display:grid}.nav-button{color:#898274;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:67px;font-size:10px;font-weight:500;display:flex}.nav-button.active{color:#876016;background:#ffe7af}.nav-button:hover{background:#eee7d9}.nav-button.active:hover{background:#ffe3a3}.nav-invite{color:#938775;border:1px dashed #d5cbb7;border-radius:12px;place-items:center;width:42px;height:42px;margin-top:28px;display:grid}.nav-invite:hover{background:#eae3d5}.nav-footer{text-align:center;flex-direction:column;align-items:center;gap:7px;max-width:70px;margin-top:auto;display:flex}.little-sun{color:#bb9451;font-size:25px}.nav-footer small{color:#aaa08d;font-size:8px;line-height:1.6}.conversation-sidebar{border-right:1px solid var(--line);background:#fffdfa;flex-direction:column;min-height:0;padding:30px 18px 0;display:flex}.sidebar-top{justify-content:space-between;align-items:center;padding:0 7px;display:flex}.eyebrow{letter-spacing:1.65px;color:#a79a85;margin-bottom:9px;font-size:9px;font-weight:600}.sidebar-top h1{letter-spacing:-1.2px;white-space:nowrap;font-size:26px;font-weight:800}.heading-dot{color:#e6b257;margin-left:1px}.compose-button{background:var(--accent);color:#624316;border-radius:12px;place-items:center;width:36px;height:36px;margin-top:13px;display:grid}.compose-button:hover{background:#efad36}.search-field{background:var(--surface-alt);color:#9b9385;border-radius:12px;align-items:center;gap:9px;height:42px;margin:24px 6px 18px;padding:0 13px;display:flex}.search-field:focus-within{box-shadow:0 0 0 2px #e9c47e}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;font-size:12px}.search-decoration{color:#b4ad9f;font-size:20px}.list-tabs{gap:5px;margin:0 6px 20px;display:flex}.list-tabs button{color:#8c8579;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;display:flex}.list-tabs button.selected{color:#5c513c;background:#f3ecde;font-weight:600}.list-tabs span{color:#a09786;font-size:9px}.request-banner{text-align:left;background:#fff6e5;border:1px solid #f4e9d0;border-radius:13px;align-items:center;gap:11px;margin:0 5px 17px;padding:13px 12px;display:flex}.request-banner>span:nth-child(2){flex:1;gap:4px;display:grid}.request-banner strong{font-size:11px;font-weight:600}.request-banner small{color:#a19175;font-size:10px}.request-banner>svg{color:#a79472}.request-icon{color:#9b742b;background:#fae6ba;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.request-banner:hover{background:#fff0d1}.conversation-list{scrollbar-width:thin;scrollbar-color:#e5ded2 transparent;flex:1;min-height:0;overflow:auto}.conversation-row{text-align:left;border-radius:14px;align-items:center;gap:11px;width:100%;min-width:0;margin-bottom:4px;padding:16px 11px;display:flex}.conversation-row.selected{background:#f4efe5}.conversation-row:hover{background:#f5f0e8}.avatar{color:#514a40;border:1px solid #00000004;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:47px;height:47px;font-family:Manrope,sans-serif;font-size:19px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.avatar>img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.avatar-small{width:40px;height:40px;font-size:16px}.peach{background:#efbdaa}.sage{background:#bfcdb6}.blue{background:#becae0}.lilac{background:#d7c6df}.rose{background:#e6c6c4}.conversation-copy{flex:1;gap:7px;min-width:0;display:grid}.conversation-name{letter-spacing:-.1px;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.conversation-name svg{color:#aba18f}.conversation-preview{color:#928a7d;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.4;overflow:hidden}.conversation-meta{color:#a69a85;flex-direction:column;align-self:stretch;align-items:flex-end;gap:9px;padding-top:1px;display:flex}.conversation-meta time{white-space:nowrap;font-size:9px}.unread-count{color:#674d20;background:#f1be60;border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;font-weight:600;display:grid}.conversation-meta svg{color:#bcb39f;margin-right:2px}.sidebar-bottom{border-top:1px solid var(--line);gap:18px;margin-top:15px;padding:19px 0 16px;display:grid}.sidebar-bottom button{color:#9d7337;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.sidebar-bottom>span{color:#b0a795;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.list-empty{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:35px 18px;display:flex}.list-empty strong{color:var(--ink);font-size:14px}.list-empty p{font-size:12px;line-height:1.6}.chat-panel{background:#fcfaf6;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{border-bottom:1px solid var(--line);background:#fffdf9;flex-shrink:0;align-items:center;gap:13px;height:88px;padding:0 32px;display:flex}.chat-person{text-align:left;gap:5px;padding:4px 0;display:grid}.chat-person strong{letter-spacing:-.2px;font-size:14px}.chat-person span{color:#9d9487;font-size:10px}.icon-button{color:#7d766b;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:var(--surface-alt)}.chat-details{margin-left:auto}.mobile-back{display:none}.message-scroll{scrollbar-width:thin;scrollbar-color:#e5ded2 transparent;background-image:radial-gradient(#9b8b6e0b .7px,#0000 .7px);background-size:15px 15px;flex:1;min-height:0;padding:22px 38px 16px;overflow:auto}.conversation-intro{text-align:center;margin:0 auto 21px}.intro-sun{color:#c39a4d;background:#f6eedb;border-radius:13px;place-items:center;width:38px;height:38px;margin:0 auto 10px;display:grid}.conversation-intro h2{letter-spacing:-.4px;color:#8f8168;font-size:15px;font-weight:700}.conversation-intro p{color:#b1a795;margin-top:6px;font-size:10px}.day-divider{color:#afa490;justify-content:center;align-items:center;gap:12px;max-width:220px;margin:0 auto 24px;font-size:9px;display:flex}.day-divider span{background:#eee7d9;flex:1;height:1px}.messages{flex-direction:column;gap:10px;width:100%;max-width:740px;margin:auto;display:flex}.message{flex-direction:column;align-items:flex-start;max-width:min(85%,490px);display:flex}.message.outgoing{align-self:flex-end;align-items:flex-end}.message-bubble{white-space:pre-wrap;overflow-wrap:anywhere;color:#494538;background:#eeeae2;border-radius:13px 13px 13px 4px;padding:7px 11px;font-size:14px;line-height:1.45}.outgoing .message-bubble{color:#5c4624;background:#f8d48a;border-radius:13px 13px 4px}.message-bottom{color:#a59b89;align-items:center;gap:5px;min-height:17px;margin:5px 4px 0;font-size:8px;display:flex}.message-bottom svg{color:#b7a47e}.message-sender{color:#a0927d;margin:0 0 5px 4px;font-size:9px;font-weight:600}.photo-link{cursor:zoom-in;border-radius:15px 15px 15px 5px;max-width:100%;padding:0;line-height:0;display:block;overflow:hidden}.message-image{aspect-ratio:3/2;object-fit:cover;width:320px;max-width:100%;height:auto;max-height:260px;display:block}.image-viewer{color:#fffaf0;background:#27251f;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.image-viewer[open]{flex-direction:column;display:flex}.image-viewer::backdrop{background:#27251f}.image-viewer-header{background:var(--surface);color:var(--ink);padding:max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;display:flex}.image-viewer-back,.image-viewer-close{border-radius:12px;justify-content:center;align-items:center;min-height:44px;display:inline-flex}.image-viewer-back{gap:9px;padding:0 12px;font-size:14px;font-weight:600}.image-viewer-close{flex-shrink:0;width:44px}.image-viewer-back:hover,.image-viewer-close:hover{background:var(--accent-soft)}.image-viewer-stage{min-height:0;padding:24px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.image-viewer-image{object-fit:contain;width:auto;max-width:100%;height:auto;min-height:0;max-height:calc(100% - 40px);display:block}.image-viewer-caption{color:#d2c9b7;flex-shrink:0;font-size:12px}.image-viewer-caption span{color:#9d927c;padding:0 6px}.reaction-button{color:#b8a889;opacity:0;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;margin-left:4px;padding:3px 7px;display:flex}.message:hover .reaction-button,.reaction-button:focus-visible,.reaction-button.reacted{opacity:1}.reaction-button.reacted{color:#ac9270;background:#fff9ee;border:1px solid #eadfca;font-size:10px}.reaction-button:hover{background:#f8edd8}.sticker-message{background:#eee8dc;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:170px;min-height:135px;display:flex;position:relative;overflow:hidden}.sticker-message>span{font-size:70px;animation:1.5s ease-in-out infinite happy-bounce}.sticker-message>small{color:#aa9c83;background:#fffcf3;border-radius:4px;padding:3px 5px;font-size:8px;position:absolute;bottom:9px;left:10px}.empty-chat{text-align:center;color:var(--muted);padding:70px 10px}.empty-chat>span{font-size:45px}.empty-chat h3{color:var(--ink);margin:20px 0 8px;font-size:18px}.empty-chat p{font-size:13px}.composer-area{border-top:1px solid var(--line);background:#fffdf9;flex-shrink:0;padding:18px 28px 10px;position:relative}.composer{align-items:center;gap:11px;display:flex}.attach-button{color:#8e816a;background:#f1ede4;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;display:grid}.attach-button:hover{background:#e9dfcc}.composer-input{background:#faf7f2;border:1px solid #eae3d8;border-radius:17px;flex:1;align-items:center;min-width:0;padding:5px 9px 5px 15px;display:flex}.composer-input:focus-within{border-color:#dcba79;box-shadow:0 0 0 2px #f6e8ce}.composer textarea{resize:none;overscroll-behavior:contain;field-sizing:fixed;-webkit-appearance:none;height:64px;min-height:64px;max-height:64px;color:var(--ink);background:0 0;border:0;border-radius:0;flex:1;padding:8px 0;font-size:16px;line-height:24px;overflow-y:auto}.emoji-toggle{color:#9e927c;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.emoji-toggle:hover,.emoji-toggle.selected{background:#f0e8d9}.send-button{background:var(--accent);color:#7b541b;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.send-button:disabled{opacity:1;color:#baa076;background:#f5e2bc}.send-button:hover:not(:disabled){background:#efae38}.composer-note{text-align:center;color:#b2a894;justify-content:center;align-items:center;gap:4px;margin-top:10px;font-size:8px;line-height:1.5;display:flex}.media-picker{border:1px solid var(--line);z-index:2;background:#fffdf8;border-radius:19px 19px 0 0;padding:7px 16px 14px;position:absolute;bottom:100%;left:30px;right:30px;box-shadow:0 -10px 30px #4c3b2110}.picker-tabs{border-bottom:1px solid var(--line);align-items:center;gap:22px;margin-bottom:12px;display:flex}.picker-tabs>button{color:#9b8e75;border-bottom:2px solid #0000;padding:11px 3px;font-size:11px}.picker-tabs>button.active{color:#a07222;border-color:#dda740;font-weight:600}.picker-tabs>.picker-close{margin-left:auto}.emoji-grid{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.emoji-grid>button{border-radius:10px;min-height:42px;font-size:26px}.emoji-grid>button:hover{background:var(--accent-soft)}.gif-search{background:var(--surface-alt);color:var(--muted);border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:8px 11px;display:flex}.gif-search input{background:0 0;border:0;width:100%;font-size:11px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.sticker-grid>button{background:#f4ede0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:98px;display:flex}.sticker-grid>button>span{font-size:36px;animation:1.5s ease-in-out infinite happy-bounce}.sticker-grid>button>small{color:#9d8a65;font-size:9px}.sticker-grid>button:hover{background:#f6e6c3}.picker-note{text-align:center;color:#a1947b;margin-top:11px;font-size:9px}.secondary-view{background:var(--surface);grid-column:2/-1;min-width:0;overflow:auto}.app-footer{color:#b0a695;letter-spacing:.1px;justify-content:space-between;max-width:1430px;margin:0 40px;padding:15px 3px 0;font-size:9px;display:flex}.footer-dot{color:#d0b276;padding:0 5px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#302b2250;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid #fff;border-radius:26px;width:100%;max-width:440px;max-height:calc(100dvh - 48px);padding:26px;overflow-y:auto;box-shadow:0 30px 90px #3c2e3820}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:25px;display:flex}.dialog-heading h2{letter-spacing:-.8px;font-size:24px}.dialog-heading p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6}.dialog-heading>.icon-button{flex-shrink:0;margin:-5px -5px 0 0}.field-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.field-label>span{color:var(--muted);font-size:10px;font-weight:400}.text-input{background:var(--surface-alt);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:12px;padding:13px 14px;font-size:13px}.text-input:focus{border-color:#d3a65e}.field-space{margin-top:23px}.select-contacts{gap:5px;display:grid}.select-contact{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:9px;display:flex}.select-contact.selected{background:#fcf2dc;border-color:#efdaad}.select-contact>span:nth-child(2){flex:1;gap:4px;display:grid}.select-contact strong{font-size:12px}.select-contact small{color:var(--muted);font-size:10px}.select-contact input{accent-color:#bc8631;width:18px;height:18px}.form-note{color:var(--muted);align-items:flex-start;gap:7px;margin:19px 0;font-size:11px;line-height:1.65;display:flex}.form-note svg{margin-top:1px}.primary-button,.secondary-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:13px 18px;font-size:12px;font-weight:600;display:inline-flex}.primary-button{background:var(--accent);color:#5b411b}.primary-button:hover:not(:disabled){background:#eeae3e}.secondary-button{border:1px solid var(--line);background:var(--surface-alt)}.secondary-button:hover{background:#eae4da}.full-width{width:100%}.request-profile{flex-direction:column;align-items:center;margin:0 auto 22px;display:flex}.request-profile>.avatar{width:80px;height:80px;margin-bottom:17px;font-size:30px}.request-profile h3{font-size:23px}.request-profile p{color:var(--muted);margin-top:6px;font-size:12px}.request-profile>span:last-child{color:#a09175;background:#f3ece0;border-radius:20px;margin-top:14px;padding:8px 12px;font-size:10px}.request-explanation{color:var(--muted);text-align:center;margin-bottom:23px;font-size:12px;line-height:1.8}.request-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.details-avatar{justify-content:center;margin-bottom:24px;display:flex}.details-avatar>.avatar{width:76px;height:76px;font-size:28px}.member-list{gap:3px;margin:0 0 22px;padding:0;list-style:none;display:grid}.member-list li{background:var(--surface-alt);border-radius:9px;align-items:center;gap:10px;padding:12px;font-size:12px;display:flex}.member-list li>span{color:var(--muted);margin-left:auto;font-size:9px}.approved-note{color:#6d8261;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;font-size:12px;display:flex}.privacy-card{color:#8b7449;background:#f4eddf;border-radius:14px;align-items:flex-start;gap:12px;padding:17px;display:flex}.privacy-card strong{font-size:12px;font-weight:600}.privacy-card p{color:#9c8e75;margin-top:7px;font-size:11px;line-height:1.8}.toast{color:#fffaf0;z-index:50;background:#38372f;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);padding:13px 17px;font-size:12px;line-height:1.6;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #28231822}.toast>svg{color:#e5ba66}.toast>button{color:#b3ad9d;flex-shrink:0;padding:2px}@keyframes happy-bounce{0%,to{transform:translateY(3px)rotate(-8deg)}50%{transform:translateY(-5px)rotate(8deg)}}@media (width>=1510px){.app-shell,.app-footer{margin-left:auto;margin-right:auto}.app-topbar{padding:0 40px}}@media (width>=1200px){.message-scroll{padding-left:50px;padding-right:50px}.message-image{width:350px;max-height:230px}.conversation-intro{margin-bottom:20px}}@media (width<=1100px){.app-topbar{height:75px;padding:0 24px}.app-shell{grid-template-columns:74px 295px minmax(0,1fr);height:calc(100dvh - 120px);margin:0 24px}.app-footer{margin:0 25px}.main-nav{padding-left:8px;padding-right:8px}.sidebar-top h1{font-size:23px}.conversation-sidebar{padding:26px 12px 0}.conversation-row{gap:9px;padding:14px 9px}.conversation-row>.avatar{width:42px;height:42px;font-size:17px}.chat-header{padding:0 24px}.message-scroll{padding-left:25px;padding-right:25px}.composer-area{padding:15px 18px 9px}.conversation-name{font-size:11px}.conversation-preview{font-size:9px}}@media (width<=760px),(hover:none) and (pointer:coarse){input,textarea{font-size:16px!important}#root{flex-direction:column;height:100dvh;min-height:0;display:flex}.app-topbar{background:var(--surface);border-bottom:1px solid #f1ece3;height:66px;min-height:66px;padding:0 23px}.wordmark{gap:8px;font-size:30px}.brand-mark{border-radius:10px;width:31px;height:31px}.brand-mark svg{width:19px}.brand-dot{margin-left:-9px}.prototype-label{gap:5px;font-size:9px}.prototype-desktop{display:none}.top-profile{width:30px;height:30px;font-size:11px}.app-shell{height:auto;min-height:0;max-height:none;box-shadow:none;border:0;border-radius:0;flex-direction:column;flex:1;margin:0;display:flex;overflow:hidden}.main-nav{background:var(--surface);border-top:1px solid var(--line);padding:5px 20px max(6px, env(safe-area-inset-bottom));width:100%;height:calc(70px + env(safe-area-inset-bottom));border-right:0;flex-direction:row;flex-shrink:0;order:3}.nav-main{justify-content:space-around;gap:0;display:flex}.nav-button{border-radius:14px;gap:4px;width:83px;height:56px;font-size:10px}.nav-button svg{width:22px;height:22px}.nav-button.active{color:#af761f;background:0 0}.nav-button.active:after{content:"";background:#e6b355;border-radius:5px;width:15px;height:3px;position:absolute;transform:translateY(28px)}.nav-invite,.nav-footer{display:none}.conversation-sidebar{border:0;flex:1;width:100%;min-height:0;padding:26px 18px 0}.sidebar-top{padding:0 7px}.eyebrow{letter-spacing:1.6px;margin-bottom:7px;font-size:9px}.sidebar-top h1{letter-spacing:-1.3px;font-size:31px}.compose-button{border-radius:14px;width:41px;height:41px;margin-top:10px}.search-field{border-radius:14px;height:45px;margin-top:23px;margin-bottom:17px}.search-field input{font-size:13px}.list-tabs{margin-bottom:17px}.list-tabs button{font-size:11px}.request-banner{gap:12px;margin-bottom:14px;padding:13px}.request-banner strong{font-size:12px}.request-banner small{font-size:10px}.request-icon{width:37px;height:37px}.conversation-row{gap:13px;padding:16px 10px}.conversation-row.selected{background:0 0}.conversation-row:hover{background:#f3eee4}.conversation-row>.avatar{width:51px;height:51px;font-size:20px}.conversation-copy{gap:8px}.conversation-name{font-size:14px}.conversation-preview{font-size:11px}.conversation-meta{gap:11px;padding-top:3px}.conversation-meta time{font-size:10px}.unread-count{width:21px;height:21px;font-size:10px}.conversation-list{margin-top:1px}.sidebar-bottom{margin-top:8px;padding:17px 0}.sidebar-bottom button{font-size:12px}.sidebar-bottom>span,.app-footer,.chat-panel,.mobile-chat-open .conversation-sidebar,.mobile-chat-open .main-nav{display:none}.mobile-chat-open .chat-panel{flex:1;min-height:0;display:flex}.mobile-chat-open .chat-header{gap:9px;height:75px;padding:0 17px 0 10px}.mobile-back{flex-shrink:0;display:grid}.chat-header .avatar-small{width:40px;height:40px}.chat-person strong{font-size:15px}.chat-person span{font-size:10px}.chat-details{margin-right:0}.message-scroll{padding:24px 21px 16px}.conversation-intro{margin-bottom:23px}.conversation-intro h2{font-size:15px}.conversation-intro p{font-size:10px}.messages{gap:10px}.message{max-width:88%}.message-bubble{padding:7px 11px;font-size:15px}.message-image{width:270px;max-height:210px}.message-bottom{font-size:9px}.reaction-button{opacity:1}.composer-area{padding:13px 13px max(9px, env(safe-area-inset-bottom))}.composer{gap:8px}.composer-input{border-radius:16px;padding-left:13px;padding-right:6px}.composer textarea{font-size:16px}.composer-note{margin-top:9px;font-size:8px}.attach-button{width:35px;height:35px}.send-button{width:39px;height:39px}.media-picker{padding:6px 12px 12px;left:12px;right:12px}.emoji-grid>button{min-height:42px;font-size:25px}.sticker-grid{gap:6px}.sticker-grid>button{min-height:90px}.sticker-grid>button>span{font-size:33px}.sticker-grid>button>small{font-size:8px}.secondary-view{flex:1;min-height:0}.modal-backdrop{align-items:center;padding:15px}.dialog{border-radius:23px;max-height:calc(100dvh - 30px);padding:23px}.dialog-heading h2{font-size:23px}.dialog-heading p{font-size:12px}.toast{max-width:calc(100vw - 26px);padding:12px 14px;font-size:11px;bottom:85px}.mobile-chat-open~.toast{bottom:96px}}@media (width<=370px){.app-topbar{gap:10px;padding:0 18px}.prototype-label{font-size:8px}.conversation-sidebar{padding-left:12px;padding-right:12px}.sidebar-top h1{font-size:28px}.conversation-row>.avatar{width:44px;height:44px}.conversation-name{font-size:13px}.conversation-preview{font-size:10px}.emoji-grid>button{font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--on-accent:#493418;--theme-pattern:#9b8b6e0b;--accent-ink:#795419;--focus:#b87816;--theme-hover:#eeae3e;--theme-control-line:#cbbfae;--bubble-in:#eeeae2;--bubble-in-ink:#494538;--bubble-out:#f8d48a;--bubble-out-ink:#5c4624;--positive-bg:#f0f1e9;--positive-ink:#526247;--warning-bg:#fff0ce;--warning-ink:#72521f;--error-bg:#faeee7;--error-ink:#783622;--error-line:#e8cdbd}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171b1a;--theme-pattern:#bac0b712;--surface:#202624;--surface-alt:#2c3530;--ink:#f5f1e8;--muted:#bac0b7;--line:#475149;--accent:#edbd66;--accent-soft:#403725;--on-accent:#31220d;--accent-ink:#f1cb85;--focus:#f3c979;--theme-hover:#f6ce88;--theme-control-line:#748173;--bubble-in:#303a33;--bubble-in-ink:#f0f0e7;--bubble-out:#574526;--bubble-out-ink:#fff1d8;--positive-bg:#283d33;--positive-ink:#c0d9bd;--warning-bg:#473925;--warning-ink:#f4d799;--error-bg:#422c2a;--error-ink:#ffc8b7;--error-line:#946959}:root[data-theme=happy]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fbf7fd;--theme-pattern:#ab6fbb14;--surface:#fffcff;--surface-alt:#f0eaf5;--ink:#382e40;--muted:#706176;--line:#e1d6e7;--accent:#efa294;--accent-soft:#eee0f8;--on-accent:#482940;--accent-ink:#724775;--focus:#9354a0;--theme-hover:#e98f83;--theme-control-line:#b8a4bf;--bubble-in:#e3eee5;--bubble-in-ink:#304a39;--bubble-out:#e8d8f5;--bubble-out-ink:#52345f;--positive-bg:#e6f0e7;--positive-ink:#45624a;--warning-bg:#fff0d5;--warning-ink:#705025;--error-bg:#ffede8;--error-ink:#823a31;--error-line:#d9a39a}:root[data-theme]{color:var(--ink);background:var(--bg)}.theme-picker{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;margin:24px 0;padding:20px 18px}.theme-picker h3{font-size:15px}.theme-picker>p{color:var(--muted);margin:8px 0 16px;font-size:12px;line-height:1.6}.theme-choices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.theme-choice{border:2px solid var(--line);background:var(--surface);cursor:pointer;border-radius:13px;flex-direction:column;align-items:center;gap:9px;min-width:44px;min-height:112px;padding:10px 6px;display:flex;position:relative}.theme-choice-selected{border-color:var(--focus);background:var(--accent-soft)}.theme-choice:focus-within{outline:3px solid var(--focus);outline-offset:3px}.theme-choice-label{text-align:center;color:var(--ink);font-size:11px;font-weight:650;line-height:1.5}.theme-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.theme-choice-check{border:1px solid var(--theme-control-line);width:18px;height:18px;color:var(--on-accent);background:var(--surface);border-radius:50%;place-items:center;display:grid;position:absolute;top:5px;right:5px}.theme-choice-selected .theme-choice-check{background:var(--accent);border-color:var(--accent-ink)}.theme-swatch{border:1px solid #00000018;border-radius:8px;flex-direction:column;flex-shrink:0;gap:5px;width:100%;max-width:64px;height:43px;padding:8px;display:flex}.theme-swatch>span{border-radius:5px 5px 5px 1px;width:70%;height:9px;display:block}.theme-swatch-outgoing{align-self:flex-end;border-radius:5px 5px 1px!important}.theme-swatch-light{background:#faf8f4}.theme-swatch-light .theme-swatch-incoming{background:#ded8cd}.theme-swatch-light .theme-swatch-outgoing{background:#edbd66}.theme-swatch-dark{background:#171b1a}.theme-swatch-dark .theme-swatch-incoming{background:#62715f}.theme-swatch-dark .theme-swatch-outgoing{background:#c49951}.theme-swatch-happy{background:#f8effc}.theme-swatch-happy .theme-swatch-incoming{background:#a1c3a5}.theme-swatch-happy .theme-swatch-outgoing{background:#d0a4de}.theme-picker>.theme-device-note{margin:12px 0 0;font-size:11px}:root:is([data-theme=dark],[data-theme=happy]) :is(.app-topbar,.conversation-sidebar,.chat-header,.composer-area,.media-picker,.desktop-welcome-transfer,.install-welcome-benefits,.install-welcome-guide,.mobile-welcome-floating-heart,.mobile-welcome-illustration-note){background:var(--surface);border-color:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.chat-panel,.mobile-welcome-phone){background:var(--bg)}:root:is([data-theme=dark],[data-theme=happy]) .main-nav{background:var(--surface)}:root:is([data-theme=dark],[data-theme=happy]) :is(.composer-input,.sticker-grid>button,.pp-setting-icon,.attach-button,.mobile-welcome-orbit,.pp-profile-avatar,.voice-message,.file-message,.list-tabs button.active){background:var(--surface-alt);color:var(--ink);border-color:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.conversation-row.selected,.conversation-row:hover,.nav-button:hover,.secondary-button:hover:not(:disabled),.sticker-grid>button:hover,.emoji-toggle:hover,.emoji-toggle.selected,.attach-button:hover){background:var(--surface-alt)}:root:is([data-theme=dark],[data-theme=happy]) :is(.nav-button.active,.nav-button.active:hover,.select-contact.selected,.intro-sun,.request-icon,.pp-amber-icon,.install-welcome-benefits li>span,.pp-request-symbol,.pp-request-card,.pp-invite-card,.mobile-welcome-phone-avatar,.browser-welcome-browser){background:var(--accent-soft);color:var(--accent-ink);border-color:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.primary-button,.send-button,.compose-button,.pp-primary,.pp-yellow,.nav-count,.conversation-unread,.unread-count,.brand-mark,.mobile-welcome-primary){background:var(--accent);color:var(--on-accent)}:root:is([data-theme=dark],[data-theme=happy]) :is(.primary-button,.send-button,.compose-button,.pp-primary,.mobile-welcome-primary):hover:not(:disabled){background:var(--theme-hover);color:var(--on-accent)}:root:is([data-theme=dark],[data-theme=happy]) .send-button:disabled{background:var(--surface-alt);color:var(--muted)}:root:is([data-theme=dark],[data-theme=happy]) .message-bubble{background:var(--bubble-in);color:var(--bubble-in-ink)}:root:is([data-theme=dark],[data-theme=happy]) .outgoing .message-bubble{background:var(--bubble-out);color:var(--bubble-out-ink)}:root:is([data-theme=dark],[data-theme=happy]) .mobile-welcome-bubble{background:var(--bubble-in);color:var(--bubble-in-ink)}:root:is([data-theme=dark],[data-theme=happy]) .mobile-welcome-bubble-own{background:var(--bubble-out);color:var(--bubble-out-ink)}:root:is([data-theme=dark],[data-theme=happy]) :is(.error-notice,.message-error){color:var(--error-ink);border-color:var(--error-line);background:var(--error-bg)!important}:root:is([data-theme=dark],[data-theme=happy]) .message-error .text-action{color:var(--error-ink)}:root:is([data-theme=dark],[data-theme=happy]) :is(.key-warning,.request-banner,.pp-confirm-box,.browser-welcome-hint){background:var(--warning-bg);color:var(--warning-ink);border-color:var(--theme-control-line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.pp-privacy-note,.pp-status){background:var(--positive-bg);color:var(--positive-ink);border-color:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) .pp-privacy-note :is(h3,p){color:var(--positive-ink)}:root:is([data-theme=dark],[data-theme=happy]) .pp-status-paused{background:var(--error-bg);color:var(--error-ink)}:root:is([data-theme=dark],[data-theme=happy]) :is(.text-input,.composer-input,.pp-link-input,.pp-confirm-box textarea){border-color:var(--theme-control-line)}:root:is([data-theme=dark],[data-theme=happy]) :is(input,textarea)::placeholder{color:var(--muted);opacity:1}:root:is([data-theme=dark],[data-theme=happy]) :is(button,a,input,textarea,summary):focus-visible{outline-color:var(--focus)}:root:is([data-theme=dark],[data-theme=happy]) :is(.composer-input:focus-within,.search-field:focus-within){border-color:var(--focus);box-shadow:0 0 0 2px var(--accent-soft)}:root:is([data-theme=dark],[data-theme=happy]) :is(.text-action,.history-button,.profile-install-help summary,.pp-profile-image-preview-note,.pp-profile-image-notice,.sidebar-bottom button,.mobile-welcome-copy-button,.install-welcome-manual,.pp-text-button,.pp-contact-action,.pp-eyebrow,.eyebrow,.mobile-welcome-eyebrow,.picker-tabs>button.active,.pp-manage-button){color:var(--accent-ink)}:root:is([data-theme=dark],[data-theme=happy]) :is(.nav-button,.nav-invite,.nav-footer,.conversation-preview,.conversation-meta,.conversation-meta svg,.conversation-name svg,.chat-person span,.icon-button,.search-field,.search-decoration,.list-tabs button,.list-tabs button span,.sidebar-bottom>span,.conversation-intro h2,.conversation-intro p,.day-divider,.message-bottom,.message-bottom svg,.message-sender,.composer-note,.emoji-toggle,.picker-tabs>button,.picker-note,.sticker-grid>button>small,.app-footer,.safety-banner,.request-banner small,.request-banner>svg,.pp-contact-action,.pp-invite-card>p,.pp-invite-caption,.pp-setting-icon,.pp-profile-signoff,.pp-confirm-box p,.pp-invite-responsibility,.mobile-welcome-header-note,.mobile-welcome-intro,.desktop-welcome-requirement,.desktop-welcome-browser-note,.desktop-welcome-transfer p,.mobile-welcome-copy-status,.mobile-welcome-phone-heading small,.mobile-welcome-phone-heading>svg,.mobile-welcome-phone-day,.mobile-welcome-phone-read,.mobile-welcome-phone-compose,.mobile-welcome-illustration-note,.mobile-welcome-footer,.install-welcome-benefits p,.mobile-install-browser-hint,.mobile-install-steps li p,.install-welcome-recovery-note,.install-welcome-other-options>button,.install-welcome-header-note,.browser-welcome-copy-note,.browser-welcome-intro){color:var(--muted)}:root:is([data-theme=dark],[data-theme=happy]) :is(.nav-button.active,.picker-tabs>button.active){color:var(--accent-ink)}:root:is([data-theme=dark],[data-theme=happy]) .nav-button.active:after{background:var(--accent)}:root:is([data-theme=dark],[data-theme=happy]) :is(.day-divider span){background:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.picker-tabs>button.active,.pp-contact-action:hover){border-color:var(--focus)}:root:is([data-theme=dark],[data-theme=happy]) :is(.mobile-welcome-phone-heading,.mobile-welcome-phone-compose,.install-welcome-recovery-note,.dialog,.pp-dialog){border-color:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) :is(.mobile-welcome-phone-camera,.mobile-welcome-phone-home){background:var(--line)}:root:is([data-theme=dark],[data-theme=happy]) .mobile-welcome-phone{border-color:var(--line);box-shadow:12px 24px 35px #00000020}:root:is([data-theme=dark],[data-theme=happy]) .mobile-install-steps li:before{background:var(--accent-soft);color:var(--accent-ink)}:root:is([data-theme=dark],[data-theme=happy]) :is(.brand-dot,.mobile-welcome-floating-spark,.mobile-welcome-phone-compose svg,.pp-sun-decoration,.footer-dot,.pp-invite-doodle){color:var(--accent-ink)}:root:is([data-theme=dark],[data-theme=happy]) .message-scroll{background-image:radial-gradient(var(--theme-pattern) .5px, transparent .5px)}:root:is([data-theme=dark],[data-theme=happy]) :is(.message-scroll,.conversation-list){scrollbar-color:var(--line) transparent}:root:is([data-theme=dark],[data-theme=happy]) ::selection{color:var(--ink);background:var(--accent-soft)}:root[data-theme=dark] :is(.live-dialog,.pp-dialog)::backdrop{background:#080d0bbb}:root[data-theme=dark] .desktop-welcome h1>span:after{background:#5a482b}:root[data-theme=dark] .desktop-welcome-qr>span{color:#514a40}:root[data-theme=happy] .desktop-welcome h1>span:after{background:#ecc7ef}:root[data-theme=happy] .pp-invite-card{background:#f1e5f8}:root[data-theme=happy] .intro-sun{color:#855322;background:#ffe8cd}:root[data-theme=light] .theme-picker{--muted:#6b665b}:root:is([data-theme=dark],[data-theme=happy]) .mobile-welcome-orbit:after{border-color:var(--line)}.theme-choice input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}:root:is([data-theme=dark],[data-theme=happy]) .browser-welcome-symbol{background:var(--accent-soft);color:var(--accent-ink)}:root:is([data-theme=dark],[data-theme=happy]) .browser-welcome-copy-status,:root:is([data-theme=dark],[data-theme=happy]) .install-welcome-header>span{color:var(--muted)}:root:is([data-theme=dark],[data-theme=happy]) .install-welcome-icon-halo{background:var(--accent-soft)}:root:is([data-theme=dark],[data-theme=happy]) .install-welcome-icon-spark{color:var(--accent-ink)}
