:root{--bg:#f6f5fb;--surface:#fff;--surface2:#f0eefb;--ink:#201d31;--muted:#777488;--line:#e6e3f0;--purple:#542fe2;--purple2:#ece8ff;--shadow:0 8px 28px #2119440b;--radius:18px;color-scheme:light}
body{background:var(--bg);color:var(--ink)}
button,.primary,.secondary,.text-link,.icon-button{transition:transform .16s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,filter .18s ease}
button:not(:disabled):hover,.primary:not(:disabled):hover,.secondary:not(:disabled):hover,.icon-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 9px 20px #35256820;filter:saturate(1.06)}
button:not(:disabled):active,.primary:not(:disabled):active,.secondary:not(:disabled):active,.icon-button:not(:disabled):active{transform:translateY(1px) scale(.985);box-shadow:0 3px 8px #3525681a}
button:disabled{cursor:not-allowed;opacity:.58}
.appbar,.tabbar{background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25)}
.appbar{border-color:color-mix(in srgb,var(--line) 78%,transparent)}
.tabbar{border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);box-shadow:0 -8px 30px #241b4508}
.brand-symbol{background:linear-gradient(145deg,#6846f2,#4320c9);box-shadow:0 5px 15px #542fe233}
.screen{max-width:1180px;padding-left:clamp(14px,2vw,26px);padding-right:clamp(14px,2vw,26px)}
.card{border:1px solid color-mix(in srgb,var(--line) 75%,transparent);box-shadow:0 5px 18px #241b4506}
.search-toolbar{display:flex;align-items:center;gap:8px;transition:all .2s ease}
.search-toolbar[hidden]{display:none}
.search-toolbar input{min-width:0}
.v3-fullscreen .appbar,.v3-fullscreen .tabbar{display:none!important}
.v3-fullscreen .screen{max-width:880px;padding-top:14px;padding-bottom:40px}
.v3-fullscreen .search-toolbar{display:none!important}
.v3-page-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin:0 0 16px;position:sticky;top:0;z-index:5;padding:8px 0;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(14px)}
.v3-page-head h1{font:750 19px/1.2 'Segoe UI',Arial,sans-serif;margin:0;text-align:center;letter-spacing:-.35px}
.v3-page-head .icon-button{font-size:25px;line-height:1}
.v3-search-person{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;margin:8px 0;border-radius:15px;background:var(--surface);color:var(--ink)}
.v3-search-person.is-limited{opacity:.78}
.v3-avatar{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#ded8ff,#fbddcc);color:#4d2bd6;font-weight:750;border:2px solid color-mix(in srgb,var(--purple) 34%,white)}
.v3-avatar img{width:100%;height:100%;object-fit:cover}
.v3-search-copy{min-width:0;flex:1}
.v3-search-copy b,.v3-search-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v3-search-copy b{font-size:14px}.v3-search-copy small{font-size:11px;color:var(--muted);margin-top:4px}
.v3-open-arrow{font-size:24px;color:var(--muted)}.v3-lock-label,.v3-read-only{font-size:11px;color:var(--muted);background:var(--surface2);border-radius:99px;padding:7px 10px}
.v3-search-post,.v3-public-post{padding:16px;margin:9px 0}.v3-search-post small,.v3-public-post small{font-size:10px;color:var(--muted)}.v3-search-post p,.v3-public-post p{line-height:1.6;margin:10px 0 0;white-space:pre-wrap}.v3-public-post img{width:100%;max-height:560px;object-fit:cover;border-radius:12px;margin-top:12px}
.v3-profile-card{text-align:center;padding:25px 18px;margin:6px auto 18px;max-width:640px;animation:v3-rise .32s both}
.v3-profile-card>.v3-avatar{width:86px;height:86px;margin:0 auto 12px;font-size:26px}
.v3-profile-card h2{font-size:22px;margin:0}.v3-profile-card .handle{margin-top:6px}.v3-profile-card>p{max-width:520px;margin:14px auto;color:var(--muted);line-height:1.6}
.v3-profile-actions{display:flex;justify-content:center;gap:9px;align-items:center;margin-top:18px}.v3-profile-menu{max-width:260px;margin:10px auto 0;padding:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.v3-profile-menu button{width:100%;border:0;background:none;padding:10px;color:#b63342;text-align:left}
.v3-profile-section{max-width:760px;margin:0 auto}.v3-profile-section>h2{font-size:16px;margin:18px 2px 10px}
.v3-notification-link{cursor:pointer;align-items:center}.v3-notification-link>.v3-avatar{width:36px;height:36px}
.v3-settings-links .setting-action{width:100%;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);display:flex;align-items:center;gap:12px;text-align:left;padding:13px 2px}.v3-settings-links h3{margin-bottom:2px}.setting-action>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--purple2);color:var(--purple);font-size:17px}.setting-action>span:nth-child(2){flex:1}.setting-action b,.setting-action small{display:block}.setting-action small{font-size:10px;color:var(--muted);margin-top:3px}.setting-action i{font-style:normal;font-size:20px;color:var(--muted)}.v3-remove-contact{display:block;margin:9px 0 0 auto;font-size:11px}
.v3-full-modal{position:fixed;inset:0;z-index:35;overflow:auto;background:var(--bg);padding:14px max(16px,calc((100vw - 760px)/2)) 30px;animation:v3-rise .2s both}.v3-roadmap-list{max-width:720px;margin:0 auto}.v3-roadmap-item{display:flex;gap:13px;align-items:flex-start;padding:16px;margin:10px 0}.v3-roadmap-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--purple2);color:var(--purple)}.v3-roadmap-item p{color:var(--muted);margin:5px 0;font-size:12px;line-height:1.5}.v3-roadmap-item small{color:var(--purple);font-size:10px}.v3-block-row{display:flex;align-items:center;gap:12px;padding:12px;margin:8px 0}.v3-block-row>span:nth-child(2){flex:1}.v3-block-row small{display:block;color:var(--muted);margin-top:3px}
.v3-breath-controls{display:flex;gap:8px;margin-top:10px}.v3-breath-controls .primary{flex:1}.v3-breath-count{display:block;color:var(--muted);font-size:11px;margin:8px 0 0}.breath-orb.is-breathing{animation:v3-breathe 6s ease-in-out infinite}.breath-orb.is-breathing span{color:var(--purple)}
.v3-password-wrap{display:flex;align-items:center;position:relative}.v3-password-wrap input{padding-right:46px}.v3-eye{position:absolute;right:8px;width:34px;height:32px;border:0;border-radius:9px;background:var(--surface2);color:var(--muted)}.v3-eye.is-on{color:var(--purple);background:var(--purple2)}
.v3-suffix-preview{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:11px;background:var(--surface2);margin:9px 0}.v3-suffix-preview span{font-size:11px;color:var(--muted)}.v3-suffix-preview b{color:var(--purple);font-size:17px;letter-spacing:.2em}.v3-suffix-preview b.is-stamped{animation:v3-stamp .3s ease-out}
.v3-photo-confirm{text-align:center}.v3-photo-confirm img{width:min(220px,70%);aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;margin:18px auto;border:4px solid var(--purple2)}
.v3-story-editor{width:min(490px,100%);padding:14px}.v3-story-editor>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.v3-story-editor>header h2{margin:0;font-size:17px}.v3-story-photo-pick{display:inline-flex;align-items:center;margin:12px 0;padding:9px 14px;border:1px solid var(--line);border-radius:99px;cursor:pointer}.v3-story-canvas{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:9/14;max-height:62vh;overflow:hidden;border-radius:20px;background:linear-gradient(145deg,#3d256e,#c85b79 55%,#eea966);color:#fff}.v3-story-canvas.theme-1{background:linear-gradient(145deg,#123f55,#64a79a,#c4d487)}.v3-story-canvas.theme-2{background:linear-gradient(145deg,#394257,#8457bf,#ec9a95)}.v3-story-canvas.theme-3{background:linear-gradient(145deg,#173b42,#df9a4a,#754552)}.v3-story-canvas.has-photo{background-size:cover;background-position:center}.v3-story-canvas.warm-tone:after{content:'';position:absolute;inset:0;background:#b7642d22;pointer-events:none}.v3-story-canvas #v3-story-overlay{position:absolute;z-index:1;max-width:85%;min-width:40px;padding:6px 10px;border-radius:8px;background:#12101b60;text-align:center;font-size:clamp(18px,4vw,28px);font-weight:700;touch-action:none;outline:none;cursor:move}.v3-story-canvas #v3-story-overlay.serif-text{font-family:Georgia,serif;font-style:italic}.v3-story-tools{display:flex;gap:8px;margin:8px 0}.v3-story-tools button{border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--ink);padding:8px 10px}.v3-story-editor textarea{width:100%;min-height:38px;max-height:90px;resize:none}.v3-story-confirm{text-align:center}.v3-story-confirm img{max-width:100%;max-height:45vh;object-fit:contain;border-radius:12px}.v3-story-confirm p{line-height:1.5}
.v3-prompt-menu{margin:8px 0 12px;border:1px solid var(--line);border-radius:13px;background:var(--surface2);padding:9px 12px}.v3-prompt-menu summary{cursor:pointer;color:var(--muted);font-size:11px}.v3-prompt-content{display:flex;flex-wrap:wrap;gap:18px;padding-top:10px}.v3-prompt-content>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.v3-prompt-content b{font-size:10px;margin-right:3px}.v3-prompt-content button{border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink);padding:6px 9px;font-size:10px}
.v3-splash{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;background:var(--bg);transition:opacity .4s ease,transform .4s ease}.v3-splash img{width:58px;height:58px;animation:v3-mark-in .45s cubic-bezier(.2,.8,.2,1) both}.v3-splash span{font-size:12px;color:var(--muted);letter-spacing:.04em}.v3-splash.is-gone{opacity:0;transform:scale(1.02);pointer-events:none}
.v3-fullscreen .appbar,.v3-fullscreen .tabbar{pointer-events:none}
body.dark{--bg:#111a17;--surface:#19241f;--surface2:#202e28;--ink:#edf4ef;--muted:#a6b5ab;--line:#2b3b33;--purple:#8ed5b2;--purple2:#263b31;--shadow:0 10px 30px #0005;color-scheme:dark;background:var(--bg);color:var(--ink)}
body.dark .appbar,body.dark .tabbar{background:color-mix(in srgb,#17221d 88%,transparent);border-color:#2b3a32}
body.dark .brand-symbol{background:linear-gradient(145deg,#7bcba7,#397d5d);box-shadow:0 5px 18px #65bd8e2c}
body.dark .card,body.dark .settings-card,body.dark .profile-card,body.dark .modal{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 7px 20px #0002}
body.dark .secondary,body.dark .input,body.dark input,body.dark textarea,body.dark select{background:#202e28;color:var(--ink);border-color:#36483e}
body.dark .primary{background:linear-gradient(145deg,#79c79f,#48a879);color:#0e2116;box-shadow:0 5px 14px #51aa7828}
body.dark .v3-splash{background:#111a17}body.dark .v3-story-canvas{color:#fff}
body.dark .post-text,body.dark .bio,body.dark .setting-row,body.dark .notification p{color:var(--ink)}
@keyframes v3-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@keyframes v3-stamp{0%{transform:translateY(-6px) scale(1.3);opacity:.35}100%{transform:none;opacity:1}}
@keyframes v3-breathe{0%,100%{transform:scale(.82)}50%{transform:scale(1.12)}}
@keyframes v3-mark-in{from{opacity:0;transform:scale(.7) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(min-width:900px){.v3-fullscreen .screen{padding-left:26px;padding-right:26px}.v3-story-editor{max-width:540px}.v3-profile-card{padding:32px}.v3-profile-section{max-width:800px}}
@media(max-width:600px){.v3-fullscreen .screen{padding:8px 12px 32px}.v3-page-head{margin-bottom:10px}.v3-profile-actions{flex-wrap:wrap}.v3-profile-actions .primary,.v3-profile-actions .secondary{flex:1}.v3-story-editor{max-height:94dvh;overflow:auto}.v3-story-canvas{max-height:54vh}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.v3-gupt-name{display:flex;align-items:center;gap:10px;margin:12px 0;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--surface2)}.v3-gupt-name span{font-size:11px;color:var(--muted)}.v3-gupt-name b{flex:1;font-size:13px;color:var(--purple)}.v3-gupt-name button{font-size:11px}
.admin-member-profile{max-width:650px;max-height:88dvh;overflow:auto}.admin-member-profile>.icon-button{float:right}.admin-member-hero{display:flex;align-items:center;gap:14px;padding:12px 0}.admin-member-hero img{width:68px;height:68px;border-radius:50%;object-fit:cover;border:3px solid var(--line);background:var(--surface2)}.admin-member-hero h2{margin:0}.admin-member-hero small{display:block;color:var(--muted);margin-top:5px}
.admin-card .member-row{flex-wrap:wrap}.admin-card .member-row .grow{min-width:180px}