/* Theme-aware HTML recreation of the iOS client used by the home-page flow. */
.ui{
  --ui-bg:#f2f2f7;--ui-card:#fff;--ui-fg:#09090b;--ui-sub:#6e6e73;
  --ui-hair:rgba(60,60,67,.13);--ui-field:#e9e9ee;--ui-blue:#087ff5;
  --ui-purple:#7052bd;--ui-green:#25a95b;
  --ui-glass:rgba(255,255,255,.58);--ui-glass-bd:rgba(255,255,255,.6);
  --ui-glass-hi:rgba(255,255,255,.9);--ui-glass-shadow:0 10px 32px -6px rgba(24,24,40,.22);
  --ui-elev:rgba(120,120,140,.1);
  position:absolute;inset:0;background:var(--ui-bg);color:var(--ui-fg);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;
  overflow:hidden;text-align:left
}
.ui-status{position:relative;height:47px;padding:16px 23px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:640;letter-spacing:.01em;z-index:8}
.ui-status>span:first-child{font-variant-numeric:tabular-nums;font-weight:660}
.ui-status::before{content:"";position:absolute;top:11px;left:50%;transform:translateX(-50%);width:32%;aspect-ratio:3.15/1;background:#000;border-radius:99px;box-shadow:0 1px 4px rgba(0,0,0,.55),inset 0 0 0 .5px rgba(255,255,255,.05)}
.ui-signals{display:flex;gap:6px;align-items:center;color:var(--ui-fg)}
.ui-signals svg{display:block;height:11px;width:auto;fill:currentColor}
.g-cell{height:11px}.g-wifi{height:10px}
.g-batt{position:relative;width:24px;height:12px;border-radius:3.5px;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);padding:1.6px;margin-left:1px}
.g-batt::after{content:"";position:absolute;right:-2.6px;top:3.7px;width:1.7px;height:4.6px;border-radius:0 2px 2px 0;background:color-mix(in srgb,currentColor 40%,transparent)}
.g-batt i{display:block;height:100%;width:82%;background:currentColor;border-radius:1.6px}
.ui-top{min-height:49px;padding:6px 14px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}
.ui-back,.ui-icon{width:33px;height:33px;border-radius:50%;background:var(--ui-glass);border:.5px solid var(--ui-glass-bd);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}
.ui-top-title{font-size:12px;font-weight:650}.ui-page{padding:0 14px}.ui h4{font-size:27px;line-height:1;margin:6px 0 14px;letter-spacing:-.035em}.ui-label{font-size:8px;color:var(--ui-sub);letter-spacing:.08em;text-transform:uppercase;margin:14px 5px 6px}.ui-card{background:var(--ui-card);border:1px solid var(--ui-hair);border-radius:14px;overflow:hidden}.ui-row{min-height:55px;padding:10px 12px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ui-hair)}.ui-row:last-child{border:0}.ui-row-icon{width:32px;height:32px;border-radius:9px;background:var(--ui-field);display:flex;align-items:center;justify-content:center;font-size:15px}.ui-row-main{min-width:0;flex:1}.ui-row-title{font-size:12px;font-weight:650}.ui-row-sub{font-size:8px;line-height:1.3;color:var(--ui-sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-chevron{font-size:18px;color:var(--ui-sub)}.ui-pill{font-size:7px;font-weight:700;color:var(--ui-green);background:color-mix(in srgb,var(--ui-green) 14%,transparent);padding:4px 7px;border-radius:99px;text-transform:uppercase}
.identity-card{padding:12px;text-align:center}.qr{width:104px;height:104px;margin:0 auto 8px;border:2px solid var(--ui-blue);border-radius:9px;padding:8px;background:#fff}.qr-pattern{width:100%;height:100%;position:relative;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29' shape-rendering='crispEdges'%3E%3Cpath fill='%23000' d='M1 1h7v7H1zM21 1h7v7h-7zM1 21h7v7H1zM2 2v5h5V2zm20 0v5h5V2zM2 22v5h5v-5zM3 3h3v3H3zm20 0h3v3h-3zM3 23h3v3H3zM10 1h2v1h2v2h-1v2h2V5h2V3h2v2h-1v3h-2V7h-3v2h-2V7H9V5h2V3h-1zM9 10h3v1h2v-1h2v2h2v-2h3v1h2v-1h5v2h-2v2h2v2h-3v-1h-2v2h4v2h-2v2h3v2h-2v2h-3v-2h-2v-2h-3v1h-2v-2h-2v2h-2v-3H9v-2h3v-2H9v-2h2v-1H9zm4 2v2h2v-2zm6 1v3h2v-3zm-6 3v2h3v-2zm6 2v2h3v-2zM9 24h2v-2h2v3h2v2h-3v1H9zm7 0h2v-2h3v2h2v3h-2v1h-3v-2h-2zm9 2h3v2h-3z'/%3E%3C/svg%3E") center/100% 100% no-repeat}.qr-pattern:before{content:"";position:absolute;width:29%;height:29%;left:35.5%;top:35.5%;border-radius:27%;background:#0f0f12;box-shadow:0 0 0 3px #fff,0 1px 4px rgba(0,0,0,.3)}.qr-pattern:after{content:"";position:absolute;width:15.5%;height:15.5%;left:42.25%;top:42.25%;border-radius:50%;background:conic-gradient(from 39deg,transparent 0 8%,#eaeaec 8% 34%,transparent 34% 42%,#eaeaec 42% 68%,transparent 68% 76%,#eaeaec 76% 100%);-webkit-mask:radial-gradient(circle,transparent 43%,#000 44%);mask:radial-gradient(circle,transparent 43%,#000 44%)}.identity-name{color:var(--ui-blue);font-size:13px;font-weight:700}.identity-key{color:var(--ui-sub);font:7px "SF Mono",Menlo,monospace;margin-top:4px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.quick span{padding:8px 3px;border-radius:8px;background:var(--ui-field);color:var(--ui-blue);font-size:8px}.quick span:last-child{color:#d54b43}
.ui-footnote{font-size:8px;line-height:1.4;color:var(--ui-sub);margin:8px 3px}.ui-bottom{position:absolute;left:0;right:0;bottom:0;height:58px;border-top:1px solid var(--ui-hair);background:color-mix(in srgb,var(--ui-bg) 88%,transparent);display:flex;align-items:center;justify-content:space-around;padding-bottom:8px}.ui-tab{text-align:center;color:var(--ui-sub);font-size:8px}.ui-tab b{display:block;font-size:17px;color:var(--ui-fg);margin-bottom:2px}.ui-tab.active{color:var(--ui-blue)}
.ui-input{background:var(--ui-card);border:1px solid var(--ui-hair);border-radius:12px;min-height:47px;padding:14px 12px;font-size:11px}.ui-textarea{min-height:87px;line-height:1.4;color:var(--ui-sub)}.ui-choice:after{content:"";width:17px;height:17px;border:1px solid var(--ui-hair);border-radius:50%}.ui-choice.selected:after{border:5px solid var(--ui-purple)}.ui-button{margin-top:16px;background:var(--ui-fg);color:var(--ui-bg);border-radius:12px;text-align:center;padding:14px;font-size:11px;font-weight:700}
.new-group-screen{padding:0;background:var(--ui-bg)}
.new-group-screen .ui-status{height:47px;padding:16px 23px 0}
.new-group-head{text-align:center;margin-top:15px}.new-group-title{font-size:14px;font-weight:700}.new-group-step{font-size:10px;color:var(--ui-sub);margin-top:3px}
.group-avatar-wrap{height:132px;display:flex;align-items:center;justify-content:center;position:relative}.group-avatar-mark{width:94px;height:94px;border-radius:50%;position:relative;background:conic-gradient(from 39deg,transparent 0 8%,var(--ui-fg) 8% 34%,transparent 34% 42%,var(--ui-fg) 42% 68%,transparent 68% 76%,var(--ui-fg) 76% 100%)}.group-avatar-mark:after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--ui-bg)}.group-camera{position:absolute;left:calc(50% + 31px);top:80px;width:31px;height:31px;border-radius:50%;background:#5ca7f8;color:#07111d;display:flex;align-items:center;justify-content:center;z-index:2}.group-camera svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.new-group-content{padding:0 14px 105px}.group-field{height:49px;border-radius:14px;background:var(--ui-card);border:1px solid var(--ui-hair);display:flex;align-items:center;padding:0 12px;font-size:14px}.group-helper{font-size:9px;color:var(--ui-sub);margin:6px 4px 0}.group-section-label{font-size:9px;color:var(--ui-sub);letter-spacing:.09em;text-transform:uppercase;margin:20px 4px 9px}.group-textarea{height:66px;align-items:flex-start;padding-top:12px;color:var(--ui-sub);line-height:1.35}.group-type-card{min-height:82px;border-radius:14px;background:var(--ui-card);border:1px solid var(--ui-hair);display:flex;align-items:center;padding:11px 12px;gap:11px}.founder-icon{width:39px;height:39px;border-radius:10px;background:color-mix(in srgb,var(--ui-blue) 15%,var(--ui-card));color:var(--ui-blue);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.founder-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.6}.group-type-title{font-size:13px;font-weight:700}.group-type-copy{font-size:9px;line-height:1.35;color:var(--ui-sub);margin-top:4px}
.new-group-actions{position:absolute;left:0;right:0;bottom:0;height:97px;border-top:1px solid var(--ui-hair);background:var(--ui-bg);padding:10px 14px 12px;text-align:center}.group-next{height:45px;border-radius:14px;background:#5ca7f8;color:#07111d;font-size:13px;font-weight:750;display:flex;align-items:center;justify-content:center;box-shadow:0 9px 24px color-mix(in srgb,#5ca7f8 22%,transparent)}.group-close{font-size:11px;font-weight:650;color:var(--ui-sub);margin-top:11px}
.chat-toolbar{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.chat-toolbar h4{margin:0}.chat-actions{display:flex;gap:7px}.chat-actions span{width:30px;height:30px;border-radius:50%;background:var(--ui-card);display:flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.avatar{width:39px;height:39px;border-radius:50%;border:5px dashed var(--ui-fg);flex:0 0 auto}.avatar.alt{border-style:solid;border-width:2px;background:var(--ui-field);position:relative}.avatar.alt:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:var(--ui-sub);left:11px;top:7px;box-shadow:0 13px 0 4px var(--ui-sub)}
.chat-card{background:var(--ui-card);border-radius:14px;padding:0 10px;border:1px solid var(--ui-hair)}.chat-row{min-height:68px;padding:11px 2px;display:flex;gap:11px;align-items:center;border-bottom:1px solid var(--ui-hair)}.chat-row:last-child{border:0}.chat-row .avatar{width:42px;height:42px}.chat-meta{flex:1;min-width:0}.chat-name{font-size:12px;font-weight:700}.chat-preview{font-size:9px;color:var(--ui-sub);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-side{text-align:right;align-self:flex-start;padding-top:3px}.chat-time{display:block;font-size:8px;color:var(--ui-sub)}.unread{display:inline-flex;margin-top:7px;min-width:16px;height:16px;padding:0 5px;border-radius:9px;background:var(--ui-blue);color:#fff;font-size:8px;align-items:center;justify-content:center}
.inbox{padding:0;background:var(--ui-bg)}
.inbox .ui-status{height:47px;padding:16px 23px 0}
.inbox-head{padding:10px 15px 0}
.inbox-tools{display:flex;align-items:center;justify-content:space-between}
.identity-switch{height:42px;min-width:65px;padding:0 12px;border:.5px solid var(--ui-glass-bd);border-radius:23px;background:var(--ui-glass);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--ui-blue);box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.person-glyph{width:18px;height:18px;position:relative}.person-glyph:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:currentColor;left:5px;top:0}.person-glyph:after{content:"";position:absolute;width:18px;height:9px;border-radius:10px 10px 3px 3px;background:currentColor;left:0;bottom:0}
.down-glyph{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.action-capsule{height:42px;padding:0 6px;border:.5px solid var(--ui-glass-bd);border-radius:23px;background:var(--ui-glass);display:flex;align-items:center;gap:2px;box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
.action-capsule span{width:23px;height:31px;display:flex;align-items:center;justify-content:center;color:var(--ui-fg)}
.action-capsule svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.inbox-title{font-size:28px;font-weight:750;line-height:1;letter-spacing:-.045em;margin:17px 0 10px}
.inbox-list{border-top:1px solid var(--ui-hair)}
.inbox-row{height:59px;margin-left:44px;padding:0 4px 0 0;border-bottom:1px solid var(--ui-hair);display:flex;align-items:center;gap:8px;position:relative}
.inbox-avatar{position:absolute;right:calc(100% + 10px);width:35px;height:35px;border-radius:50%;background:var(--ui-card);overflow:hidden}
.inbox-avatar.ring{border:6px solid var(--ui-fg);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(26deg)}
.inbox-avatar.photo-one{background:linear-gradient(180deg,#92b8d5 0 35%,#6c8a59 36% 58%,#d8b8b0 59% 100%)}.inbox-avatar.photo-one:after{content:"";position:absolute;width:11px;height:18px;border-radius:8px 8px 5px 5px;background:#dfb7aa;left:12px;top:12px}
.inbox-avatar.photo-two{background:linear-gradient(150deg,#f8d879,#ba7c28 48%,#70471e 49% 100%)}.inbox-avatar.photo-two:after{content:"⌂";position:absolute;inset:6px 0 0;text-align:center;color:#fff6ce;font-size:19px}
.inbox-copy{flex:1;min-width:0}.inbox-name{font-size:14px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-preview{font-size:10px;color:var(--ui-sub);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lock-mini{display:inline-block;width:7px;height:7px;border:1px solid currentColor;border-radius:1px;margin-right:5px;position:relative}.lock-mini:before{content:"";position:absolute;width:5px;height:4px;border:1px solid currentColor;border-bottom:0;border-radius:5px 5px 0 0;left:0;top:-5px}
.verified{width:14px;height:14px;border-radius:50%;background:#52d269;color:#09230f;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.inbox-chevron{color:var(--ui-sub);font-size:23px;line-height:1}
.inbox-dock{position:absolute;left:13px;right:13px;bottom:9px;height:52px;display:flex;align-items:center;justify-content:space-between}
.tab-capsule{height:52px;width:178px;padding:4px;border-radius:27px;background:var(--ui-glass);border:.5px solid var(--ui-glass-bd);display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7)}
.dock-tab{border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ui-fg);font-size:9px;font-weight:560;gap:2px}.dock-tab.active{background:color-mix(in srgb,var(--ui-fg) 13%,transparent);color:var(--ui-blue);box-shadow:inset 0 1px 0 var(--ui-glass-hi)}.dock-tab svg{width:23px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dock-search{width:52px;height:52px;border-radius:50%;background:var(--ui-glass);border:.5px solid var(--ui-glass-bd);display:flex;align-items:center;justify-content:center;box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(24px) saturate(1.7);-webkit-backdrop-filter:blur(24px) saturate(1.7)}.dock-search svg{width:23px;height:23px;stroke:var(--ui-fg);fill:none;stroke-width:2.2;stroke-linecap:round}
.settings-screen{padding:0;background:var(--ui-bg)}
.settings-scroll{padding:0 13px 86px}
.settings-title{font-size:29px;font-weight:750;line-height:1;letter-spacing:-.045em;margin:16px 3px 11px}
.profile-panel{background:var(--ui-card);border-radius:17px;padding:12px 13px 10px;text-align:center;border:1px solid var(--ui-hair)}
.profile-qr{width:86px;height:86px;margin:0 auto 6px;border:2px solid var(--ui-blue);border-radius:12px;background:#fff;padding:6px}
.profile-qr .qr-pattern{width:100%;height:100%}
.profile-name{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--ui-blue);font-size:15px;font-weight:750}.edit-pencil{font-size:10px;color:var(--ui-sub)}
.active-chip{display:inline-block;margin-top:4px;padding:3px 8px;border-radius:99px;background:color-mix(in srgb,var(--ui-blue) 15%,transparent);color:var(--ui-blue);font-size:7px;font-weight:800;letter-spacing:.1em}
.profile-hint{font-size:8px;color:var(--ui-sub);margin-top:4px}.profile-key{font:7px "SF Mono",Menlo,monospace;color:var(--ui-sub);margin-top:3px}
.profile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.profile-action{height:43px;border-radius:10px;background:color-mix(in srgb,var(--ui-fg) 5%,var(--ui-card));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ui-blue);font-size:8px;gap:3px}.profile-action.danger{color:#ff5148}.profile-action svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.carousel-dots{display:flex;justify-content:center;gap:6px;margin-top:6px}.carousel-dots i{width:4px;height:4px;border-radius:50%;background:var(--ui-sub);opacity:.35}.carousel-dots i.active{background:var(--ui-blue);opacity:1}
.settings-label{font-size:9px;color:var(--ui-sub);letter-spacing:.06em;text-transform:uppercase;margin:11px 3px 6px}
.settings-group{background:var(--ui-card);border:1px solid var(--ui-hair);border-radius:14px;padding-left:48px}.settings-row{height:51px;border-bottom:1px solid var(--ui-hair);display:flex;align-items:center;position:relative}.settings-row:last-child{border:0}.settings-color-icon{position:absolute;right:calc(100% + 10px);width:30px;height:30px;border-radius:8px;color:#fff;display:flex;align-items:center;justify-content:center}.settings-color-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-color-icon.anchor{background:#ff843e}.settings-color-icon.relayer{background:#6154dd}.settings-row-copy{flex:1}.settings-row-title{font-size:13px}.settings-row-sub{font-size:9px;color:var(--ui-sub);margin-top:3px}.settings-row .inbox-chevron{margin-right:10px}
.settings-note{font-size:8px;line-height:1.45;color:var(--ui-sub);margin:8px 3px 0}
.settings-color-icon.transport{background:#6154dd}
.settings-color-icon.blossom{background:#e0518a}
.conversation-screen{padding:0;background:var(--ui-bg);--chat-accent:#ef5870}
.relay-screen{padding:0;background:var(--ui-bg)}
.relay-screen .ui-status{height:47px;padding:16px 23px 0}
.relay-nav{height:60px;padding:7px 14px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center}.relay-nav-title{text-align:center;font-size:14px;font-weight:650}
.relay-content{padding:7px 14px 82px}.relay-heading{font-size:29px;font-weight:760;letter-spacing:-.045em;margin:7px 3px 31px}.relay-label{font-size:10px;color:var(--ui-sub);letter-spacing:.035em;text-transform:uppercase;margin:0 4px 8px}
.relay-card{background:var(--ui-card);border-radius:14px;min-height:55px;display:flex;align-items:center;padding:8px 12px;gap:10px;border:1px solid var(--ui-hair)}.relay-card-copy{flex:1;min-width:0}.relay-card-title{font-size:13px;font-weight:670}.relay-card-sub{font:9px "SF Mono",Menlo,monospace;color:var(--ui-sub);margin-top:3px;white-space:nowrap}.default-chip{font-size:8px;color:var(--ui-sub);background:var(--ui-field);padding:3px 6px;border-radius:4px;margin-left:5px;vertical-align:1px}.relay-icon{width:31px;height:31px;border-radius:8px;background:#6154dd;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.relay-icon svg,.self-host-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.relay-add{display:flex;align-items:center;gap:8px;background:var(--ui-card);border-radius:14px;padding:11px 12px;margin-bottom:7px}.relay-field{height:39px;display:flex;align-items:center;padding:0 10px;border-radius:10px;background:var(--ui-field);color:var(--ui-sub);font:10px "SF Mono",Menlo,monospace;flex:1;min-width:0}.relay-add-button{height:35px;padding:0 13px;border-radius:9px;background:#5ca7f8;color:#07111d;display:flex;align-items:center;font-size:11px;font-weight:700}.relay-help{font-size:9px;line-height:1.45;color:var(--ui-sub);margin:6px 4px 0}.restore-card{margin-top:0}.restore-icon{background:#a1a1a6}.relay-gap{margin-top:17px}.self-host-icon{width:31px;height:31px;border-radius:8px;border:1px solid var(--ui-hair);display:flex;align-items:center;justify-content:center;color:var(--ui-fg);flex:0 0 auto}.relay-card .inbox-chevron{margin-left:auto}
.conversation-screen .ui-status{height:47px;padding:16px 23px 0}
.chat-nav{height:58px;padding:7px 14px;display:grid;grid-template-columns:38px 1fr 38px;align-items:center}
.chat-nav-button{width:37px;height:37px;border-radius:50%;background:var(--ui-glass);border:.5px solid var(--ui-glass-bd);display:flex;align-items:center;justify-content:center;box-shadow:var(--ui-glass-shadow),inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5)}.chat-nav-button svg{width:22px;height:22px;stroke:var(--ui-fg);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.chat-nav-center{text-align:center}.chat-nav-title{font-size:14px;font-weight:700}.chat-nav-sub{font-size:9px;color:var(--ui-sub);margin-top:3px}
.message-stage{position:absolute;top:100px;left:0;right:0;bottom:62px;padding:13px 11px;overflow:hidden}.sender-name{font-size:9px;font-weight:700;color:#d2a83a;margin:0 0 5px 3px}.chat-message{max-width:78%;padding:9px 12px;border-radius:15px;font-size:12px;line-height:1.3}.chat-message.incoming{background:#392f15;color:var(--ui-fg);border-bottom-left-radius:5px}.chat-message.outgoing{margin-left:auto;background:var(--chat-accent);color:#111;border-bottom-right-radius:5px}.delivery{font-size:12px;color:var(--ui-blue);text-align:right;font-weight:800;letter-spacing:-3px;margin:2px 3px 5px 0}
.generic-photo{height:224px;margin:8px 0 0 auto;border:3px solid var(--chat-accent);border-radius:17px;overflow:hidden;position:relative;width:88%;background:linear-gradient(180deg,#8ec5e8 0%,#bfe0f2 26%,#e7dcb0 46%,#a7cf7e 55%,#5aa356 74%,#3c8043 100%)}
.generic-photo:before{content:"";position:absolute;right:20%;top:15%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#fffbe6 0 32%,#ffeaa0 48%,rgba(255,234,160,0) 74%)}
.generic-photo:after{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:46%;background:radial-gradient(130% 100% at 22% 100%,#3b7d3c 0 58%,transparent 60%),radial-gradient(120% 100% at 82% 100%,#2f6a37 0 52%,transparent 54%),linear-gradient(180deg,transparent 0 34%,#347539 35% 100%)}
.conversation-composer{position:absolute;left:0;right:0;bottom:0;height:62px;border-top:1px solid var(--ui-hair);background:var(--ui-bg);display:flex;align-items:center;gap:8px;padding:8px 10px 13px}.round-compose{width:38px;height:38px;flex:0 0 auto;border-radius:50%;background:var(--ui-glass);border:.5px solid var(--ui-glass-bd);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 0 var(--ui-glass-hi);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}.round-compose svg{width:22px;height:22px;stroke:var(--ui-sub);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.compose-field{height:38px;border-radius:20px;background:var(--ui-card);color:var(--ui-sub);font-size:12px;display:flex;align-items:center;padding:0 13px;flex:1}
.welcome-center{text-align:center;margin:22px 0 24px}.welcome-center .avatar{margin:auto;width:58px;height:58px}.welcome-center h5{font-size:18px;margin:10px 0 3px}.welcome-center p{font-size:9px;color:var(--ui-sub)}.invite{background:var(--ui-field);border-radius:12px;padding:12px;font-size:10px;line-height:1.4;margin-bottom:15px}.promise{display:flex;gap:11px;margin:12px 2px}.promise-icon{color:var(--ui-purple);font-size:17px;width:21px}.promise b{display:block;font-size:11px}.promise span{display:block;color:var(--ui-sub);font-size:9px;line-height:1.4;margin-top:3px}
.thread{height:calc(100% - 145px);padding:18px 12px;display:flex;flex-direction:column;gap:9px}.bubble{max-width:82%;padding:10px 12px;border-radius:16px;font-size:10px;line-height:1.35}.bubble.mine{align-self:flex-end;background:var(--ui-purple);color:#fff;border-bottom-right-radius:5px}.bubble.theirs{align-self:flex-start;background:var(--ui-card);border-bottom-left-radius:5px}.composer{position:absolute;left:10px;right:10px;bottom:17px;display:flex;align-items:center;gap:8px}.composer-field{height:38px;border:1px solid var(--ui-hair);background:var(--ui-card);border-radius:19px;flex:1;padding:11px;color:var(--ui-sub);font-size:10px}.composer-send{width:38px;height:38px;border-radius:50%;background:var(--ui-purple);color:#fff;display:flex;align-items:center;justify-content:center}
.phone::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:4;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),inset 0 2px 2px rgba(255,255,255,.2),inset 0 -3px 7px rgba(0,0,0,.42)}
.profile-panel,.settings-group,.relay-card,.group-field,.group-textarea,.group-type-card,.ui-card,.chat-card{box-shadow:inset 0 .5px 0 var(--ui-elev)}
@media(prefers-color-scheme:dark){
  :root{--bg:#08080a;--fg:#f5f5f7;--muted:#919197;--card:#101013;--hair:rgba(245,245,247,.11);--glass:rgba(8,8,10,.82);--shadow:0 30px 85px -35px #000}
  .ui{--ui-bg:#000;--ui-card:#1c1c1e;--ui-fg:#fff;--ui-sub:#98989f;--ui-hair:rgba(255,255,255,.08);--ui-field:#39393c;--ui-blue:#0a84ff;--ui-purple:#8b6bd5;--ui-green:#30d158;--ui-glass:rgba(58,58,62,.48);--ui-glass-bd:rgba(255,255,255,.13);--ui-glass-hi:rgba(255,255,255,.12);--ui-glass-shadow:0 12px 34px -8px rgba(0,0,0,.65);--ui-elev:rgba(255,255,255,.045)}
  .step-inner{background:rgba(8,8,10,.9)!important}
  .phone-sticky:before{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 84%,transparent)!important}
}