:root{--pw-safe-top:env(safe-area-inset-top,0px);--pw-safe-right:env(safe-area-inset-right,0px);--pw-safe-bottom:env(safe-area-inset-bottom,0px);--pw-safe-left:env(safe-area-inset-left,0px);--pw-native-bottom-nav-height:0px;--app-bar-height:56px;--side-margin:2vw}*{box-sizing:border-box}html,body{background:var(--pw-color-background);width:100%;min-height:100%;color:var(--pw-color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;overflow:hidden}html.qr-native-camera-active,body.qr-native-camera-active{background:0 0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:default;opacity:.34}img{-webkit-user-drag:none;max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0;display:none}.chat-screen{background:var(--pw-color-background);position:fixed;inset:0;overflow:hidden}.fixed-app-bar{z-index:20;height:calc(var(--pw-safe-top) + var(--app-bar-height));padding-top:var(--pw-safe-top);padding-right:var(--pw-safe-right);padding-left:var(--pw-safe-left);background:linear-gradient(180deg, var(--pw-color-surface) 0%, var(--pw-color-surface) 72%, var(--pw-color-app-bar-end) 100%);border-bottom:1px solid var(--pw-color-gray-100);position:fixed;top:0;left:0;right:0}.app-bar-row{height:var(--app-bar-height);padding:0 max(8px, var(--side-margin));grid-template-columns:minmax(76px,1fr) auto minmax(76px,1fr);align-items:center;display:grid;position:relative}.app-bar-row h1{min-width:0;color:var(--pw-color-text);letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16.5px;font-weight:700;line-height:1.2;overflow:hidden}.app-bar-leading{justify-content:flex-start;display:flex}.app-bar-leading img,.avatar-placeholder{border:1px solid var(--pw-color-avatar-border);background:var(--pw-color-gray-200);width:32px;height:32px;color:var(--pw-color-light-text);border-radius:9px;place-items:center;font-size:13px;font-weight:700;display:grid;overflow:hidden}.app-bar-actions{justify-content:flex-end;gap:8px;display:flex}.chat-list-app-bar h1{grid-column:2}.chat-list-app-bar .app-bar-actions{grid-column:3}.app-bar-actions button,.app-bar-back{width:36px;height:36px;color:var(--pw-color-icon);border-radius:50%;place-items:center;padding:0;display:grid}.app-bar-actions button:active,.app-bar-back:active{background:var(--pw-color-gray-100);transform:scale(.94)}.app-bar-back{color:var(--pw-color-light-text);justify-self:start}.chat-list-content{inset:calc(var(--pw-safe-top) + var(--app-bar-height)) var(--pw-safe-right) 0 var(--pw-safe-left);padding-bottom:calc(var(--pw-native-bottom-nav-height) + 16px);scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;overflow:hidden auto}.chat-room-list{background:var(--pw-color-surface)}.swipe-row{border-bottom:.6px solid var(--pw-color-gray-200);background:var(--pw-color-surface);height:70px;position:relative;overflow:hidden}.swipe-actions{z-index:0;justify-content:space-between;display:flex;position:absolute;inset:0}.swipe-actions button{flex-direction:column;justify-content:center;align-items:center;gap:4px;width:92px;font-size:10px;font-weight:700;display:flex}.pin-action{background:var(--pw-color-pin-surface);color:var(--pw-color-blue)}.delete-action{background:var(--pw-color-delete-surface);color:var(--pw-color-error)}.chat-room-row{z-index:1;height:70px;padding:10px var(--side-margin);background:var(--pw-color-surface);touch-action:pan-y;will-change:transform;align-items:center;transition:transform .19s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.chat-room-row:active{background:var(--pw-color-surface)}.room-avatar{border:1px solid var(--pw-color-avatar-border);background:var(--pw-color-gray-200);width:11vw;max-width:48px;height:11vw;max-height:48px;color:var(--pw-color-light-text);border-radius:10px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.room-copy{flex:1;min-width:0;margin-left:3vw}.room-title-line,.room-message-line{align-items:center;min-width:0;display:flex}.room-title-line strong{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.room-title-line time{color:var(--pw-color-gray-500);margin-left:2vw;font-size:10px}.pin-mark{color:var(--pw-color-warning);fill:currentColor;flex:none;margin-left:4px}.room-message-line{margin-top:1vw}.room-message-line>span{color:var(--pw-color-gray-600);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.unread-badge{background:var(--pw-color-blue);min-width:20px;height:20px;color:var(--pw-color-on-accent);border-radius:999px;place-items:center;margin-left:2vw;padding:0 5px;font-size:10px;display:grid}.state-message{min-height:calc(100dvh - var(--pw-safe-top) - var(--app-bar-height) - var(--pw-native-bottom-nav-height));color:var(--pw-color-gray-500);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.state-message p{margin:18px 0 0;font-size:14px;font-weight:600}.state-message button{background:var(--pw-color-gray-100);color:var(--pw-color-gray-700);border-radius:18px;margin-top:16px;padding:9px 18px;font-size:13px;font-weight:700}.empty-chat-state{color:var(--pw-color-icon);padding-bottom:min(50vw,220px)}.empty-chat-state p{color:var(--pw-color-icon);margin-top:0;font-size:20px;font-weight:700}.empty-chat-lottie{flex:none;width:150px;height:150px}.chat-list-skeleton{padding-top:4px}.skeleton-row{height:70px;padding:10px var(--side-margin);border-bottom:1px solid var(--pw-color-gray-100);align-items:center;display:flex}.skeleton-row>span{background:var(--pw-color-gray-100);border-radius:10px;width:11vw;height:11vw}.skeleton-row>div{flex:1;gap:8px;margin-left:3vw;display:grid}.skeleton-row i{background:var(--pw-color-gray-100);border-radius:5px;width:38%;height:10px;display:block}.skeleton-row i:last-child{width:74%}.chat-room-screen{flex-direction:column;display:flex}.chat-room-app-bar .app-bar-row{grid-template-columns:76px minmax(0,1fr) 76px}.chat-room-app-bar .app-bar-actions{gap:4px}.room-layout{height:100dvh;min-height:0;padding-top:calc(var(--pw-safe-top) + var(--app-bar-height));padding-right:var(--pw-safe-right);padding-left:var(--pw-safe-left);flex-direction:column;display:flex}.message-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px 0;overflow:hidden auto}.date-label{background:var(--pw-color-gray-100);width:fit-content;color:var(--pw-color-gray-500);border-radius:12px;margin:12px auto 8px;padding:4px 12px;font-size:10px;font-weight:700}.message-row{padding:1.2vw var(--side-margin);align-items:flex-start;display:flex}.message-row.mine{justify-content:flex-end}.sender-avatar{border:.8px solid var(--pw-color-gray-200);background:var(--pw-color-gray-100);width:36px;height:36px;color:var(--pw-color-gray-500);border-radius:10px;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid;overflow:hidden}.sender-avatar img{object-fit:cover;width:100%;height:100%}.message-stack{flex-direction:column;align-items:flex-end;max-width:74vw;display:flex}.theirs .message-stack{align-items:flex-start;max-width:64vw;margin-left:1.8vw}.message-bubble{background:var(--pw-color-blue);color:var(--pw-color-on-accent);overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;border-radius:4.5vw;padding:2.6vw 3.8vw;font-size:14px;line-height:1.35}.theirs .message-bubble{border:.8px solid var(--pw-color-gray-200);background:var(--pw-color-incoming-bubble);color:var(--pw-color-text)}.message-stack time{color:var(--pw-color-gray-500);margin-top:.6vw;font-size:10px}.message-loading{justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.message-loading span{background:var(--pw-color-gray-300);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite loading-dot}.message-loading span:nth-child(2){animation-delay:.12s}.message-loading span:nth-child(3){animation-delay:.24s}@keyframes loading-dot{50%{opacity:.3;transform:translateY(-4px)}}.state-message.compact{min-height:100%}.message-composer{z-index:10;padding:2.5vw var(--side-margin) max(2.5vw, var(--pw-safe-bottom));border-top:1px solid var(--pw-color-gray-200);background:var(--pw-color-surface);flex:none;position:relative}.composer-row{align-items:flex-end;gap:8px;display:flex}.attachment-toggle,.send-button{border-radius:50%;flex:none;place-items:center;width:10.5vw;max-width:46px;height:10.5vw;max-height:46px;display:grid}.attachment-toggle{color:var(--pw-color-gray-600);transition:color .18s,transform .18s}.attachment-toggle.open{color:var(--pw-color-blue);transform:rotate(45deg)}.send-button{background:var(--pw-color-blue);color:var(--pw-color-on-accent)}.send-button:disabled{background:var(--pw-color-gray-200);color:var(--pw-color-gray-500);opacity:1}.composer-row textarea{resize:none;background:var(--pw-color-gray-100);min-height:10.5vw;max-height:32vw;color:var(--pw-color-text);-webkit-user-select:text;user-select:text;border:0;border-radius:5.5vw;outline:none;flex:1;padding:3vw 4vw;font-size:16px;line-height:1.25;overflow-y:auto}.composer-row textarea::placeholder{color:var(--pw-color-gray-500)}.attachment-tray{background:var(--pw-color-gray-100);border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:8px 12px;display:flex}.attachment-tray button{width:17vw;color:var(--pw-color-gray-700);flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.attachment-tray button>span{border:1px solid var(--pw-color-gray-200);background:var(--pw-color-attachment-surface);border-radius:50%;place-items:center;width:10.5vw;max-width:46px;height:10.5vw;max-height:46px;display:grid}.attachment-tray button:disabled{color:var(--pw-color-gray-300);opacity:1}.chat-partner-add-screen{background:radial-gradient(circle at 13% 14%, #f2e8ff75, transparent 23%), linear-gradient(180deg, var(--pw-color-background) 0%, var(--pw-color-background) 76%, color-mix(in srgb, var(--pw-color-background) 89%, #f2e9ff) 100%)}.add-chat-app-bar{background:0 0;border-bottom:0}.add-chat-app-bar .app-bar-row{grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr)}.add-chat-app-bar .app-bar-back{color:var(--pw-color-text)}.add-chat-content{inset:calc(var(--pw-safe-top) + var(--app-bar-height)) var(--pw-safe-right) 0 var(--pw-safe-left);padding:0 22px calc(max(18px, var(--pw-safe-bottom)) + var(--pw-native-bottom-nav-height));scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;overflow:hidden auto}.add-chat-search{background:color-mix(in srgb, var(--pw-color-gray-100) 79%, #eee7ff);height:54px;color:var(--pw-color-gray-500);border-radius:18px;align-items:center;gap:12px;padding:0 18px;display:flex}.add-chat-search input{min-width:0;color:var(--pw-color-text);-webkit-user-select:text;user-select:text;appearance:none;background:0 0;border:0;outline:0;font-size:15px}.add-chat-search input::placeholder{color:var(--pw-color-gray-500)}.add-chat-search input::-webkit-search-cancel-button{display:none}.add-chat-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.add-method-card{border:1px solid color-mix(in srgb, var(--pw-color-gray-200) 72%, #eadfff);background:color-mix(in srgb, var(--pw-color-surface) 96%, #faf7ff);color:#6446dc;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:126px;padding:10px 7px;display:flex;box-shadow:0 5px 16px #4b30780d}.add-method-card:active{background:color-mix(in srgb, var(--pw-color-surface) 88%, #eee7ff);transform:scale(.97)}.add-method-card>span{place-items:center;height:51px;display:grid}.add-method-card strong{color:var(--pw-color-text);white-space:nowrap;margin-top:4px;font-size:13px;line-height:1.25}.add-method-card small{color:var(--pw-color-gray-500);white-space:nowrap;margin-top:9px;font-size:10px;line-height:1.25}.recommended-users-section{margin-top:31px}.recommended-users-heading{justify-content:space-between;align-items:center;height:35px;display:flex}.recommended-users-heading h2{color:var(--pw-color-text);align-items:center;gap:9px;margin:0;font-size:17px;font-weight:700;display:flex}.recommended-users-heading h2 svg{color:#6949df}.recommended-users-heading>button{color:#6847dc;align-items:center;gap:3px;padding:7px 0 7px 10px;font-size:11px;font-weight:600;display:flex}.recommended-user-list{border:1px solid color-mix(in srgb, var(--pw-color-gray-200) 62%, #eee7f7);background:color-mix(in srgb, var(--pw-color-surface) 98%, #fbf9ff);border-radius:18px;margin-top:10px;overflow:hidden;box-shadow:0 6px 22px #3e2a5c0d}.recommended-user-row{border-bottom:1px solid color-mix(in srgb, var(--pw-color-gray-200) 61%, transparent);align-items:center;min-height:70px;padding:10px 13px;display:flex}.recommended-user-row:last-child{border-bottom:0}.recommended-user-avatar{border:1px solid color-mix(in srgb, var(--pw-color-gray-200) 70%, transparent);border-radius:50%;flex:none;width:48px;height:48px}.recommended-user-copy{flex:1;min-width:0;margin-left:13px}.recommended-user-copy strong{color:var(--pw-color-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.recommended-user-copy span{color:var(--pw-color-gray-500);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;display:block;overflow:hidden}.recommended-user-row>button{color:#6545da;border:1px solid #8067e8;border-radius:10px;flex:none;min-width:62px;height:36px;margin-left:9px;padding:0 12px;font-size:13px;font-weight:600}.recommended-user-row>button:active{background:#f1ecff;transform:scale(.96)}.recommended-user-row>button.is-added{color:#6b54ca;background:#eee9ff;border-color:#0000}.recommended-user-empty{color:var(--pw-color-gray-500);text-align:center;margin:0;padding:36px 18px;font-size:13px}.add-chat-planet-scene{pointer-events:none;height:174px;margin:-1px -22px 0;position:relative;overflow:hidden}.add-chat-planet{background:radial-gradient(circle at 31% 24%,#ffffffb8 0 4%,#0000 22%),radial-gradient(at 68% 69%,#8a65f24d 0 28%,#0000 51%),linear-gradient(145deg,#eee5ff 8%,#d9c5ff 51%,#b99afb 100%);border-radius:50%;width:154px;height:154px;position:absolute;bottom:10px;right:-15px;box-shadow:inset -18px -16px 33px #7f4cdf2e,0 10px 30px #9164eb1c}.add-chat-planet:before,.add-chat-planet:after{content:"";pointer-events:none;position:absolute}.add-chat-planet:before{z-index:-1;border:19px solid #ecd2ffb8;border-color:#ecd2ffb8 #fbdcf4cc #ecd2ffb8 #decfffa6;border-radius:50%;width:235px;height:58px;top:36px;left:-45px;transform:rotate(-13deg)}.add-chat-planet:after{background:#ffffff30;border-radius:50%;width:43px;height:18px;top:44px;left:8px;transform:rotate(-18deg)}.add-chat-planet>span{background:linear-gradient(145deg,#f6efff,#cbb3ff);border-radius:50%;width:16px;height:16px;position:absolute;top:-15px;left:-48px;box-shadow:0 8px 16px #8054d224}.planet-star{color:#dcccff;font-style:normal;position:absolute}.planet-star-one{font-size:13px;bottom:62px;right:147px}.planet-star-two{font-size:10px;bottom:37px;right:181px}.planet-star-three{font-size:8px;bottom:75px;right:215px}.add-method-screen{background:radial-gradient(circle at 50% 16%, #f1e8ff70, transparent 25%), linear-gradient(180deg, var(--pw-color-background), color-mix(in srgb, var(--pw-color-background) 95%, #f5efff))}.qr-camera-screen.native-camera-active{background:0 0}.add-method-app-bar{background:0 0;border-bottom:0}.add-method-app-bar .app-bar-row{grid-template-columns:minmax(52px,1fr) auto minmax(52px,1fr)}.add-method-app-bar .app-bar-back{color:var(--pw-color-text)}.add-method-trailing{justify-content:flex-end;display:flex}.add-method-info-button{color:#6544da;place-items:center;width:36px;height:36px;padding:0;display:grid}.add-method-content{inset:calc(var(--pw-safe-top) + var(--app-bar-height)) var(--pw-safe-right) 0 var(--pw-safe-left);padding:8px 24px calc(max(24px, var(--pw-safe-bottom)) + var(--pw-native-bottom-nav-height));scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;overflow:hidden auto}.planet-method-hero{max-width:350px;height:147px;margin:0 auto;position:relative}.hero-planet{aspect-ratio:1;background:radial-gradient(circle at 34% 25%,#ffffffc4,#0000 27%),linear-gradient(145deg,#eee5ff 6%,#c8b3ff 65%,#a98cec);border-radius:50%;width:105px;position:absolute;top:21px;left:calc(50% - 101px);transform:rotate(-7deg);box-shadow:inset -10px -8px 20px #6c42cb24,0 10px 25px #6f41cd14}.hero-planet:before{z-index:-1;content:"";border:12px solid #d7c2ffb8;border-right-color:#f0ddffd9;border-radius:50%;width:126px;height:25px;position:absolute;top:28px;left:-15px;transform:rotate(-12deg)}.hero-planet>i{background:#ffffff2e;border-radius:50%;width:35px;height:11px;position:absolute;top:19px;left:19px}.hero-badge{background:color-mix(in srgb, var(--pw-color-surface) 91%, #f3edff);color:#6446dc;border-radius:22px;place-items:center;width:76px;height:58px;display:grid;position:absolute;top:34px;left:calc(50% + 27px);box-shadow:0 9px 24px #54309b12}.hero-badge strong{letter-spacing:3px;font-size:26px}.hero-star{color:#d9c8ff;position:absolute}.hero-star-one{font-size:10px;top:16px;left:calc(50% - 112px)}.hero-star-two{font-size:9px;bottom:19px;right:calc(50% - 116px)}.add-method-introduction{text-align:center}.add-method-introduction h2{color:var(--pw-color-text);margin:2px 0 0;font-size:18px;line-height:1.45}.add-method-introduction p{color:var(--pw-color-gray-500);margin:11px 0 0;font-size:13px;line-height:1.65}.invite-code-field{border:1px solid color-mix(in srgb, var(--pw-color-gray-300) 73%, #dfd2ff);background:color-mix(in srgb, var(--pw-color-surface) 98%, #faf7ff);color:#6d4bdf;border-radius:14px;align-items:center;gap:12px;height:55px;margin-top:24px;padding:0 15px;display:flex;box-shadow:0 3px 12px #452d680a}.invite-code-field input{min-width:0;color:var(--pw-color-text);-webkit-user-select:text;user-select:text;background:0 0;border:0;outline:0;flex:1;font-size:14px}.invite-code-field input::placeholder{color:var(--pw-color-gray-500)}.invite-code-field>button{background:var(--pw-color-gray-200);width:23px;height:23px;color:var(--pw-color-gray-500);border-radius:50%;place-items:center;padding:0;font-size:15px;display:grid}.invite-code-submit{color:#fff;background:linear-gradient(110deg,#7047e9,#6532df);border-radius:14px;width:100%;height:50px;margin-top:18px;font-size:15px;font-weight:700}.invite-code-submit:disabled{color:#ffffffdb;opacity:1;background:linear-gradient(110deg,#dcd2f8,#cbbdf1)}.add-method-info-panel{background:color-mix(in srgb, var(--pw-color-gray-100) 74%, #f0eaff);border-radius:14px;align-items:flex-start;min-height:112px;margin-top:30px;padding:20px 17px;display:flex}.info-panel-icon{color:#6848db;flex:none;place-items:center;display:grid}.add-method-info-panel>div{flex:1;min-width:0;margin-left:12px}.add-method-info-panel strong{color:#6746d5;font-size:13px;display:block}.add-method-info-panel p{color:var(--pw-color-gray-700);margin:6px 0 0;font-size:11px;line-height:1.65}.info-panel-trailing{color:#6241d5;align-self:center;margin-left:8px}.invite-link-introduction h2{margin-top:1px}.invite-link-introduction p{margin-top:9px}.invite-link-card{background:color-mix(in srgb, var(--pw-color-gray-100) 70%, #f4efff);border-radius:14px;margin-top:23px;padding:14px}.invite-link-card>div{color:#6542da;align-items:center;gap:11px;height:34px;padding:0 4px;display:flex}.invite-link-card strong{color:var(--pw-color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.invite-link-card>button{color:#fff;background:linear-gradient(105deg,#7446ea,#6230dc);border-radius:13px;width:100%;height:48px;margin-top:5px;font-size:15px;font-weight:700}.invite-share-methods{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:20px;display:grid}.invite-share-methods>button{flex-direction:column;align-items:center;gap:8px;min-width:0;padding:0;display:flex}.invite-share-methods>button>span{border-radius:50%;place-items:center;width:49px;height:49px;display:grid}.invite-share-methods small{width:100%;color:var(--pw-color-gray-600);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.share-brand-icon{object-fit:contain;pointer-events:none;max-width:none;display:block}.share-line{background:#06c755}.share-line .share-brand-icon{width:40px;height:40px}.share-instagram{background:#e4405f}.share-instagram .share-brand-icon{width:29px;height:29px}.share-x{background:#030303}.share-x .share-brand-icon{width:24px;height:25px}.share-more{background:color-mix(in srgb, var(--pw-color-gray-100) 83%, #eee9ff);color:#5e89d8}.invite-share-methods+.add-method-info-panel{min-height:95px;margin-top:24px;padding-top:16px;padding-bottom:16px}.qr-add-introduction{text-align:center;margin-top:27px}.qr-add-introduction h2{color:var(--pw-color-text);margin:0;font-size:14px;line-height:1.5}.qr-scanner-preview{background:radial-gradient(circle at 52% 25%,#ffffff94 0 3%,#0000 13%),linear-gradient(145deg,#eee8ff,#dcd0ff 52%,#c9b8fb);border-radius:17px;width:min(100%,272px);height:258px;margin:19px auto 0;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #ffffff61}.qr-scanner-preview.native-camera-active{background:0 0;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 30px #ffffff0f}.qr-scanner-preview.native-camera-active .qr-scan-star,.qr-scanner-preview.native-camera-active .qr-scan-moon,.qr-scanner-preview.native-camera-active .qr-scan-planet{opacity:0}.qr-camera-live-status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.qr-corner{z-index:3;border-style:solid;border-color:#6643df;width:20px;height:20px;position:absolute}.qr-corner.top-left{border-width:3px 0 0 3px;border-radius:7px 0 0;top:22px;left:22px}.qr-corner.top-right{border-width:3px 3px 0 0;border-radius:0 7px 0 0;top:22px;right:22px}.qr-corner.bottom-left{border-width:0 0 3px 3px;border-radius:0 0 0 7px;bottom:22px;left:22px}.qr-corner.bottom-right{border-width:0 3px 3px 0;border-radius:0 0 7px;bottom:22px;right:22px}.qr-scan-star{z-index:2;color:#ffffffc7;position:absolute}.qr-scan-star.star-one{font-size:11px;top:53px;left:80px}.qr-scan-star.star-two{color:#c4aaf8;font-size:21px;top:89px;left:43px}.qr-scan-moon{z-index:1;background:linear-gradient(145deg,#ffffffb3,#cfbdffa8);border-radius:50%;width:16px;height:16px;position:absolute;top:44px;left:128px;box-shadow:0 6px 15px #7049c621}.qr-scan-planet{background:radial-gradient(circle at 32% 25%,#ffffff8f,#0000 25%),linear-gradient(145deg,#e6dcffd1,#b59bf1b0);border-radius:50%;width:151px;height:151px;position:absolute;bottom:-4px;right:-29px;box-shadow:inset -17px -15px 30px #7045d121}.qr-scan-planet:before{z-index:0;content:"";border:17px solid #e5d7ffb8;border-right-color:#f3deffc2;border-radius:50%;width:220px;height:48px;position:absolute;top:53px;left:-49px;transform:rotate(-13deg)}.qr-scan-planet>span{background:#ffffff26;border-radius:50%;width:39px;height:13px;position:absolute;top:29px;left:30px}.own-qr-panel{background:color-mix(in srgb, var(--pw-color-gray-100) 73%, #f2ecff);border-radius:14px;margin-top:22px;padding:14px 13px 12px}.qr-camera-screen.native-camera-active .own-qr-panel{background:color-mix(in srgb, var(--pw-color-gray-100) 65%, transparent);-webkit-backdrop-filter:blur(18px)saturate(120%);border:1px solid #ffffff1a;box-shadow:0 12px 32px #0d0a1c1a}.own-qr-panel h3{color:var(--pw-color-text);margin:0;font-size:13px}.own-qr-panel p{color:var(--pw-color-gray-500);margin:3px 0 0;font-size:9px}.own-qr-panel>button{background:var(--pw-color-surface);color:#6544da;border-radius:12px;grid-template-columns:30px 1fr 24px;align-items:center;width:100%;height:52px;margin-top:10px;padding:0 13px;display:grid;box-shadow:0 4px 13px #41296414}.own-qr-panel>button strong{color:var(--pw-color-text);text-align:left;font-size:12px}.own-qr-panel>button svg:last-child{justify-self:end}.qr-scan-tips{color:#6949dc;align-items:center;gap:8px;margin:24px auto 0;font-size:12px;font-weight:700;display:flex}@media (max-width:360px){.add-chat-content{padding-left:16px;padding-right:16px}.add-chat-methods{gap:8px}.add-method-card{height:122px;padding-left:4px;padding-right:4px}.add-method-card strong{font-size:11px}.add-method-card small{font-size:9px}.recommended-users-heading h2{font-size:16px}.add-method-content{padding-left:18px;padding-right:18px}.add-method-introduction h2{font-size:17px}.add-method-info-panel{margin-top:24px}.invite-share-methods{gap:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}