:root{
--f-title:"Plus Jakarta Sans","Figtree",system-ui,sans-serif;
--bg:#F3F4F8;--surface:#FFFFFF;--surface-2:#ECEEF4;--line:#E1E4EC;--fg:#14161D;--muted:#626979;--faint:#9AA0AE;
--accent:#2F54FF;--accent-2:#1D3FE6;--accent-soft:#E8EDFF;--on-accent:#FFFFFF;
--hot:#F43F5E;--hot-soft:#FFE5EA;--go:#0E9F62;--go-soft:#DCF5EA;--sun:#FFB020;
--shadow:0 1px 2px rgba(20,22,29,.04),0 10px 28px -14px rgba(20,22,29,.16);
--overlay:rgba(10,12,18,.55);
--f-display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;
--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
--r-lg:22px;--header:64px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
--bg:#0C0E13;--surface:#14171F;--surface-2:#1C2029;--line:#262B37;--fg:#ECEEF4;--muted:#8F96A7;--faint:#626A7C;
--accent:#6A84FF;--accent-2:#8098FF;--accent-soft:#1C2547;--on-accent:#0B0F22;
--hot:#FF5C7A;--hot-soft:#3A1822;--go:#2FD38A;--go-soft:#12301F;--sun:#FFC14D;
--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -16px rgba(0,0,0,.6);--overlay:rgba(0,0,0,.7);color-scheme:dark}}
:root[data-theme="dark"]{
--bg:#0C0E13;--surface:#14171F;--surface-2:#1C2029;--line:#262B37;--fg:#ECEEF4;--muted:#8F96A7;--faint:#626A7C;
--accent:#6A84FF;--accent-2:#8098FF;--accent-soft:#1C2547;--on-accent:#0B0F22;
--hot:#FF5C7A;--hot-soft:#3A1822;--go:#2FD38A;--go-soft:#12301F;--sun:#FFC14D;
--shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -16px rgba(0,0,0,.6);--overlay:rgba(0,0,0,.7);color-scheme:dark}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{margin:0;overflow-x:clip;max-width:100%;background:var(--bg);color:var(--fg);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}
body.locked{overflow:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;text-align:inherit}
input,textarea{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
img{max-width:100%}
h1,h2,h3{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0}
p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}
.ic{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eyebrow{font:600 11px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top-in{max-width:1280px;margin:0 auto;height:var(--header);display:flex;align-items:center;gap:16px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand-mark{width:36px;height:36px;display:block;object-fit:contain}
.brand-word{font-family:var(--brand-font,var(--f-display)),var(--f-display);font-weight:var(--brand-weight,800);font-size:var(--brand-size,25px);line-height:1;letter-spacing:-.03em;color:var(--brand-c,inherit);white-space:nowrap}
.brand-word i{font-style:normal;color:var(--accent)}
.search{flex:1;max-width:460px;margin-inline:auto;display:flex;align-items:center;gap:10px;height:42px;padding:0 8px 0 14px;border-radius:999px;background:var(--surface-2);border:1px solid transparent;color:var(--muted);transition:border-color .15s,box-shadow .15s,background .15s}
.search:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.search input{flex:1;min-width:0;border:0;background:none;outline:none;color:var(--fg);height:100%}
.search input::placeholder{color:var(--faint)}
.search input::-webkit-search-cancel-button{display:none}
.search kbd{font:500 11px/1 var(--f-mono);border:1px solid var(--line);border-radius:6px;padding:4px 7px;color:var(--faint);background:var(--surface)}
.top-actions{display:flex;align-items:center;gap:6px;flex:none;margin-left:auto}
.icon-btn{position:relative;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--muted);flex:none;transition:background .15s,color .15s}
.icon-btn:hover{background:var(--surface-2);color:var(--fg)}
.icon-btn.sm{width:32px;height:32px;border-radius:10px}
.icon-btn.sm .ic{width:18px;height:18px}
.dot{position:absolute;top:9px;right:10px;width:8px;height:8px;border-radius:50%;background:var(--hot);box-shadow:0 0 0 2px var(--surface)}
.badge{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:600 10px/18px var(--f-mono);text-align:center;box-shadow:0 0 0 2px var(--surface)}
.me-btn{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:999px;color:var(--muted)}
.me-btn:hover{background:var(--surface-2)}
.me-btn .ic{width:16px;height:16px}
#searchToggle{display:none}

.btn{height:40px;padding:0 18px;border-radius:999px;font-weight:700;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;transition:background .15s,transform .1s,box-shadow .15s,color .15s;flex:none}
.btn:active{transform:scale(.97)}
.btn .ic{width:18px;height:18px}
.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 8px 18px -10px var(--accent)}
.btn.primary:hover{background:var(--accent-2)}
.btn.ghost{border:1px solid var(--line);background:var(--surface)}
.btn.ghost:hover{background:var(--surface-2)}
.btn.soft{background:var(--surface-2)}
.btn.soft:hover{background:var(--line)}
.btn.sm{height:34px;padding:0 15px;font-size:13px}
.btn.block{width:100%;height:46px;font-size:15px}
.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}
.link{color:var(--accent);font-weight:700}
.link:hover{text-decoration:underline}

.avatar{--s:40px;position:relative;width:var(--s);height:var(--s);border-radius:50%;flex:none;display:grid;place-items:center;background:var(--c,#596070);color:#fff;font:700 calc(var(--s)*.38)/1 var(--f-display);letter-spacing:-.02em;user-select:none;overflow:hidden}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.p-loc{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--muted);margin-top:1px}
.p-loc .ic{width:14px;height:14px}
.back-btn{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;color:var(--muted);padding:6px 10px 6px 4px;border-radius:10px}
.back-btn:hover{background:var(--surface);color:var(--fg)}
.u-link{cursor:pointer}
.avatar.ghosty{background:var(--surface-2);color:var(--faint)}
.avatar.ghosty .ic{width:55%;height:55%}

.shell{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:236px minmax(0,1fr) 316px;gap:28px;padding-block:24px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.left,.right{position:sticky;top:calc(var(--header) + 24px + env(safe-area-inset-top,0px));align-self:start;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - var(--header) - 40px);overflow-y:auto;scrollbar-width:none}
.left::-webkit-scrollbar,.right::-webkit-scrollbar{display:none}
.feed{min-width:0;width:100%;max-width:640px;margin-inline:auto;display:flex;flex-direction:column;gap:16px}

.nav{display:flex;flex-direction:column;gap:2px}
.nav :is(button,a){display:flex;align-items:center;gap:14px;height:48px;padding:0 14px;border-radius:14px;font-weight:600;font-size:15px;color:var(--muted);width:100%;transition:background .15s,color .15s}
.nav :is(button,a):hover{background:var(--surface);color:var(--fg)}
.nav :is(button,a).on{color:var(--fg);background:var(--surface);box-shadow:var(--shadow)}
.nav :is(button,a).on .ic{color:var(--accent);stroke-width:2.2}
.nav .ic{width:22px;height:22px}
.left .btn.primary{height:48px;font-size:15px}

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.side-card{padding:18px}
.side-card h3{font-size:17px;margin-bottom:12px}
.guest-card{padding:20px;display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,var(--accent-soft),var(--surface) 70%)}
.guest-card h3{font-size:20px;margin:0}
.guest-card p{color:var(--muted);font-size:14px}


.composer{padding:16px;display:flex;gap:12px}
.c-main{flex:1;min-width:0}
.composer textarea{display:block;width:100%;border:0;outline:0;background:none;resize:none;font-size:17px;line-height:1.45;min-height:56px;padding:8px 0;color:var(--fg)}
.composer textarea::placeholder{color:var(--faint)}
.c-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0}
.c-media:empty{display:none}
.c-thumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/3;max-width:100%;background:var(--surface-2)}
.c-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.c-thumb button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:rgba(10,12,18,.7);color:#fff;display:grid;place-items:center}
.c-thumb button .ic{width:16px;height:16px}
.c-poll{display:flex;flex-direction:column;gap:8px;margin:8px 0;padding:12px;border:1px solid var(--line);border-radius:16px}
.c-poll input{height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:var(--surface);outline:none}
.c-poll input:focus{border-color:var(--accent)}
.c-poll-foot{display:flex;justify-content:space-between;gap:8px}
.c-poll-foot button{font-size:13px;font-weight:700;color:var(--accent)}
.c-poll-foot button.rm{color:var(--hot)}
.c-emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;border:1px solid var(--line);border-radius:14px;margin:6px 0;background:var(--surface)}
.c-emoji button{height:36px;border-radius:8px;font-size:20px;text-align:center}
.c-emoji button:hover{background:var(--surface-2)}
.c-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}
.c-tools{display:flex;gap:2px}
.tool{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--accent)}
.tool:hover,.tool.on{background:var(--accent-soft)}
.tool:disabled{opacity:.35;cursor:not-allowed;background:none}
.c-send{display:flex;align-items:center;gap:10px}
.rc{position:relative;width:26px;height:26px;display:grid;place-items:center}
.rc svg{position:absolute;inset:0;transform:rotate(-90deg)}
.rc circle{fill:none;stroke-width:2.5}
.rc .trk{stroke:var(--line)}
.rc .val{stroke:var(--accent);stroke-dasharray:62.83;stroke-dashoffset:62.83;transition:stroke-dashoffset .15s,stroke .15s}
.rc.warn .val{stroke:var(--sun)}
.rc.over .val{stroke:var(--hot)}
.rc b{font:600 10px/1 var(--f-mono);color:var(--muted)}
.rc.over b{color:var(--hot)}
.guest-compose{padding:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.guest-compose div{flex:1;min-width:180px}
.guest-compose b{display:block;font-family:var(--f-display);font-size:17px}
.guest-compose span{color:var(--muted);font-size:14px}
.guest-compose .acts-g{display:flex;gap:8px;flex:none}

.tabs{display:flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:14px}
.tabs :is(button,a):hover{color:var(--fg)}
.tabs :is(button,a).on{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.view-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px 2px}
.view-head h1{font-size:28px;margin-top:6px;line-height:1.1;overflow-wrap:anywhere}
.feed-list{display:flex;flex-direction:column;gap:14px}

.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 16px 6px;display:flex;gap:12px;scroll-margin-top:90px}
.post.new{animation:rise .4s cubic-bezier(.2,.8,.2,1)}
.p-body{flex:1;min-width:0}
.p-head{display:flex;align-items:center;gap:5px;min-width:0;height:24px}
.p-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}
.p-name:hover{text-decoration:underline}
.verified{width:17px;height:17px;color:var(--accent);flex:none}
.p-meta{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.p-more{margin-left:auto;margin-right:-6px}
.p-text{margin:4px 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px;line-height:1.5}
.tag{color:var(--accent);font-weight:600;display:inline}
.tag:hover{text-decoration:underline}
.media{display:grid;gap:3px;border-radius:16px;overflow:hidden;margin-bottom:10px;border:1px solid var(--line);position:relative;background:var(--surface-2);max-width:100%}
.media img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.media.n1{aspect-ratio:4/3}
.media.n2{grid-template-columns:1fr 1fr;aspect-ratio:16/10}
.media.n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:16/10}
.media.n3 img:first-child{grid-row:span 2}
.media.n4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
.media img{min-height:0}
.burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}
.burst .ic{width:96px;height:96px;fill:#fff;stroke:#fff;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}
.burst.go{animation:burst .8s ease}
.poll{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.opt{position:relative;min-height:44px;border-radius:12px;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;font-weight:600;transition:border-color .15s,color .15s}
.poll:not(.done) .opt:hover{border-color:var(--accent);color:var(--accent)}
.opt:disabled{cursor:default;opacity:1}
.opt .bar{position:absolute;inset:0 auto 0 0;background:var(--surface-2);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.opt.mine .bar{background:var(--accent-soft)}
.opt.mine{border-color:var(--accent)}
.opt .ot,.opt .op{position:relative;display:flex;align-items:center;gap:6px}
.opt .ot .ic{width:16px;height:16px;color:var(--accent);stroke-width:2.6}
.opt .op{font:600 13px/1 var(--f-mono);font-variant-numeric:tabular-nums}
.poll-foot{font-size:13px;color:var(--muted)}
.acts{display:flex;align-items:center;justify-content:space-between;margin-left:-8px;margin-right:-8px}
.act{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 8px;border-radius:999px;color:var(--muted);font:500 13px/1 var(--f-mono);font-variant-numeric:tabular-nums;transition:color .15s,background .15s}
button.act:hover{color:var(--accent);background:var(--accent-soft)}
.act.like:hover,.act.like.on{color:var(--hot)}
.act.like:hover{background:var(--hot-soft)}
.act.like.on .ic{fill:var(--hot);animation:pop .35s ease}
.act.rp:hover,.act.rp.on{color:var(--go)}
.act.rp:hover{background:var(--go-soft)}
.act.cm.on,.act.save.on{color:var(--accent)}
.act.save.on .ic{fill:var(--accent)}
.act.views{cursor:default}
.act-r{display:flex}
.comments{border-top:1px solid var(--line);margin-top:4px;padding:12px 0 10px;display:flex;flex-direction:column;gap:10px}
.cm{display:flex;gap:10px}
.cm-b{background:var(--surface-2);border-radius:4px 16px 16px 16px;padding:8px 12px;min-width:0;flex:1}
.cm-h{display:flex;gap:8px;align-items:baseline;font-size:13px}
.cm-h span{color:var(--muted);font-size:12px}
.cm-b p{font-size:14px;overflow-wrap:anywhere}
.cm-form{display:flex;gap:8px;align-items:center}
.cm-form input{flex:1;min-width:0;height:38px;border-radius:999px;border:1px solid var(--line);background:var(--surface);padding:0 14px;outline:none}
.cm-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

.empty{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}
.empty .em-ic{width:56px;height:56px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.empty .em-ic .ic{width:26px;height:26px}
.empty b{font-family:var(--f-display);font-size:19px;color:var(--fg)}
.empty p{max-width:34ch;font-size:14px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.grid3 button{aspect-ratio:1;max-width:100%;border-radius:12px;overflow:hidden;position:relative;background:var(--surface-2)}
.grid3 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.grid3 button:hover img{transform:scale(1.05)}
.grid3 .cnt{position:absolute;top:8px;right:8px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.grid3 .cnt .ic{width:18px;height:18px}


.pf-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.pf-row b{color:var(--fg);font-family:var(--f-mono);font-weight:600}

.follow-row{display:flex;align-items:center;gap:10px;padding:7px 0}
.follow-row div{min-width:0;flex:1}
.follow-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.follow-row span{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn.following{background:var(--surface);border:1px solid var(--line);color:var(--fg)}
.btn.following:hover{border-color:var(--hot);color:var(--hot);background:var(--hot-soft)}
.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:14px;overflow:hidden}
.mosaic button{aspect-ratio:1;max-width:100%;overflow:hidden;background:var(--surface-2)}
.mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.mosaic button:hover img{transform:scale(1.08)}
.foot{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--faint);padding:0 4px}
.foot a:hover{text-decoration:underline;color:var(--muted)}

.bottom{display:none}
.new-pill{position:sticky;top:calc(var(--header) + 12px + env(safe-area-inset-top,0px));z-index:20;align-self:center;display:flex;align-items:center;gap:10px;padding:5px 16px 5px 6px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13.5px;box-shadow:0 14px 30px -12px var(--accent);animation:drop .3s ease;margin-bottom:-4px}
.new-pill .stack{display:flex}
.new-pill .stack .avatar{--s:26px;box-shadow:0 0 0 2px var(--accent);margin-left:-8px}
.new-pill .stack .avatar:first-child{margin-left:0}
.new-pill .ic{width:16px;height:16px;stroke-width:2.4}
.more{display:flex;justify-content:center;align-items:center;gap:10px;padding:20px;color:var(--muted);font-size:14px;font-weight:600;min-height:60px}
.spin{width:20px;height:20px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.strip{padding:16px 0 16px 16px;overflow:hidden}
.strip-h{display:flex;justify-content:space-between;align-items:center;padding-right:16px;margin-bottom:12px}
.strip-h b{font-family:var(--f-display);font-size:17px}
.strip-h button{font-size:13px;font-weight:700;color:var(--accent)}
.strip-row{display:flex;gap:10px;overflow-x:auto;padding:2px 16px 4px 0;scrollbar-width:none}
.strip-row::-webkit-scrollbar{display:none}
.sc{flex:none;width:150px;border:1px solid var(--line);border-radius:18px;padding:16px 12px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:var(--bg)}
.sc .avatar{--s:64px;margin-bottom:6px}
.sc b{font-size:14px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc span{font-size:12px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc .btn{margin-top:8px;width:100%}
.live-row{display:flex;align-items:center;gap:10px;padding:7px 0;width:100%}
.live-av{position:relative;flex:none;padding:2px;border-radius:50%;background:var(--hot)}
.live-av .avatar{box-shadow:0 0 0 2px var(--surface)}
.live-av i{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);background:var(--hot);color:#fff;font:700 8.5px/1 var(--f-mono);letter-spacing:.08em;padding:3px 5px;border-radius:5px;font-style:normal;box-shadow:0 0 0 2px var(--surface)}
.live-row div{min-width:0;flex:1}
.live-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-row span{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
.live-row span::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--hot);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.3}}
.ev{display:flex;gap:12px;padding:8px 0;align-items:center}
.ev-date{flex:none;width:46px;height:50px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}
.ev-date small{font:700 10px/1 var(--f-mono);letter-spacing:.08em}
.ev-date b{font:800 20px/1.1 var(--f-display)}
.ev div:nth-child(2){min-width:0;flex:1}
.ev div:nth-child(2) b{display:block;font-size:14px;line-height:1.3}
.ev div:nth-child(2) span{font-size:12.5px;color:var(--muted)}
.ev .btn{padding:0 12px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:600;display:inline-flex;align-items:center;transition:background .15s,color .15s}
.chip:hover{background:var(--accent-soft);color:var(--accent)}
.chk{padding:16px;display:flex;flex-direction:column;gap:10px}
.chk h3{font-size:16px;margin:0;display:flex;justify-content:space-between;align-items:baseline}
.chk h3 span{font:600 12px var(--f-mono);color:var(--muted)}
.prog{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.prog i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--go));border-radius:3px;transition:width .5s}
.chk-i{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;width:100%;padding:4px 0;color:var(--fg)}
.chk-i .bx{width:20px;height:20px;border-radius:7px;border:1.5px solid var(--line);display:grid;place-items:center;flex:none}
.chk-i.done{color:var(--muted);text-decoration:line-through}
.chk-i.done .bx{background:var(--go);border-color:var(--go);color:#fff}
.chk-i .bx .ic{width:13px;height:13px;stroke-width:3}

.pop{position:fixed;z-index:80;width:340px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px -18px rgba(0,0,0,.35);padding:6px;animation:drop .18s ease;max-height:70vh;overflow:auto}
.pop.narrow{width:240px}
.pop-h{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 8px}
.pop-h b{font-family:var(--f-display);font-size:17px}
.pop-h button{font-size:13px;font-weight:700;color:var(--accent)}
.pi{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:12px;font-size:14px;font-weight:600}
.pi:hover{background:var(--surface-2)}
.pi.danger{color:var(--hot)}
.pi .ic{color:var(--muted)}
.pi.danger .ic{color:var(--hot)}
.pn{display:flex;gap:12px;padding:10px 12px;border-radius:12px;align-items:flex-start;width:100%}
.pn:hover{background:var(--surface-2)}
.pn div{min-width:0;flex:1;font-size:14px;line-height:1.4}
.pn small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.pn.unread{background:var(--accent-soft)}
.pn .msg{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.pop-me{display:flex;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pop-me div{min-width:0}
.pop-me b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pop-me span{color:var(--muted);font-size:13px}

.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s ease;overflow-y:auto}
.sheet{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:0 40px 90px -24px rgba(0,0,0,.5);animation:rise .28s cubic-bezier(.2,.8,.2,1)}
.sheet.wide{max-width:580px}
.sheet-pad{padding:28px 26px 24px;display:flex;flex-direction:column;gap:16px}
.sheet-x{position:absolute;top:12px;right:12px}
.sheet h2{font-size:26px;line-height:1.15}
.sheet .sub{color:var(--muted);font-size:14.5px;margin-top:-6px}
.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 14px 22px;border-bottom:1px solid var(--line)}
.sheet-head h2{font-size:19px}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:13px;font-weight:700}
.field input{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:0 14px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}
.field input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.field input.bad{border-color:var(--hot)}
.pw{position:relative}
.pw input{padding-right:64px}
.pw button{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--muted);padding:6px 8px;border-radius:8px}
.pw button:hover{background:var(--surface-2)}
.err{color:var(--hot);font-size:13px;font-weight:600}
.note{font-size:12.5px;color:var(--muted);background:var(--surface-2);border-radius:12px;padding:10px 12px;line-height:1.45}
.sheet-foot{text-align:center;font-size:14px;color:var(--muted)}
.lock-ic{width:64px;height:64px;border-radius:20px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;position:relative}
.lock-ic .ic{width:30px;height:30px;stroke-width:2}
.lock-ic::after{content:"";position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 4px var(--surface)}
.reg-list{display:flex;flex-direction:column;gap:10px;font-size:14px}
.reg-list div{display:flex;gap:10px;align-items:flex-start}
.reg-list .ic{width:18px;height:18px;color:var(--go);stroke-width:2.4;margin-top:2px}
.reg-list .ic.no{color:var(--hot)}
.btn-col{display:flex;flex-direction:column;gap:8px}

.viewer{position:fixed;inset:0;z-index:110;background:#07080B;display:grid;place-items:center;animation:fade .2s}
.sv-frame{position:relative;width:min(420px,100vw);height:min(100%,calc(min(420px,100vw)*16/9));max-height:100vh;border-radius:18px;overflow:hidden;background:#111;touch-action:manipulation;user-select:none}
.sv-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sv-top{position:absolute;inset:0 0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 30px;background:linear-gradient(rgba(0,0,0,.55),transparent);z-index:2}
.sv-bars{display:flex;gap:4px}
.sv-bars span{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.sv-bars i{display:block;height:100%;background:#fff;width:0}
.sv-who{display:flex;align-items:center;gap:10px;margin-top:12px;color:#fff}
.sv-who div{display:flex;flex-direction:column;line-height:1.25}
.sv-who b{font-size:14px}
.sv-who span{font-size:12px;opacity:.75}
.sv-x{position:absolute;right:8px;top:calc(22px + env(safe-area-inset-top,0px));color:#fff;z-index:3}
.sv-x:hover{background:rgba(255,255,255,.15);color:#fff}
.sv-cap{position:absolute;left:0;right:0;bottom:76px;text-align:center;color:#fff;font:700 22px/1.25 var(--f-display);padding:0 24px;text-shadow:0 2px 16px rgba(0,0,0,.6);z-index:2;pointer-events:none}
.sv-reply{position:absolute;inset:auto 0 0;padding:14px 12px calc(14px + env(safe-area-inset-bottom,0px));display:flex;gap:8px;background:linear-gradient(transparent,rgba(0,0,0,.6));z-index:2}
.sv-reply input{flex:1;min-width:0;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.25);color:#fff;padding:0 16px;outline:none}
.sv-reply input::placeholder{color:rgba(255,255,255,.75)}
.sv-reply button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff}
.sv-reply button:hover{background:rgba(255,255,255,.15)}
.sv-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.sv-nav:hover{background:rgba(255,255,255,.25)}
.sv-prev{left:calc(50% - min(210px,50vw) - 64px)}
.sv-next{right:calc(50% - min(210px,50vw) - 64px)}
.lb{position:fixed;inset:0;z-index:110;background:rgba(5,6,9,.94);display:grid;place-items:center;padding:24px;animation:fade .2s}
.lb img{max-width:100%;max-height:calc(100vh - 96px);border-radius:12px;object-fit:contain;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lb .lb-x{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));color:#fff}
.lb .lb-x:hover,.lb .sv-nav:hover{background:rgba(255,255,255,.18);color:#fff}
.lb .sv-prev{left:max(16px,env(safe-area-inset-left,0px))}
.lb .sv-next{right:max(16px,env(safe-area-inset-right,0px))}
.lb-count{position:absolute;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);color:#fff;font:500 12px/1 var(--f-mono);background:rgba(255,255,255,.12);padding:7px 12px;border-radius:999px}

.toasts{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:130;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.toast{background:var(--fg);color:var(--bg);padding:11px 18px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:0 14px 36px -12px rgba(0,0,0,.4);animation:rise .25s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;gap:8px}
.toast .ic{width:18px;height:18px;color:var(--go)}
.toast.out{opacity:0;transform:translateY(8px);transition:.25s}

.demo-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--bg);width:100%;transition:border-color .15s,background .15s}
.demo-card:hover{border-color:var(--accent);background:var(--accent-soft)}
.demo-card div{flex:1;min-width:0}
.demo-card b{display:flex;align-items:center;gap:4px;font-size:16px}
.demo-card span{font-size:13px;color:var(--muted)}
.demo-card>.ic{color:var(--muted)}
.nav .n.hot{background:var(--hot);color:#fff}
.bn-pill .bnb{position:absolute;top:4px;left:calc(50% + 4px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--hot);color:#fff;font:700 9.5px/17px var(--f-mono);text-align:center;box-shadow:0 0 0 2px var(--surface)}
.nt{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);width:100%;align-items:flex-start;transition:background .15s}
.nt:last-child{border-bottom:0}
.nt:hover{background:var(--surface-2)}
.nt.unread{background:color-mix(in srgb,var(--accent-soft) 60%,transparent)}
.nt-av{position:relative;flex:none}
.nt-ic{position:absolute;right:-4px;bottom:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 0 0 2.5px var(--surface)}
.nt-ic .ic{width:12px;height:12px;stroke-width:2.6}
.nt-ic.like{background:var(--hot)}.nt-ic.like .ic{fill:#fff}
.nt-ic.follow{background:var(--accent)}
.nt-ic.reply{background:#0EA5E9}
.nt-ic.repost{background:var(--go)}
.nt-ic.mention{background:#F59E0B}
.nt-b{flex:1;min-width:0;font-size:14px;line-height:1.4}
.nt-b small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.nt-b q{color:var(--muted)}
.nt-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;flex:none}
.nt-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none;align-self:center}
.pop .nt{border-radius:12px;border-bottom:0;padding:10px 12px}
.pop-foot{display:block;width:100%;text-align:center;padding:12px;font-weight:700;font-size:14px;color:var(--accent);border-top:1px solid var(--line);margin-top:4px}
.chat{position:fixed;right:max(24px,env(safe-area-inset-right,0px));bottom:24px;z-index:90;width:380px;height:min(620px,calc(100vh - 110px));background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 80px -24px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
.ch-pane{display:flex;flex-direction:column;height:100%;min-height:0}
.ch-head{display:flex;align-items:center;gap:10px;padding:12px 10px 12px 16px;border-bottom:1px solid var(--line);flex:none}
.ch-head h2{font-size:20px;flex:1}
.ch-who{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left}
.ch-who div{min-width:0}
.ch-who b{display:flex;align-items:center;gap:4px;font-size:15px;white-space:nowrap;overflow:hidden}
.ch-who span{font-size:12px;color:var(--muted)}
.ch-who span.on{color:var(--go)}
.ch-search{display:flex;align-items:center;gap:8px;margin:12px 14px 4px;height:40px;padding:0 12px;border-radius:12px;background:var(--surface-2);color:var(--muted)}
.ch-search input{flex:1;min-width:0;border:0;background:none;outline:none}
.ch-online{display:flex;gap:12px;overflow-x:auto;padding:10px 14px;scrollbar-width:none;flex:none}
.ch-online::-webkit-scrollbar{display:none}
.ch-online button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;color:var(--muted);width:54px;flex:none;position:relative}
.ch-online button span:last-child{max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ch-online .od{position:absolute;top:36px;right:6px;width:12px;height:12px;border-radius:50%;background:var(--go);box-shadow:0 0 0 2.5px var(--surface)}
.ch-convs{flex:1;overflow-y:auto;padding:4px 6px 10px}
.cv{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;width:100%;position:relative}
.cv:hover{background:var(--surface-2)}
.cv div{flex:1;min-width:0}
.cv b{display:flex;justify-content:space-between;gap:8px;font-size:14.5px}
.cv b small{font:500 11.5px var(--f-mono);color:var(--muted);flex:none}
.cv p{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cv.un p{color:var(--fg);font-weight:600}
.cv .ub{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent);color:var(--on-accent);font:700 11px/20px var(--f-mono);text-align:center;flex:none}
.cv .od{position:absolute;left:44px;top:42px;width:12px;height:12px;border-radius:50%;background:var(--go);box-shadow:0 0 0 2.5px var(--surface)}
.ch-msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:4px;background:var(--bg)}
.ch-intro{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:10px 0 18px;color:var(--muted);font-size:13px}
.ch-intro .avatar{margin-bottom:6px}
.ch-intro b{color:var(--fg);font-size:16px;display:flex;align-items:center;gap:4px}
.bub{max-width:78%;padding:9px 13px;border-radius:20px;font-size:14.5px;line-height:1.4;overflow-wrap:anywhere;white-space:pre-wrap}
.bub.them{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:6px}
.bub.me{align-self:flex-end;background:var(--accent);color:var(--on-accent);border-bottom-right-radius:6px}
.bub.new{animation:rise .25s ease}
.ch-time{font:500 11px var(--f-mono);color:var(--faint);margin:2px 4px 8px}
.ch-time.me{align-self:flex-end}
.ch-day{align-self:center;font:600 11px var(--f-mono);color:var(--muted);background:var(--surface-2);padding:4px 10px;border-radius:999px;margin:8px 0}
.typing{align-self:flex-start;display:flex;gap:4px;padding:13px 14px;background:var(--surface);border:1px solid var(--line);border-radius:20px;border-bottom-left-radius:6px}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--faint);animation:bounce 1.2s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}
.ch-form{display:flex;gap:6px;align-items:center;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);flex:none;background:var(--surface)}
.ch-form input{flex:1;min-width:0;height:42px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);padding:0 16px;outline:none}
.ch-form input:focus{border-color:var(--accent);background:var(--surface)}
.ch-form .send{width:42px;height:42px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;flex:none}
.ch-form .send:disabled{opacity:.4}
.ch-quick{display:flex;gap:6px;padding:8px 10px 0;overflow-x:auto;scrollbar-width:none;flex:none;background:var(--surface)}
.ch-quick::-webkit-scrollbar{display:none}
.ch-quick button{flex:none;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:600}
.ch-quick button:hover{border-color:var(--accent);color:var(--accent)}
.bday{display:flex;gap:12px;align-items:center}
.bday div{flex:1;min-width:0;font-size:14px;line-height:1.35}
.bday small{display:block;color:var(--muted);font-size:12.5px}
.gift-ic{width:42px;height:42px;border-radius:14px;background:#FFF0C4;color:#B45309;display:grid;place-items:center;flex:none}
.wx{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wx b{font:800 30px/1 var(--f-display)}
.wx small{display:block;color:var(--muted);font-size:13px}
.post-solo{display:flex;flex-direction:column;gap:12px}
.ucard{position:fixed;z-index:95;width:340px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 70px -20px rgba(0,0,0,.45);overflow:hidden;animation:drop .2s ease}
.ucard.sheet-mode{left:0!important;right:0;bottom:0;top:auto!important;width:auto;max-width:none;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation:sheetUp .32s cubic-bezier(.2,.9,.3,1);max-height:88vh;overflow-y:auto;z-index:125}
.uc-shade{position:fixed;inset:0;z-index:124;background:var(--overlay);animation:fade .2s}
@keyframes sheetUp{from{transform:translateY(100%)}}
.uc-int{display:flex;flex-wrap:wrap;gap:6px}
.uc-int .chip{height:28px;font-size:12px}
.uc-mut .stack{display:flex;flex:none}
.uc-mut .stack .avatar{--s:24px;margin-left:-7px;box-shadow:0 0 0 2px var(--surface)}
.uc-mut .stack .avatar:first-child{margin-left:0}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--hot);animation:blink 1.6s infinite}
.lv-card{flex:none;width:200px;height:250px;border-radius:18px;overflow:hidden;position:relative;background:var(--surface-2);text-align:left}
.lv-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;transition:transform .4s}
.lv-card:hover>img{transform:scale(1.05)}
.lv-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.75))}
.lv-tag{position:absolute;top:10px;left:10px;z-index:1;background:var(--hot);color:#fff;font:700 10.5px/1 var(--f-mono);letter-spacing:.06em;padding:5px 8px;border-radius:7px}
.lv-b{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;display:flex;gap:8px;align-items:center;color:#fff}
.lv-b>span:last-child{min-width:0;display:flex;flex-direction:column}
.lv-b b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lv-b small{font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mosaic.big{margin-top:12px;border-radius:16px}
.promo{position:relative;overflow:hidden;min-height:220px;display:flex;align-items:flex-end;border:0}
.promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.promo::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(8,10,20,.85))}
.promo-b{position:relative;z-index:1;padding:22px;color:#fff;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.promo-b h3{font-size:24px;line-height:1.15}
.promo-b p{opacity:.9;font-size:14px}
.promo-b .btn{margin-top:6px}
.p-quote{margin:6px 0 12px;padding:28px 22px;border-radius:18px;font:700 21px/1.35 var(--f-display);letter-spacing:-.01em;color:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;text-wrap:balance}
.p-quote .tag{color:#fff;text-decoration:underline;text-decoration-thickness:2px}
.p-quote.q1{background:linear-gradient(135deg,#2F54FF,#22C3A6)}
.p-quote.q2{background:linear-gradient(135deg,#F43F5E,#FFB020)}
.p-quote.q3{background:linear-gradient(135deg,#14161D,#3A4A6B)}
.p-quote.q4{background:linear-gradient(135deg,#0E9F62,#2F54FF)}
.p-quote.q5{background:linear-gradient(135deg,#B4318A,#F43F5E)}
.lnk{display:flex;width:100%;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:10px;text-align:left;background:var(--bg);transition:border-color .15s}
.lnk:hover{border-color:var(--accent)}
.lnk img{width:120px;aspect-ratio:1;object-fit:cover;flex:none;max-width:40%}
.lnk span{padding:12px 14px;display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}
.lnk small{font:500 12px var(--f-mono);color:var(--muted)}
.lnk b{font-size:15px;line-height:1.3}
.media.vid .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;pointer-events:none}
.media.vid .play .ic{width:28px;height:28px;margin-left:4px;stroke:none}
.media .dur{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.65);color:#fff;font:600 12px/1 var(--f-mono);padding:5px 8px;border-radius:7px;pointer-events:none}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.sec-h h3{font-size:17px}
.sec-h button{font-size:13px;font-weight:700;color:var(--accent)}
.pf-sec .sec-h:not(:first-child){margin-top:18px}
.pf-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hls{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.hls::-webkit-scrollbar{display:none}
.muted-p{color:var(--muted);font-size:14px}
@media (max-width:560px){.pf-cols{grid-template-columns:1fr}.pf-actions .btn span{display:none}.lnk img{width:96px}.p-quote{font-size:18px;min-height:120px}}
@media (max-width:719px){.chat{inset:0;width:auto;height:auto;border-radius:0;border:0;z-index:120;padding-top:env(safe-area-inset-top,0px)}}
@keyframes fade{from{opacity:0}}
@keyframes rise{from{opacity:0;transform:translateY(12px) scale(.98)}}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
@keyframes burst{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.1)}55%{opacity:1;transform:scale(.95)}100%{opacity:0;transform:scale(1.15)}}

@media (max-width:1199px){
.shell{grid-template-columns:72px minmax(0,1fr) 296px;gap:22px}
.nav :is(button,a){justify-content:center;padding:0}
.nav :is(button,a) span,.nav .n,.left .btn.primary span,.left .card{display:none}
.left .btn.primary{width:48px;padding:0;margin-inline:auto;border-radius:16px}
.left{align-items:center}
.nav{width:56px}
}
@media (max-width:999px){
.shell{grid-template-columns:72px minmax(0,1fr)}
.right{display:none}
}
@media (max-width:719px){
.shell{grid-template-columns:minmax(0,1fr)}
.left{display:none}
.search{display:none}
#searchToggle{display:grid}
.top.searching .top-in{flex-wrap:wrap;height:auto;padding-block:10px}
.top.searching .search{display:flex;order:5;flex-basis:100%;max-width:none}
.search kbd{display:none}
#createBtn span{display:none}
#createBtn{width:40px;padding:0}
.brand-word{font-size:calc(var(--brand-size,25px) * .88)}
.shell{padding-block:14px calc(120px + env(safe-area-inset-bottom,0px))}
.bottom{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:0 max(12px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));pointer-events:none;transition:transform .45s cubic-bezier(.3,1.2,.4,1),opacity .3s}
.bottom.hide{transform:translateY(130%);opacity:0}
.bn-pill{pointer-events:auto;position:relative;display:flex;align-items:center;height:66px;padding:7px;max-width:460px;margin:0 auto;border-radius:26px;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 20px 44px -18px rgba(10,12,20,.45),0 2px 6px rgba(10,12,20,.06)}
.bn-ind{position:absolute;top:7px;left:0;height:52px;width:60px;border-radius:19px;background:var(--accent-soft);transition:transform .5s cubic-bezier(.3,1.35,.4,1),width .5s cubic-bezier(.3,1.35,.4,1),opacity .3s;z-index:0}
.bn-pill :is(button,a){position:relative;z-index:1;flex:1;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:700;letter-spacing:.01em;transition:color .3s;-webkit-tap-highlight-color:transparent}
.bn-pill :is(button,a) .ic{width:23px;height:23px;transition:transform .45s cubic-bezier(.3,1.6,.5,1)}
.bn-pill :is(button,a).on{color:var(--accent)}
.bn-pill :is(button,a).on .ic{transform:translateY(-1px) scale(1.12);stroke-width:2.2}
.bn-pill :is(button,a):active .ic{transform:scale(.85)}
.bn-pill .bn-mid{flex:none;width:58px;height:58px;margin:-26px 6px 0;border-radius:21px;background:linear-gradient(145deg,var(--accent),var(--accent-2));color:var(--on-accent);box-shadow:0 14px 26px -10px var(--accent),0 0 0 6px var(--bg);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.bn-pill .bn-mid .ic{width:26px;height:26px;stroke-width:2.4}
.bn-pill .bn-mid:active{transform:scale(.9) rotate(90deg)}
.toasts{bottom:calc(104px + env(safe-area-inset-bottom,0px))}
.sv-nav{display:none}
.lb .sv-nav{display:grid}
.sv-frame{border-radius:0;height:100%;width:100vw}
.post{padding:14px 14px 4px}
.media.n1{aspect-ratio:1/1}
.act{padding:0 6px}
.act.views{display:none}
}
@media (max-width:420px){
.top-in{gap:8px}
.fb-brand.mode-icon_text .brand-word{display:none}
#guestActions .btn{padding:0 13px}
.composer{padding:14px}
.composer>.avatar{display:none}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.p-av{align-self:flex-start;border-radius:50%;flex:none}
.p-meta a:hover{text-decoration:underline}
.flash-errors{color:var(--hot);font-size:13px;font-weight:600}
.auth-form{display:flex;flex-direction:column;gap:12px}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--faint);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.cm-del{margin-left:auto;font-size:12px;font-weight:600;color:var(--faint)}
.cm-del:hover{color:var(--hot)}
.comments-loading{display:flex;justify-content:center;padding:14px}
.search-head{display:flex;flex-direction:column;gap:14px}
.section-title{font-family:var(--f-display);font-size:18px;margin:6px 2px 0}
.composer .c-loc{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);font-weight:600;margin:4px 0}
.composer .c-loc .ic{width:16px;height:16px}
.composer.busy{pointer-events:none}.composer.busy textarea,.composer.busy .c-media,.composer.busy .c-tools,.composer.busy .avatar{opacity:.6}
.mosaic a,.grid3 a{display:block;aspect-ratio:1;overflow:hidden;background:var(--surface-2);border-radius:inherit}
.lv-empty{color:var(--muted);font-size:14px}
.sec-h a,.strip-h a{font-size:13px;font-weight:700;color:var(--accent)}
.sec-h a:hover,.strip-h a:hover{text-decoration:underline}
.view-head .back-btn{margin-left:-4px}
.field select,.field textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:11px 14px;outline:none;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s}
.field select{height:46px;padding-block:0}
.field textarea{resize:vertical;min-height:90px;line-height:1.45}
.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.settings-form{overflow:hidden}
.set-media{position:relative;padding-bottom:12px}
.set-banner{display:block;height:170px;background:var(--surface-2) center/cover no-repeat;cursor:pointer;position:relative}
.set-banner:hover .set-pick{opacity:1}
.set-pick{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(10,12,18,.62);color:#fff;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.set-pick .ic{width:16px;height:16px}
.set-pick.round{right:-2px;bottom:4px;width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 0 0 3px var(--surface)}
.set-avatar{position:relative;display:inline-block;margin:-52px 0 0 22px;cursor:pointer;border-radius:50%}
.set-avatar .avatar{box-shadow:0 0 0 5px var(--surface)}
.set-remove{display:flex;gap:16px;flex-wrap:wrap;padding:6px 22px 0}
.set-body{padding:6px 22px 22px;display:flex;flex-direction:column;gap:14px}
.set-title{font-size:16px;margin-top:10px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid .full{grid-column:1/-1}
.set-actions{display:flex;justify-content:flex-end;padding-top:6px}
.pop-list{max-height:60vh;overflow:auto}
@media (max-width:560px){.form-grid{grid-template-columns:1fr}.set-body{padding:6px 16px 18px}}
.brand-logo{width:36px;height:36px;border-radius:11px;object-fit:cover;flex:none}
.announce{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;border-radius:18px;background:linear-gradient(120deg,var(--accent-soft),var(--surface) 75%);border:1px solid var(--line);box-shadow:var(--shadow)}
.announce p{flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;line-height:1.4}
.announce .an-ic{width:36px;height:36px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}
.announce .an-ic .ic{width:18px;height:18px}
.announce .btn{flex:none}
@media (max-width:560px){.announce{flex-wrap:wrap}.announce p{flex-basis:calc(100% - 96px)}.announce .btn{order:4;width:100%}}
.report-form{padding:18px 22px 22px;display:flex;flex-direction:column;gap:14px}
.report-form .sub{margin:0;color:var(--muted);font-size:14px}
.rp-reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rp-opt{position:relative;cursor:pointer}
.rp-opt input{position:absolute;opacity:0;pointer-events:none}
.rp-opt span{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);font-size:13.5px;font-weight:600;line-height:1.3;transition:border-color .15s,background .15s,color .15s}
.rp-opt:hover span{border-color:var(--accent)}
.rp-opt input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.rp-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:420px){.rp-reasons{grid-template-columns:1fr}}
.cm-del+.cm-rep{margin-left:10px}
.tabs :is(button,a){flex:1;display:flex;align-items:center;justify-content:center;height:38px;padding:0 10px;border-radius:10px;font-weight:600;color:var(--muted);font-size:14px;line-height:1;white-space:nowrap;transition:background .15s,color .15s}
.nav .n{margin-left:auto;min-width:22px;height:22px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:700 11px/1 var(--f-body);font-variant-numeric:tabular-nums;color:var(--muted);background:var(--surface-2)}
.nav .n.hot{background:var(--hot);color:#fff}
.nav :is(button,a) span{flex:1;text-align:left}
@media (max-width:1199px){.nav .n{display:none}}

.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:12px;text-align:center}
.stats>div+div{border-left:1px solid var(--line)}
.stats b{display:block;font:700 16px/1.2 var(--f-display);font-variant-numeric:tabular-nums}
.stats span{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}

.online{padding:16px;display:flex;flex-direction:column;gap:14px}
.online h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:16px}
.online h3 span{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:var(--go-soft);color:var(--go);font:700 11.5px/1 var(--f-body)}
.online h3 span i{width:6px;height:6px;border-radius:50%;background:var(--go)}
.on-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px 6px;justify-items:center}
.on-grid a{position:relative;border-radius:50%;transition:transform .15s}
.on-grid a:hover{transform:translateY(-2px)}
.on-grid a::after{content:"";position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:var(--go);box-shadow:0 0 0 2px var(--surface)}

.trend-list{display:flex;flex-direction:column;gap:2px;margin:0 -8px}
.trend{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .15s}
.trend:hover{background:var(--surface-2)}
.trend em{width:30px;height:30px;border-radius:10px;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font:700 13px/1 var(--f-display);font-style:normal;transition:background .15s,color .15s}
.trend:first-child em{background:var(--accent-soft);color:var(--accent)}
.trend:hover em{background:var(--accent);color:var(--on-accent)}
.trend div{flex:1;min-width:0}
.trend b{display:block;font-size:14.5px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trend span{display:block;font-size:12.5px;color:var(--muted)}
.trend>.ic{width:16px;height:16px;color:var(--faint);flex:none}

.profile{overflow:hidden}
.cover{position:relative;height:190px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2)) center/cover no-repeat}
.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.cover:has(img)::after{content:"";position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,rgba(0,0,0,.18));pointer-events:none}
.pf-in{padding:0 22px 20px;display:flex;flex-direction:column;gap:14px}
.pf-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pf-top>.avatar{margin-top:-56px;box-shadow:0 0 0 5px var(--surface),0 12px 28px -12px rgba(0,0,0,.35)}
.pf-actions{display:flex;align-items:center;gap:8px;padding-top:12px}
.pf-actions .btn{height:38px}
.pf-actions .btn.icon-only{width:38px;padding:0}
.pf-id{display:flex;flex-direction:column;gap:6px;margin-top:-2px}
.pf-id h1{display:flex;align-items:center;gap:7px;font-size:27px;line-height:1.1}
.pf-id h1 .verified{width:22px;height:22px}
.pf-handle{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14.5px;color:var(--muted)}
.pf-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:600}
.pf-status i{width:7px;height:7px;border-radius:50%;background:var(--faint)}
.pf-status.on{background:var(--go-soft);color:var(--go)}
.pf-status.on i{background:var(--go);box-shadow:0 0 0 3px color-mix(in srgb,var(--go) 22%,transparent)}
.pf-bio{font-size:15px;line-height:1.55;max-width:60ch}
.pf-meta{display:flex;flex-wrap:wrap;gap:8px}
.pf-meta>*{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--surface-2);font-size:13px;font-weight:600;color:var(--fg);max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pf-meta .ic{width:15px;height:15px;color:var(--muted);flex:none}
.pf-meta a{color:var(--accent)}
.pf-meta a .ic{color:var(--accent)}
.pf-meta a:hover{background:var(--accent-soft)}
.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf-stats>*{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;border-radius:16px;background:var(--surface-2);transition:background .15s,transform .15s}
.pf-stats a:hover{background:var(--accent-soft);transform:translateY(-1px)}
.pf-stats b{font:800 20px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.pf-stats span{font-size:12px;font-weight:600;color:var(--muted)}
.pf-tabs{display:flex;gap:4px;margin:0 14px 14px;padding:5px;border-radius:16px;background:var(--surface-2);overflow-x:auto;scrollbar-width:none}
.pf-tabs::-webkit-scrollbar{display:none}
.pf-tabs a{flex:1 0 auto;min-width:64px;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;font-size:14px;font-weight:600;line-height:1;color:var(--muted);white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.pf-tabs a:hover{color:var(--fg)}
.pf-tabs a.on{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px rgba(20,22,29,.06),0 6px 14px -8px rgba(20,22,29,.25)}
.pf-tabs em{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--line);color:var(--muted);font:700 11px/1 var(--f-body);font-variant-numeric:tabular-nums}
.pf-tabs a.on em{background:var(--accent);color:var(--on-accent)}

.pf-sec{padding:20px}
.sec-h{align-items:center}
.sec-h h3{display:flex;align-items:center;gap:8px}
.sec-h h3 span{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--muted);font:700 11.5px/1 var(--f-body);letter-spacing:0}
.sec-out{padding:6px 4px 0;margin-bottom:0}
.intro{font-size:15px;line-height:1.55;margin-bottom:16px;padding:14px 16px;border-radius:16px;background:var(--surface-2);border-left:3px solid var(--accent)}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.info{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--line);min-width:0;transition:border-color .15s,background .15s}
.info:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));background:color-mix(in srgb,var(--accent-soft) 35%,transparent)}
.info>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.info small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.info b,.info a{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.info a{color:var(--accent)}
.info-ic{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.info-ic .ic{width:18px;height:18px}
.badge-list{display:flex;flex-direction:column;gap:8px}
.badge-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;background:var(--surface-2);min-width:0}
.badge-item .info-ic{width:34px;height:34px;border-radius:10px;background:var(--surface);box-shadow:0 1px 2px rgba(20,22,29,.06)}
.badge-item b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kpis div{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px;border-radius:16px;background:var(--surface-2);min-width:0}
.kpis .ic{position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--faint)}
.kpis b{font:800 22px/1.1 var(--f-display);font-variant-numeric:tabular-nums}
.kpis span{font-size:12px;font-weight:600;color:var(--muted)}
.hls{gap:16px}
.hls button{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;font-size:12px;font-weight:600;color:var(--muted)}
.hl-ring{width:72px;height:72px;border-radius:50%;padding:3px;display:block;background:conic-gradient(from 210deg,var(--sun),var(--hot),var(--accent),var(--sun));transition:transform .2s}
.hl-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:3px solid var(--surface)}
.hls button:hover .hl-ring{transform:scale(1.05)}
.hl-label{max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 8px}
.ppl a{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;min-width:0;padding:6px 4px;border-radius:14px;transition:background .15s}
.ppl a:hover{background:var(--surface-2)}
.ppl .avatar{margin-bottom:6px}
.ppl b{font-size:13px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ppl small{font-size:11.5px;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.people-list{padding:6px 18px}
.people-list .follow-row{padding:12px 0;border-bottom:1px solid var(--line)}
.people-list .follow-row:last-child{border-bottom:0}
.fr-av{border-radius:50%}
@media (max-width:560px){
.cover{height:140px}
.pf-in{padding:0 16px 16px}
.pf-top>.avatar{--s:92px!important;margin-top:-46px}
.pf-id h1{font-size:23px}
.pf-stats{gap:6px}
.pf-stats b{font-size:17px}
.pf-tabs{margin:0 10px 10px}
.pf-tabs a{padding:0 12px}
.info-grid{gap:8px}
.info{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}
.info-ic{width:34px;height:34px;border-radius:10px}
.pf-sec{padding:16px}
}
.side-h{display:flex;align-items:center;justify-content:space-between}
.side-h .ic{width:18px;height:18px;color:var(--accent)}

.mini{padding:0 16px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;overflow:hidden}
.mini-cover{align-self:stretch;height:64px;margin:0 -16px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2))}
.mini-cover img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.mini-av{margin-top:-44px;border-radius:50%;position:relative;transition:transform .2s}
.mini-av:hover{transform:scale(1.04)}
.mini-av .avatar{box-shadow:0 0 0 4px var(--surface),0 10px 20px -10px rgba(0,0,0,.4)}
.mini-id{display:flex;flex-direction:column;align-items:center;gap:1px;max-width:100%;min-width:0}
.mini-id b{display:flex;align-items:center;justify-content:center;gap:4px;max-width:100%;font-size:16px;font-family:var(--f-display);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-id span{color:var(--muted);font-size:13px}
.mini-id:hover b{color:var(--accent)}
.mini .stats{align-self:stretch;margin-top:2px}

.uc-cover{position:relative;height:104px;background:linear-gradient(135deg,var(--accent-soft),var(--surface-2))}
.uc-cover img{width:100%;height:100%;object-fit:cover;display:block;max-width:none}
.uc-x{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.4);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.uc-x:hover{background:rgba(0,0,0,.6);color:#fff}
.uc-in{padding:0 20px 18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.uc-av{position:relative;margin-top:-48px;border-radius:50%}
.uc-av .avatar{box-shadow:0 0 0 5px var(--surface),0 14px 28px -14px rgba(0,0,0,.45)}
.uc-av.on::after{content:"";position:absolute;right:6px;bottom:6px;width:16px;height:16px;border-radius:50%;background:var(--go);box-shadow:0 0 0 3px var(--surface)}
.uc-id{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%}
.uc-name{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;font:800 21px/1.15 var(--f-display);letter-spacing:-.02em}
.uc-h{color:var(--muted);font-size:14px}
.uc-st{display:inline-flex;align-items:center;gap:6px;margin-top:4px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted);background:var(--surface-2)}
.uc-st.on{color:var(--go);background:var(--go-soft)}
.uc-st i{width:6px;height:6px;border-radius:50%;background:var(--go)}
.uc-bio{font-size:14px;line-height:1.5;color:var(--fg);max-width:32ch}
.uc-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.uc-facts span{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:600;color:var(--muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uc-facts .ic{width:14px;height:14px;flex:none}
.uc-stats{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.uc-stats a{display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 4px;border-radius:14px;background:var(--surface-2);transition:background .15s}
.uc-stats a:hover{background:var(--accent-soft)}
.uc-stats b{font:800 18px/1.15 var(--f-display);font-variant-numeric:tabular-nums}
.uc-stats span{font-size:11.5px;font-weight:600;color:var(--muted)}
.uc-mut{display:flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;color:var(--muted)}
.uc-acts{align-self:stretch;display:flex;gap:8px}
.uc-acts .btn{flex:1;height:42px;font-size:14px}
.uc-acts .uc-ib{flex:none;width:42px;padding:0}
.uc-foot{align-self:stretch;display:flex;align-items:center;justify-content:space-between;margin-top:-2px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;font-weight:700}
.uc-foot a{color:var(--accent)}
.uc-foot a:hover{text-decoration:underline}
.uc-foot button{display:inline-flex;align-items:center;gap:5px;color:var(--faint);font-weight:600}
.uc-foot button .ic{width:14px;height:14px}
.uc-foot button:hover{color:var(--hot)}
.pf-in .uc-mut{justify-content:flex-start}

.g-av{--s:48px;position:relative;width:var(--s);height:var(--s);border-radius:calc(var(--s)*.3);flex:none;display:grid;place-items:center;background:var(--c,#4F46E5);color:#fff;font:800 calc(var(--s)*.42)/1 var(--f-display);overflow:hidden;user-select:none}
.g-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.g-cover,.g-cover-lg{background:linear-gradient(135deg,var(--c,#4F46E5),color-mix(in srgb,var(--c,#4F46E5) 45%,#7C3AED))}
.g-head .pf-top>.g-av{margin-top:-52px;box-shadow:0 0 0 5px var(--surface),0 12px 28px -12px rgba(0,0,0,.35)}
.g-head .pf-actions form{display:contents}
.g-head .pf-status .ic{color:currentColor}

.nav-group{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 14px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);cursor:pointer;border-radius:10px;user-select:none}
.nav-group summary::-webkit-details-marker{display:none}
.nav-group summary:hover{color:var(--muted)}
.nav-group summary .ic{width:16px;height:16px;transition:transform .2s}
.nav-group:not([open]) summary .ic{transform:rotate(-90deg)}
.nav-group>:is(a,button){margin-left:0}
@media (max-width:1199px){.nav-group summary{display:none}.nav-group{margin-top:0}.nav-group:not([open])>a{display:flex}}

.side-h .side-more{font:700 13px var(--f-body);letter-spacing:0;color:var(--accent)}
.g-side{display:flex;flex-direction:column;gap:2px;margin:0 -8px}
.g-side-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;min-width:0;transition:background .15s}
.g-side-item:hover{background:var(--surface-2)}
.g-side-item>span:not(.g-av){min-width:0;display:flex;flex-direction:column}
.g-side-item b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-side-item small{font-size:12.5px;color:var(--muted)}

.g-search{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px}
.g-search>.ic{width:20px;height:20px;color:var(--muted);flex:none}
.g-search input{flex:1;min-width:0;height:40px;border:0;background:none;outline:none;font:inherit;color:inherit}
.g-cats{display:flex;flex-wrap:wrap;gap:8px;padding:2px}
.g-cats::-webkit-scrollbar{display:none}
.g-cats a{flex:none;height:34px;padding:0 14px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--muted);transition:all .15s}
.g-cats a:hover{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.g-cats a.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.g-mine{display:flex;flex-direction:column;gap:2px;margin:0 -8px}
.g-mine-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;transition:background .15s}
.g-mine-item:hover{background:var(--surface-2)}
.g-mine-item>span:not(.g-av){flex:1;min-width:0;display:flex;flex-direction:column}
.g-mine-item b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-mine-item small{font-size:13px;color:var(--muted)}
.g-mine-item>.ic{width:18px;height:18px;color:var(--faint)}
.g-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}
.g-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.g-card .g-cover{position:relative;display:block;height:92px}
.g-card .g-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.g-body{flex:1;display:flex;flex-direction:column;gap:6px;padding:0 16px 16px}
.g-body>.g-av{margin-top:-26px;box-shadow:0 0 0 4px var(--surface)}
.g-name{font:700 16.5px/1.25 var(--f-display);letter-spacing:-.01em;margin-top:4px}
.g-name:hover{color:var(--accent)}
.g-meta{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted);margin:0}
.g-meta .ic{width:13px;height:13px}
.g-about{font-size:13.5px;color:var(--fg);line-height:1.45;margin:2px 0 0}
.g-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.g-foot form{margin-left:auto}
.g-tag{height:26px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

.g-form{display:flex;flex-direction:column;gap:16px}
.g-art{position:relative;overflow:visible;padding-bottom:44px}
.g-art-cover{position:relative;display:grid;place-items:center;height:170px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 45%,#7C3AED)) center/cover no-repeat;cursor:pointer;overflow:hidden}
.g-art-cover.has-img{background-size:cover}
.g-art-hint{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.4);color:#fff;font-size:13.5px;font-weight:600;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.g-art-hint .ic{width:18px;height:18px}
.g-art-av{position:absolute;left:22px;bottom:-0px;transform:translateY(0);width:88px;height:88px;border-radius:26px;display:grid;place-items:center;background:var(--c) center/cover no-repeat;color:#fff;box-shadow:0 0 0 5px var(--surface),0 12px 24px -12px rgba(0,0,0,.4);cursor:pointer}
.g-art-av.has-img .ic{opacity:0}
.g-art-av .ic{width:26px;height:26px}
.g-art-av:hover .ic{opacity:1}
.g-fields{display:flex;flex-direction:column;gap:16px}
.f-opt{font-weight:500;color:var(--faint)}
.g-privacy{display:flex;flex-direction:column;gap:10px}
.g-pv{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;border:1.5px solid var(--line);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.g-pv:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.g-pv input{position:absolute;opacity:0;pointer-events:none}
.g-pv-ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);transition:all .15s}
.g-pv span:not([class]){flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.g-pv b{font-size:15px}
.g-pv small{font-size:13px;color:var(--muted);line-height:1.4}
.g-pv-tick{width:22px;height:22px;border-radius:50%;flex:none;border:2px solid var(--line);display:grid;place-items:center;color:#fff;transition:all .15s}
.g-pv-tick .ic{width:12px;height:12px;opacity:0}
.g-pv:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 45%,transparent);box-shadow:0 0 0 3px var(--accent-soft)}
.g-pv:has(input:checked) .g-pv-ic{background:var(--accent);color:var(--on-accent)}
.g-pv:has(input:checked) .g-pv-tick{background:var(--accent);border-color:var(--accent)}
.g-pv:has(input:checked) .g-pv-tick .ic{opacity:1}
.g-pv:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.g-actions .btn{height:50px}
.g-danger{display:flex;align-items:center;justify-content:space-between;gap:16px;border-color:color-mix(in srgb,var(--hot) 30%,var(--line))}
.g-danger b{display:block;font-size:15px}
.g-danger p{margin:2px 0 0;font-size:13.5px;color:var(--muted)}
.btn.danger{background:var(--hot);color:#fff}
.btn.danger:hover{filter:brightness(.92)}
.btn.confirming{background:var(--hot)!important;border-color:var(--hot)!important;color:#fff!important}

.g-locked{padding:44px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;color:var(--muted)}
.g-locked .em-ic{width:56px;height:56px;border-radius:18px;background:var(--surface-2);color:var(--muted);display:grid;place-items:center}
.g-locked .em-ic .ic{width:26px;height:26px}
.g-locked b{font:700 19px var(--f-display);color:var(--fg)}
.g-locked p{max-width:34ch;font-size:14px;margin:0}
.g-join-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:14px;color:var(--muted)}
.post.pinned{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 0 0 3px var(--accent-soft)}
.p-flag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:0 0 4px;font-size:12.5px;font-weight:700;color:var(--muted)}
.p-flag .ic{width:14px;height:14px}
a.p-flag:hover{color:var(--accent)}
.post.pinned .p-flag{color:var(--accent)}
.g-rules{margin:0;padding:0;list-style:none;counter-reset:rule;display:flex;flex-direction:column;gap:8px}
.g-rules li{counter-increment:rule;display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;background:var(--surface-2);font-size:14px;line-height:1.45}
.g-rules li::before{content:counter(rule);width:24px;height:24px;border-radius:8px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font:700 12px/1 var(--f-body)}
.g-people{display:flex;flex-direction:column}
.g-people .follow-row+.follow-row{border-top:1px solid var(--line)}
.g-role{flex:none;height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface-2);color:var(--muted)}
.g-role.owner{background:#FFF0C4;color:#92400E}
.g-role.admin{background:var(--accent-soft);color:var(--accent)}
.g-role.moderator{background:var(--go-soft);color:var(--go)}
.g-manage{position:relative;flex:none}
.g-manage summary{list-style:none;cursor:pointer}
.g-manage summary::-webkit-details-marker{display:none}
.g-manage-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:240px;padding:8px;display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 40px -16px rgba(0,0,0,.35)}
.g-role-form{display:flex;gap:6px;padding:4px}
.g-role-form select{flex:1;min-width:0;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:0 8px;font:inherit;font-size:13px;color:inherit}
.g-manage-pop .pi{background:none}
.g-manage-pop .pi:hover{background:var(--hot-soft)}
@media (max-width:640px){.g-grid{grid-template-columns:1fr}.g-danger{flex-direction:column;align-items:stretch}.g-join-hint{flex-direction:column;align-items:stretch;text-align:center}}

@media (max-width:640px){.g-cats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}}
.g-cats-sep{width:1px;height:22px;align-self:center;background:var(--line);margin:0 4px}

.g-card .g-body{align-items:center;text-align:center}
.g-card .g-meta{justify-content:center}
.g-card .g-foot{align-self:stretch}
.g-card .g-body>.g-av{margin-top:-30px}
.g-center{align-items:center;text-align:center}
.g-center>.g-av{margin-top:-60px;box-shadow:0 0 0 5px var(--surface),0 14px 30px -14px rgba(0,0,0,.4)}
.g-center .pf-id{align-items:center}
.g-center .pf-id h1{justify-content:center}
.g-center .pf-handle,.g-center .pf-meta,.g-center .uc-mut{justify-content:center}
.g-center .g-acts{flex-wrap:wrap;justify-content:center;padding-top:4px}
.g-center .g-acts form{display:contents}

.cover img{object-position:50% var(--pos,50%)}
.cover:not(:has(img)){background:linear-gradient(135deg,var(--c,var(--accent)),color-mix(in srgb,var(--c,var(--accent)) 45%,#7C3AED))}
.cv-tools{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:6px;opacity:0;transition:opacity .2s}
.cover:hover .cv-tools,.cover.editing .cv-tools,.cv-tools:focus-within{opacity:1}
@media (hover:none){.cv-tools{opacity:1}}
.cv-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:13px;font-weight:700;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s}
.cv-btn:hover{background:rgba(0,0,0,.7)}
.cv-btn.save{background:var(--accent);color:var(--on-accent)}
.cv-btn .ic{width:15px;height:15px}
.cv-hint{position:absolute;left:50%;top:50%;z-index:2;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:13px;font-weight:700;pointer-events:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.cv-hint .ic{width:16px;height:16px}
.cover.editing{cursor:grab;touch-action:none}
.cover.editing:active{cursor:grabbing}
.cover.editing::after{background:rgba(0,0,0,.12)}
.cover.editing img{user-select:none}

.mih-btn .ic{color:var(--sun)}
@media (max-width:1100px){.mih-btn span{display:none}.mih-btn{width:34px;padding:0}}
@media (max-width:719px){.mih-btn{display:none}}
.tool.mih-tool .ic{color:#D97706}
.mih-hero,.mih-grow{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(120deg,#FFF7E0,var(--surface) 70%)}
:root[data-theme="dark"] .mih-hero,:root[data-theme="dark"] .mih-grow{background:linear-gradient(120deg,#2B2410,var(--surface) 70%)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mih-hero,:root:not([data-theme="light"]) .mih-grow{background:linear-gradient(120deg,#2B2410,var(--surface) 70%)}}
.mih-ic{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:linear-gradient(135deg,#FBBF24,#F97316);color:#fff;box-shadow:0 10px 20px -10px rgba(249,115,22,.8)}
.mih-ic .ic{width:22px;height:22px}
.mih-hero>div,.mih-grow>div{flex:1;min-width:0}
.mih-hero b,.mih-grow b{display:block;font-size:15px}
.mih-hero p,.mih-grow p{margin:2px 0 0;font-size:13.5px;color:var(--muted);line-height:1.45}
.mih-link{color:inherit;transition:transform .15s,box-shadow .15s}
.mih-link:hover{transform:translateY(-1px);box-shadow:var(--shadow)}

.ev-list{display:flex;flex-direction:column;gap:12px}
.ev-card{display:grid;grid-template-columns:180px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:box-shadow .2s}
.ev-card:hover{box-shadow:var(--shadow)}
.post .ev-card{margin-top:10px;grid-template-columns:150px minmax(0,1fr);border-radius:18px}
.ev-card.cancelled .ev-title{text-decoration:line-through;color:var(--muted)}
.ev-cover{position:relative;display:block;min-height:150px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 45%,#7C3AED))}
.ev-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% var(--pos,50%);max-width:none}
.ev-date{position:absolute;left:12px;top:12px;width:50px;padding:6px 0 7px;border-radius:14px;background:var(--surface);color:var(--fg);display:flex;flex-direction:column;align-items:center;line-height:1;box-shadow:0 8px 18px -8px rgba(0,0,0,.45)}
.ev-date small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hot)}
.ev-date b{font:800 21px/1.1 var(--f-display);margin-top:3px}
.ev-date.big{position:static;width:64px;flex:none;padding:8px 0 9px;border:1px solid var(--line);box-shadow:none}
.ev-date.big b{font-size:28px}
.ev-date.sm{position:static;width:42px;flex:none;padding:5px 0 6px;border:1px solid var(--line);box-shadow:none;border-radius:12px}
.ev-date.sm b{font-size:17px}
.ev-live{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);white-space:nowrap;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;background:var(--hot);color:#fff;font-size:11.5px;font-weight:800}
.ev-live i{width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.4s infinite}
.ev-info{display:flex;flex-direction:column;gap:5px;padding:14px 16px;min-width:0}
.ev-kicker{margin:0;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#D97706;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-kicker a{color:var(--muted)}
.ev-kicker a:hover{color:var(--accent)}
.ev-title{font:700 17px/1.25 var(--f-display);letter-spacing:-.01em}
.ev-title:hover{color:var(--accent)}
.ev-line{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;color:var(--muted);min-width:0}
.ev-line .ic{width:15px;height:15px;flex:none}
.ev-rsvp{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:8px}
.ev-going{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0;flex-wrap:wrap}
.ev-going b{color:var(--fg)}
.ev-going .stack{display:flex}
.ev-going .stack .avatar{margin-left:-7px;box-shadow:0 0 0 2px var(--surface)}
.ev-going .stack .avatar:first-child{margin-left:0}
.ev-left{height:22px;padding:0 8px;display:inline-flex;align-items:center;border-radius:999px;background:var(--go-soft);color:var(--go);font-size:11.5px;font-weight:800}
.ev-left.low{background:#FFF0C4;color:#B45309}
.ev-left.full{background:var(--hot-soft);color:var(--hot)}
.ev-btns{display:flex;gap:6px;margin-left:auto}
.ev-btns .btn.on .ic{color:var(--go)}
.ev-btns .btn.soft.on{background:#FFF0C4;color:#92400E}
.ev-btns .btn.soft.on .ic{fill:#F59E0B;color:#F59E0B}
.ev-state{margin-left:auto;height:28px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-2);font-size:12.5px;font-weight:700;color:var(--muted)}
.ev-state.off{background:var(--hot-soft);color:var(--hot)}
.ev-card.compact{grid-template-columns:120px minmax(0,1fr)}
.ev-card.compact .ev-cover{min-height:120px}
.ev-card.compact .ev-going .stack{display:none}
.ev-card.compact .ev-live{left:8px;bottom:8px;padding:0 7px;font-size:10.5px}

.ev-head .ev-cover-lg{height:220px}
.ev-top{display:flex;align-items:flex-start;gap:16px;margin-top:-30px;position:relative}
.ev-top .ev-date.big{background:var(--surface);box-shadow:0 0 0 5px var(--surface),0 12px 24px -12px rgba(0,0,0,.4);border:0}
.ev-heading{min-width:0;padding-top:42px}
.ev-heading h1{font-size:27px;line-height:1.12;margin-top:2px}
.ev-by{margin:4px 0 0;display:flex;align-items:center;gap:5px;font-size:14px;color:var(--muted)}
.ev-by a{color:var(--fg);font-weight:700}
.ev-by a:hover{color:var(--accent)}
.ev-banner{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;font-size:14px;font-weight:700}
.ev-banner .ic{width:18px;height:18px}
.ev-banner.off{background:var(--hot-soft);color:var(--hot)}
.ev-banner.live{background:var(--go-soft);color:var(--go)}
.ev-banner.live i{width:8px;height:8px;border-radius:50%;background:var(--go);animation:blink 1.4s infinite}
.ev-meter{height:8px;border-radius:8px;background:var(--surface-2);overflow:hidden}
.ev-meter b{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--go),#22C55E)}
.ev-head .ev-rsvp{padding:14px;border-radius:16px;background:var(--surface-2);margin:0}
.ev-head .ev-rsvp .btn{height:40px;padding:0 18px;font-size:14px}
.ev-actions{display:flex;flex-wrap:wrap;gap:8px}
.ev-actions form{display:contents}
.ev-desc{font-size:15px;line-height:1.6;margin:0;overflow-wrap:anywhere}
.ev-when{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}
.ev-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ev-mode label{position:relative;cursor:pointer}
.ev-mode input{position:absolute;opacity:0;pointer-events:none}
.ev-mode span{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:14px;border:1.5px solid var(--line);font-weight:700;font-size:14px;color:var(--muted);transition:all .15s}
.ev-mode input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.ev-mode input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.ev-place{display:flex;flex-direction:column;gap:14px}
.ev-art{padding-bottom:0}
.ev-art .g-art-cover{border-radius:var(--r-lg)}
.ev-side{display:flex;flex-direction:column;gap:2px;margin:0 -8px}
.ev-side-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:background .15s}
.ev-side-item:hover{background:var(--surface-2)}
.ev-side-item>span:not(.ev-date){min-width:0;display:flex;flex-direction:column}
.ev-side-item b{font-size:14px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev-side-item small{font-size:12.5px;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:8px;padding:6px 0}
@media (max-width:640px){
.ev-card,.post .ev-card{grid-template-columns:1fr}
.ev-cover{min-height:130px}
.ev-card.compact{grid-template-columns:96px minmax(0,1fr)}
.ev-card.compact .ev-cover{min-height:100%}
.ev-card.compact .ev-date{transform:scale(.85);transform-origin:top left;left:8px;top:8px}
.ev-btns{margin-left:0;width:100%}
.ev-btns .btn{flex:1}
.ev-head .ev-cover-lg{height:160px}
.ev-heading h1{font-size:22px}
.ev-when{grid-template-columns:1fr 1fr}
.ev-when .field:first-child{grid-column:1/-1}
.mih-grow{flex-wrap:wrap}
.mih-grow form,.mih-grow .btn{width:100%}
.mih-grow .btn{justify-content:center}
}

.b-av{border-radius:calc(var(--s)*.28)}
.stars{display:inline-flex;gap:1px;vertical-align:-2px}
.stars .st{position:relative;width:15px;height:15px;display:inline-block}
.stars.sm .st{width:13px;height:13px}
.stars .ic{position:absolute;inset:0;width:100%;height:100%;fill:var(--line);stroke:none}
.stars .ic.on{fill:#F59E0B;clip-path:inset(0 calc(100% - var(--f)) 0 0)}
.b-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .2s,box-shadow .2s}
.b-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.b-cover{position:relative;display:block;height:96px;background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 40%,#0EA5E9))}
.b-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.b-body{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:0 16px 16px}
.b-body>.g-av{margin-top:-30px;box-shadow:0 0 0 4px var(--surface)}
.b-name{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font:700 16.5px/1.25 var(--f-display);letter-spacing:-.01em}
.b-name:hover{color:var(--accent)}
.b-name .verified{width:16px;height:16px}
.b-cat{margin:0;font-size:12.5px;font-weight:600;color:var(--muted)}
.b-rate{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--muted)}
.b-rate b{color:var(--fg)}
.b-facts{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:4px;font-size:12.5px;color:var(--muted)}
.b-facts span{display:inline-flex;align-items:center;gap:5px;max-width:100%}
.b-facts .ic{width:13px;height:13px;flex:none}
.b-open{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--muted)}
.b-open i{width:7px;height:7px;border-radius:50%;background:var(--hot)}
.b-open.on{color:var(--go)}
.b-open.on i{background:var(--go);box-shadow:0 0 0 3px color-mix(in srgb,var(--go) 22%,transparent)}
.b-foot{align-self:stretch;margin-top:auto;padding-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.b-foot .btn:only-child{grid-column:1/-1}
.b-mine{gap:10px}
.b-mine-name{flex:1;min-width:0;display:flex;flex-direction:column}
.b-mine-name b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-mine-name small{font-size:12.5px;color:var(--muted)}
.mih-ic.b-ic{background:linear-gradient(135deg,#14B8A6,#0F766E);box-shadow:0 10px 20px -10px rgba(15,118,110,.8)}

.b-head .pf-id h1 .verified{width:22px;height:22px}
.b-tagline{margin:2px 0 0;font-size:15px;color:var(--muted)}
.b-rating{display:inline-flex;align-items:center;gap:5px;color:var(--muted)}
.b-rating b{color:var(--fg)}
.b-acts .btn{height:42px}
.b-acts .btn.icon-only{width:42px}
.b-book{padding:0 26px}
.b-count{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--hot);color:#fff;font:700 11px/20px var(--f-body);text-align:center}
.b-next{align-self:stretch;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:var(--go-soft);color:var(--go);font-size:14px;font-weight:600;text-align:left}
.b-next .ic{width:18px;height:18px;flex:none}
.b-next span{flex:1;min-width:0}
.b-next em{font-style:normal;font-size:12px;font-weight:800}
.b-services{display:flex;flex-direction:column}
.b-svc{display:flex;align-items:center;gap:14px;padding:14px 0}
.b-svc+.b-svc{border-top:1px solid var(--line)}
.b-svc-main{flex:1;min-width:0}
.b-svc-main b{display:block;font-size:15px}
.b-svc-main small{font-size:12.5px;color:var(--muted)}
.b-svc-main p{margin:4px 0 0;font-size:13.5px;color:var(--muted);line-height:1.45}
.b-price{flex:none;font:700 15px var(--f-display)}
.b-hours{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.b-hours li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;font-size:14px}
.b-hours li span{color:var(--muted)}
.b-hours li b{font-weight:600;text-align:right}
.b-hours li.today{background:var(--accent-soft)}
.b-hours li.today span,.b-hours li.today b{color:var(--accent);font-weight:700}
.b-closed{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.b-closed span{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--hot)}
.b-closed .ic{width:14px;height:14px}
.b-contact{display:flex;flex-direction:column;gap:12px}
.b-contact>div{display:flex;align-items:center;gap:12px;min-width:0}
.b-contact>div>span:last-child{min-width:0;display:flex;flex-direction:column;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.b-contact small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.b-contact a{color:var(--accent)}
.b-score{display:flex;align-items:center;gap:24px;padding:14px;border-radius:16px;background:var(--surface-2);margin-bottom:16px}
.b-score-big{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}
.b-score-big>b{font:800 40px/1 var(--f-display)}
.b-score-big>span{font-size:12px;color:var(--muted)}
.b-bars{flex:1;display:flex;flex-direction:column;gap:4px}
.b-bars div{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.b-bars span{width:10px;text-align:right;font-weight:700}
.b-bars i{flex:1;height:7px;border-radius:7px;background:var(--line);overflow:hidden}
.b-bars i b{display:block;height:100%;background:#F59E0B;border-radius:7px}
.b-bars small{width:24px}
.b-review-form{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:16px;border:1px solid var(--line);border-radius:16px}
.b-review-form textarea,.b-update-form textarea,.b-notes textarea,.b-reply-edit textarea{width:100%;border-radius:12px;border:1px solid var(--line);background:var(--surface);padding:10px 12px;font:inherit;color:inherit;outline:none;resize:vertical}
.b-review-form textarea:focus,.b-update-form textarea:focus,.b-notes textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.b-review-form .btn{align-self:flex-start}
.b-pick{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.b-pick input{position:absolute;opacity:0;pointer-events:none}
.b-pick label{cursor:pointer}
.b-pick .ic{width:30px;height:30px;fill:var(--line);stroke:none;transition:fill .15s,transform .15s}
.b-pick label:hover .ic,.b-pick label:hover~label .ic,.b-pick input:checked~label .ic{fill:#F59E0B}
.b-pick label:hover .ic{transform:scale(1.1)}
.b-reviews{display:flex;flex-direction:column}
.b-review{display:flex;gap:12px;padding:14px 0}
.b-review+.b-review{border-top:1px solid var(--line)}
.b-review>div{flex:1;min-width:0}
.b-review header{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.b-review header b{font-size:14.5px}
.b-review header small{color:var(--faint);font-size:12px}
.b-review p{margin:6px 0 0;font-size:14px;line-height:1.5}
.b-reply{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border-left:3px solid var(--accent)}
.b-reply b{font-size:12.5px}
.b-reply p{margin-top:2px;font-size:13.5px}
.b-reply-edit{margin-top:8px}
.b-reply-edit summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--accent);list-style:none}
.b-reply-edit form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.b-reply-edit .btn{align-self:flex-start}
.b-update-form{display:flex;align-items:flex-start;gap:12px;padding:14px}
.b-update-form textarea{flex:1;min-height:44px}

.b-manage-head{display:flex;align-items:center;gap:14px;min-width:0}
.b-head-links{display:flex;gap:8px;flex-wrap:wrap}
.b-edit{padding:0;overflow:hidden}
.b-edit summary{display:flex;align-items:center;gap:12px;padding:16px 18px;cursor:pointer;list-style:none}
.b-edit summary::-webkit-details-marker{display:none}
.b-edit summary>.ic{width:18px;height:18px;color:var(--faint);transition:transform .2s}
.b-edit[open] summary>.ic{transform:rotate(180deg)}
.b-edit-main{flex:1;min-width:0;display:flex;flex-direction:column}
.b-edit-main b{display:flex;align-items:center;gap:6px;font-size:15px}
.b-edit-main b .ic{width:18px;height:18px;color:var(--accent)}
.b-edit-main small{font-size:13px;color:var(--muted)}
.b-new summary{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)}
.b-svc-form{display:flex;flex-direction:column;gap:14px;padding:4px 18px 18px;border-top:1px solid var(--line);padding-top:16px}
.b-svc-form .field small{font-size:12px;color:var(--faint)}
.b-times-set summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--accent);list-style:none}
.b-times-set summary::-webkit-details-marker{display:none}
.b-times-set p{margin:6px 0 10px;font-size:13px}
.b-times-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.b-svc-acts{display:flex;justify-content:flex-end}
.b-svc-del{padding:0 18px 14px;margin-top:-6px}
.toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer}
.toggle-row>span{display:flex;flex-direction:column;min-width:0}
.toggle-row b{font-size:14.5px}
.toggle-row small{font-size:12.5px;color:var(--muted);line-height:1.4}
.sw{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:999px;background:var(--line);position:relative;flex:none;cursor:pointer;transition:background .25s;margin:0}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:transform .25s}
.sw:checked{background:var(--accent)}
.sw:checked::after{transform:translateX(18px)}
.sw:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.b-hours-edit{display:flex;flex-direction:column}
.b-hrow{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
.b-hrow:last-child{border-bottom:0}
.b-day{display:flex;align-items:center;gap:10px;width:140px;flex:none;font-weight:700;font-size:14px;cursor:pointer}
.b-day input{width:18px;height:18px;accent-color:var(--accent)}
.b-times{flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}
.b-win{display:flex;align-items:center;gap:6px}
.b-win input{height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);padding:0 8px;font:inherit;color:inherit}
.b-add-win{font-size:13px}
.b-closed-lbl{display:none;font-size:13.5px;font-weight:600;color:var(--faint)}
.b-hrow.closed .b-win,.b-hrow.closed .b-add-win{display:none}
.b-hrow.closed .b-closed-lbl{display:inline}
.b-closure-form{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px;align-items:end}
.b-closures{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.b-closures .chip{gap:6px;padding-right:4px}
.b-closures form{display:inline-flex}
.b-closures button{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.b-closures button:hover{background:var(--hot-soft);color:var(--hot)}
.b-closures .ic{width:13px;height:13px}

.b-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.b-stats a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);transition:transform .15s,box-shadow .15s}
.b-stats a:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.b-stats b{font:800 26px/1 var(--f-display);font-variant-numeric:tabular-nums}
.b-stats span{font-size:12.5px;font-weight:600;color:var(--muted)}
.b-stats a.hot{background:var(--hot-soft);border-color:transparent}
.b-stats a.hot b,.b-stats a.hot span{color:var(--hot)}
.b-list{display:flex;flex-direction:column;gap:10px}
.b-daysep{margin:8px 4px 0;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.b-bk{display:flex;gap:0;padding:0;overflow:hidden}
.b-bk-time{flex:none;width:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--surface-2);border-right:1px solid var(--line)}
.b-bk-time b{font:800 18px var(--f-display)}
.b-bk-time small{font-size:12px;color:var(--muted)}
.b-bk.s-pending .b-bk-time{background:#FFF7E0}
.b-bk.s-confirmed .b-bk-time{background:var(--go-soft)}
.b-bk-main{flex:1;min-width:0;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.b-bk-main header{display:flex;align-items:center;gap:10px}
.b-bk-main header>div{flex:1;min-width:0;display:flex;flex-direction:column}
.b-bk-main header b{font-size:15px}
.b-bk-main header span{font-size:13px;color:var(--muted)}
.b-status{flex:none;height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;font-size:11.5px;font-weight:800;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.b-status.s-pending{background:#FFF0C4;color:#92400E}
.b-status.s-confirmed{background:var(--go-soft);color:var(--go)}
.b-status.s-declined,.b-status.s-cancelled,.b-status.s-no_show{background:var(--hot-soft);color:var(--hot)}
.b-status.s-completed{background:var(--accent-soft);color:var(--accent)}
.b-bk-facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}
.b-bk-facts>*{display:inline-flex;align-items:center;gap:5px;min-width:0;overflow-wrap:anywhere}
.b-bk-facts a{color:var(--fg);font-weight:600}
.b-bk-facts a:hover{color:var(--accent)}
.b-bk-facts .ic{width:14px;height:14px;flex:none;color:var(--muted)}
.b-bk-note{margin:0;padding:8px 12px;border-radius:12px;background:var(--surface-2);font-size:13.5px}
.b-bk-acts{display:flex;flex-wrap:wrap;gap:6px}
.b-bk-acts form{display:contents}
.b-client{display:flex;flex-direction:column;gap:12px;padding:16px}
.b-client header{display:flex;align-items:center;gap:12px}
.b-client header>div{flex:1;min-width:0;display:flex;flex-direction:column}
.b-client header b{font-size:15px}
.b-client header span{font-size:13px;color:var(--muted)}
.b-client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.b-client-stats span{display:flex;flex-direction:column;align-items:center;padding:8px;border-radius:12px;background:var(--surface-2);font-size:12px;color:var(--muted)}
.b-client-stats b{font:800 17px var(--f-display);color:var(--fg)}
.b-client-stats .warn{background:var(--hot-soft)}
.b-client-stats .warn b{color:var(--hot)}
.b-notes{display:flex;gap:8px;align-items:flex-start}
.b-notes textarea{flex:1}
.b-mybk{display:flex;align-items:center;gap:14px;padding:14px 16px}
.b-mybk-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.b-mybk-main b{font-size:15px}
.b-mybk-main span{font-size:13.5px;font-weight:600}
.b-mybk-main a{font-size:13px;color:var(--accent);font-weight:600}
.b-mybk-main small{font-size:12px;color:var(--faint)}
.b-mybk-side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.b-mybk.s-cancelled,.b-mybk.s-declined{opacity:.7}

.bk-sheet{max-width:560px;padding:0;overflow:hidden}
.bk{display:flex;flex-direction:column;max-height:min(88vh,760px)}
.bk-head{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 18px;border-bottom:1px solid var(--line)}
.bk-head>div{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-head>div>b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-head>div>span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-steps{display:flex;gap:6px;list-style:none;margin:0;padding:12px 18px 0}
.bk-steps li{flex:1;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:3px solid var(--line);font-size:12.5px;font-weight:700;color:var(--faint);transition:all .25s}
.bk-steps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none;font-style:normal;font-size:11.5px;background:var(--surface-2);color:var(--muted)}
.bk-steps li.on{color:var(--fg);border-color:var(--accent)}
.bk-steps li.on i{background:var(--accent);color:var(--on-accent)}
.bk-steps li.done{color:var(--go);border-color:var(--go)}
.bk-steps li.done i{background:var(--go-soft);color:var(--go)}
.bk-step{padding:16px 18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;animation:rise .3s cubic-bezier(.2,.8,.2,1)}
.bk-title{font-size:18px}
.bk-services{display:flex;flex-direction:column;gap:8px}
.bk-svc{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);text-align:left;transition:border-color .15s,background .15s,transform .15s}
.bk-svc:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 40%,transparent);transform:translateY(-1px)}
.bk-svc-main{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-svc-main b{font-size:15px}
.bk-svc-main small{font-size:12.5px;color:var(--muted);line-height:1.4}
.bk-svc-meta{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.bk-svc-meta b{font:700 15px var(--f-display)}
.bk-svc-meta small{font-size:12px;color:var(--muted)}
.bk-svc>.ic{width:18px;height:18px;color:var(--faint);flex:none}
.bk-picked{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:10px 14px;border-radius:14px;background:var(--surface-2)}
.bk-picked span{font-weight:700}
.bk-picked small{color:var(--muted);font-size:13px}
.bk-picked .link,.bk-summary .link{margin-left:auto;font-size:13px}
.bk-week{display:flex;align-items:center;gap:6px}
.bk-days{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.bk-day{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 0;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);transition:all .15s}
.bk-day small{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}
.bk-day b{font:800 18px/1.2 var(--f-display)}
.bk-day i{font-style:normal;font-size:10.5px;font-weight:700;color:var(--go)}
.bk-day:hover{border-color:var(--accent)}
.bk-day.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.bk-day.on small,.bk-day.on i{color:var(--on-accent)}
.bk-day.none{opacity:.4;cursor:not-allowed}
.bk-day.none i{color:var(--faint)}
.bk-week .icon-btn:disabled{opacity:.3}
.bk-daylabel{margin:0;font-weight:700;font-size:14px}
.bk-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.bk-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:46px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);transition:all .15s}
.bk-slot b{font:700 15px var(--f-body);font-variant-numeric:tabular-nums}
.bk-slot small{font-size:10.5px;font-weight:700;color:var(--go)}
.bk-slot:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent);transform:translateY(-1px)}
.bk-slot:hover small{color:var(--on-accent)}
.bk-empty{margin:0;padding:18px;border-radius:14px;background:var(--surface-2);text-align:center;font-size:14px;color:var(--muted)}
.bk-loading{display:grid;place-items:center;padding:24px 0}
.bk-loading .spin,.comments-loading .spin{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .8s linear infinite;display:block}
@keyframes spin{to{transform:rotate(360deg)}}
.bk-summary{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--accent-soft)}
.bk-sum-ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:var(--accent);color:var(--on-accent)}
.bk-sum-ic .ic{width:20px;height:20px}
.bk-summary>div{flex:1;min-width:0;display:flex;flex-direction:column}
.bk-summary b{font-size:15px}
.bk-summary span{font-size:13px;color:var(--muted)}
.bk-form{display:flex;flex-direction:column;gap:14px}
.bk-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);cursor:pointer}
.bk-consent input{width:18px;height:18px;margin-top:1px;accent-color:var(--accent);flex:none}
.bk-small{margin:-4px 0 0;text-align:center;font-size:12.5px;color:var(--faint)}
.bk-login{display:flex;flex-direction:column;gap:12px;text-align:center;color:var(--muted)}
.bk-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:10px 0}
.bk-done-ic{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:var(--go);color:#fff;box-shadow:0 16px 30px -16px var(--go);animation:pop .5s cubic-bezier(.2,.8,.2,1)}
.bk-done-ic.wait{background:linear-gradient(135deg,#FBBF24,#F97316);box-shadow:0 16px 30px -16px #F97316}
.bk-done-ic .ic{width:32px;height:32px}
@keyframes pop{0%{transform:scale(.5);opacity:0}100%{transform:none;opacity:1}}
.bk-done h3{font-size:22px}
.bk-done p{margin:0;color:var(--muted);font-size:14px;max-width:36ch}
.kv-list{align-self:stretch;margin:6px 0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.kv-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:14px}
.kv-list div+div{border-top:1px solid var(--line)}
.kv-list dt{color:var(--muted)}
.kv-list dd{margin:0;font-weight:700;text-align:right}
.bk-done-acts{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:640px){
.b-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.b-closure-form{grid-template-columns:1fr 1fr}
.b-closure-form .btn{grid-column:1/-1}
.b-hrow{flex-direction:column;align-items:flex-start;gap:8px}
.b-day{width:auto}
.b-score{flex-direction:column;align-items:stretch;gap:12px}
.b-svc{flex-wrap:wrap}
.b-svc .btn{margin-left:auto}
.b-mybk{flex-wrap:wrap}
.b-mybk-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between}
.b-bk-time{width:64px}
.bk-sheet{max-width:none}
.bk{max-height:92vh}
.bk-days{gap:4px}
.bk-day{border-radius:12px;padding:6px 0}
.bk-day b{font-size:16px}
.bk-steps span{display:none}
.bk-done-acts{grid-template-columns:1fr}
.b-acts .btn span{display:none}
}

.sf{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px}
.sf-q{flex:1;min-width:0;display:flex;align-items:center;gap:10px}
.sf-q .ic{width:19px;height:19px;color:var(--muted);flex:none}
.sf-q input{flex:1;min-width:0;height:40px;border:0;background:none;outline:none;font:inherit;color:inherit}
.sf-cat{position:relative;flex:none;display:flex;align-items:center;height:40px;border-radius:12px;background:var(--surface-2);transition:background .15s,box-shadow .15s;cursor:pointer}
.sf-cat:hover{background:var(--line)}
.sf-cat:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}
.sf-cat>.ic{position:absolute;left:11px;width:16px;height:16px;color:var(--muted);pointer-events:none}
.sf-cat .sf-chev{left:auto;right:10px;width:14px;height:14px}
.sf-cat select{appearance:none;-webkit-appearance:none;height:40px;max-width:210px;padding:0 32px 0 34px;border:0;background:none;font:600 13.5px var(--f-body);color:var(--fg);cursor:pointer;outline:none;text-overflow:ellipsis}
.sf-cat.on{background:var(--accent-soft)}
.sf-cat.on select,.sf-cat.on .ic{color:var(--accent)}
.sf .btn{flex:none;height:40px}
.sf-active{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:-6px}
.sf-tag{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 12px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:13px;font-weight:600}
.sf-tag .ic{width:14px;height:14px;opacity:.7}
.sf-tag:hover .ic{opacity:1}
.sf-clear{font-size:13px;font-weight:700;color:var(--muted);padding:0 6px}
.sf-clear:hover{color:var(--hot)}
.sf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sf-row .sf{padding:6px;margin-left:auto}
.sf-row .sf-active{width:100%;margin-top:0}
.sf-when{display:flex;gap:6px;flex-wrap:wrap}
.sf-when a{height:34px;padding:0 13px;display:inline-flex;align-items:center;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13.5px;font-weight:600;color:var(--muted);transition:all .15s}
.sf-when a:hover{color:var(--fg)}
.sf-when a.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}
@media (max-width:640px){
.sf{flex-wrap:wrap;padding:8px}
.sf-q{flex-basis:100%;padding:0 6px}
.sf-cat{flex:1}
.sf-cat select{max-width:none;width:100%}
.sf-row .sf{margin-left:0;width:100%}
.sf-row .sf .sf-cat{flex:1}
.sf-when{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
.sf-when a{flex:none}
}
.crumbs{margin:-4px 2px -6px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13px;color:var(--muted)}
.crumbs li{display:flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"";width:6px;height:6px;margin:0 9px 0 7px;border-right:1.6px solid var(--faint);border-top:1.6px solid var(--faint);transform:rotate(45deg);flex:none}
.crumbs a{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin:-4px -2px;border-radius:9px;transition:background .15s,color .15s}
.crumbs a:hover{background:var(--surface-2);color:var(--fg)}
.crumbs a .ic{width:15px;height:15px}
.crumbs [aria-current]{font-weight:600;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.lcard{display:flex;flex-direction:column;width:100%;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:10px;background:var(--surface);transition:border-color .15s,box-shadow .2s}
a.lcard:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}
.lcard-img{display:block;aspect-ratio:1.91/1;background:var(--surface-2);overflow:hidden}
.lcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
a.lcard:hover .lcard-img img{transform:scale(1.025)}
.lcard-b{display:flex;flex-direction:column;gap:4px;padding:12px 15px 14px;min-width:0}
.lcard-b small{font:500 12px var(--f-mono);color:var(--muted);text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcard-b b{font-size:15.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard-b em{font-style:normal;font-size:13.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lcard.no-img{flex-direction:row}
.lcard.no-img::before{content:"";flex:none;width:4px;background:var(--accent)}
.c-link{margin-top:10px}
.c-lcard{position:relative;margin-bottom:0}
.c-lx{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:rgba(10,12,18,.72);color:#fff;display:grid;place-items:center;backdrop-filter:blur(6px)}
.c-lx .ic{width:16px;height:16px}
.c-lcard.no-img .c-lx{background:var(--surface-2);color:var(--fg)}
.c-lcard.loading .lcard-img{animation:shimmer 1.2s ease-in-out infinite}
.sk-line{display:block;height:12px;border-radius:6px;background:var(--surface-2);animation:shimmer 1.2s ease-in-out infinite}
.sk-line.short{width:60%}
@keyframes shimmer{50%{opacity:.5}}
.media.vid{display:block;aspect-ratio:auto;background:#000;border-color:transparent}
.media.vid video{display:block;width:100%;max-height:560px;background:#000}
.c-video{aspect-ratio:16/9;background:#000;max-height:280px;width:100%}
.c-video video{width:100%;height:100%;object-fit:cover;display:block}
.c-vlen{position:absolute;left:8px;bottom:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px 3px 6px;border-radius:999px;background:rgba(10,12,18,.72);color:#fff;font:600 12px var(--f-mono)}
.c-vlen .ic{width:12px;height:12px;fill:currentColor}
.c-media:has(.c-video){grid-template-columns:1fr}
.pref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:4px 0 6px}
.pref-grid.two{grid-template-columns:repeat(3,1fr)}
.pref-opt{position:relative;cursor:pointer}
.pref-opt input{position:absolute;opacity:0;pointer-events:none}
.pref-opt span{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}
.pref-opt b{font-size:15px;font-weight:700;letter-spacing:-.01em}
.pref-opt small{font-size:12.5px;color:var(--muted)}
.pref-opt:hover span{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.pref-opt input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.pref-opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
@media (max-width:560px){.pref-grid.two{grid-template-columns:1fr}}
.cp{display:flex;flex-direction:column;gap:16px}
.cp-hero{display:flex;gap:18px;align-items:flex-start;padding:26px;position:relative;overflow:hidden}
.cp-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%);pointer-events:none}
.cp-ic{width:52px;height:52px;flex:none;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.cp-ic .ic{width:26px;height:26px}
.cp-hero h1{font-size:30px;line-height:1.1;margin:8px 0 0}
.cp-sum{margin:8px 0 0;color:var(--muted);font-size:15.5px}
.cp-hero small{display:block;margin-top:10px;font:500 12px var(--f-mono);color:var(--faint)}
.cp-body{padding:26px 28px;font-size:15.5px;line-height:1.7;overflow-wrap:anywhere}
.cp-body>:first-child{margin-top:0}
.cp-body>:last-child{margin-bottom:0}
.cp-body h2{font-size:22px;margin:26px 0 8px}
.cp-body h3{font-size:18px;margin:22px 0 6px}
.cp-body p{margin:0 0 12px}
.cp-body ul,.cp-body ol{margin:0 0 14px;padding-left:22px}
.cp-body li{margin:4px 0}
.cp-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.cp-body blockquote{margin:16px 0;padding:10px 16px;border-left:3px solid var(--accent);background:var(--surface-2);border-radius:0 12px 12px 0}
.cp-body img{max-width:100%;height:auto;border-radius:14px}
.cp-body table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.cp-body th,.cp-body td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.cp-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.cp-more a{display:flex;flex-direction:column;gap:3px;padding:14px 40px 14px 16px;position:relative;transition:border-color .15s,transform .15s}
.cp-more a:hover{border-color:var(--accent);transform:translateY(-1px)}
.cp-more b{font-size:14.5px}
.cp-more span{font-size:12.5px;color:var(--muted);line-height:1.4}
.cp-more .ic{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--faint)}
@media (max-width:560px){.cp-hero{flex-direction:column;padding:20px}.cp-body{padding:20px}.cp-hero h1{font-size:25px}}
.brand-logo.for-dark{display:none}
:root[data-theme="dark"] .brand-logo.for-light{display:none}
:root[data-theme="dark"] .brand-logo.for-dark{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-logo.for-light{display:none}:root:not([data-theme="light"]) .brand-logo.for-dark{display:block}}
.flag{display:inline-block;width:20px;height:15px;border-radius:3px;object-fit:cover;flex:none;vertical-align:-2px;box-shadow:0 0 0 1px rgba(20,22,29,.08)}
.flag.round{width:22px;height:22px;border-radius:50%}
.flag.lg{width:24px;height:18px;border-radius:4px}
.pf-country,.uc-country,.mini-country{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13.5px;font-weight:600;white-space:nowrap}
.uc-country{font-size:13px;margin-top:2px}
.mini-id .mini-country{display:inline-flex;justify-content:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.info-ic .flag.lg{box-shadow:0 0 0 1px rgba(20,22,29,.1),0 2px 6px rgba(20,22,29,.12)}
.cpick{position:relative}
.cpick-btn{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);font-weight:600;transition:border-color .15s,box-shadow .15s}
.cpick-btn:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.cpick-btn[aria-expanded="true"]{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.cpick-btn>span{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpick-btn .ic{width:18px;height:18px;color:var(--muted);transition:transform .2s}
.cpick-btn[aria-expanded="true"] .ic{transform:rotate(180deg)}
.cpick-ph{color:var(--faint);font-weight:500}
.cpick-pop{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(20,22,29,.35);overflow:hidden;animation:cpick-in .18s cubic-bezier(.2,.8,.2,1)}
@keyframes cpick-in{from{opacity:0;transform:translateY(-6px)}}
.cpick-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}
.cpick-search .ic{width:17px;height:17px;color:var(--faint)}
.cpick-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14.5px;padding:4px 0}
.cpick-list{max-height:300px;overflow-y:auto;padding:6px;overscroll-behavior:contain}
.cpick-list button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font-size:14.5px;text-align:start}
.cpick-list button:hover,.cpick-list button.hi{background:var(--surface-2)}
.cpick-list button[aria-selected="true"]{background:var(--accent-soft);color:var(--accent);font-weight:700}
.cpick-none{color:var(--muted)}
.cpick-h{margin:8px 10px 4px;font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.cpick-h+button{margin-top:0}
.cpick-h:not(:first-of-type){padding-top:8px;border-top:1px solid var(--line)}
.cpick-empty{margin:0;padding:18px;text-align:center;color:var(--muted);font-size:14px}
.lang-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.lang-opt{flex-direction:row!important;align-items:center;gap:11px!important}
.lang-opt>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.lang-opt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lang-menu{position:relative}
.lang-menu summary{list-style:none;cursor:pointer}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary .flag{box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line)}
.lang-menu[open] summary{background:var(--surface-2)}
.lang-pop{position:absolute;z-index:60;top:calc(100% + 8px);inset-inline-end:0;width:250px;max-height:min(70vh,460px);overflow-y:auto;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -20px rgba(20,22,29,.4);animation:cpick-in .18s cubic-bezier(.2,.8,.2,1)}
.lang-h{margin:4px 8px 6px;font:600 10.5px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.lang-pop button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;font-size:14.5px;font-weight:600;text-align:start}
.lang-pop button:hover{background:var(--surface-2)}
.lang-pop button.on{background:var(--accent-soft);color:var(--accent)}
.lang-pop button span{flex:1}
.lang-pop button .ic{width:16px;height:16px}
[dir="rtl"] svg:has(use[href="#i-chev-r"]),[dir="rtl"] svg:has(use[href="#i-chev-l"]),[dir="rtl"] svg:has(use[href="#i-send"]){transform:scaleX(-1)}
[dir="rtl"] .crumbs li+li::before{transform:rotate(-135deg)}
[dir="rtl"] body{font-family:var(--f-body),"Noto Sans Arabic","Noto Sans Hebrew",Tahoma,sans-serif}
[dir="rtl"] .c-thumb button,[dir="rtl"] .c-lx{right:auto;left:8px}
[dir="rtl"] .lcard.no-img::before{order:2}
[dir="rtl"] .cp-more .ic{right:auto;left:14px}
[dir="rtl"] .cp-more a{padding:14px 16px 14px 40px}
[dir="rtl"] .p-text,[dir="rtl"] .cp-body,[dir="rtl"] .lcard-b{text-align:right}
[dir="rtl"] .cp-body ul,[dir="rtl"] .cp-body ol{padding-left:0;padding-right:22px}
[dir="rtl"] .toasts{left:auto}
.wl{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}
.wl-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.wl-bg i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:wl-drift 18s ease-in-out infinite alternate}
.wl-bg i:nth-child(1){width:520px;height:520px;left:-160px;top:-180px;background:color-mix(in srgb,var(--accent) 55%,transparent)}
.wl-bg i:nth-child(2){width:460px;height:460px;right:-140px;top:20%;background:color-mix(in srgb,#a855f7 45%,transparent);animation-duration:22s}
.wl-bg i:nth-child(3){width:380px;height:380px;left:30%;bottom:-220px;background:color-mix(in srgb,#f59e0b 30%,transparent);animation-duration:26s}
@keyframes wl-drift{to{transform:translate(60px,40px) scale(1.12)}}
.wl-top,.wl-main,.wl-foot{position:relative;z-index:1}
.wl-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px clamp(18px,4vw,56px)}
.wl-top-r{display:flex;align-items:center;gap:8px}
.wl-lang summary{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px 0 8px;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line);font-size:14px;font-weight:600;backdrop-filter:blur(10px)}
.wl-lang summary .ic{width:16px;height:16px;color:var(--muted)}
.wl-lang summary .flag{box-shadow:none}
.wl-browse{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(10px)}
.wl-main{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,440px);gap:clamp(24px,5vw,72px);align-items:center;width:100%;max-width:1240px;margin:0 auto;padding:12px clamp(18px,4vw,56px) 40px}
.wl-hero{min-width:0}
.wl-hero>*{animation:wl-rise .8s cubic-bezier(.2,.8,.2,1) both}
.wl-hero>*:nth-child(2){animation-delay:.08s}.wl-hero>*:nth-child(3){animation-delay:.16s}.wl-hero>*:nth-child(4){animation-delay:.22s}.wl-hero>*:nth-child(5){animation-delay:.3s}.wl-hero>*:nth-child(6){animation-delay:.38s}
@keyframes wl-rise{from{opacity:0;transform:translateY(18px)}}
.wl-pill{display:inline-flex;align-items:center;gap:8px;margin:0;padding:7px 14px 7px 10px;border-radius:999px;background:color-mix(in srgb,var(--surface) 75%,transparent);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--muted);backdrop-filter:blur(10px)}
.wl-pill i{width:8px;height:8px;border-radius:50%;background:var(--go);box-shadow:0 0 0 0 var(--go);animation:wl-ping 2s ease-out infinite}
@keyframes wl-ping{70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.wl-hero h1{margin:18px 0 12px;font:800 clamp(36px,5.4vw,64px)/1.02 var(--f-display);letter-spacing:-.045em}
.wl-hero h1 span{background:linear-gradient(120deg,var(--accent),#a855f7 60%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
.wl-lead{margin:0;max-width:520px;font-size:17px;line-height:1.55;color:var(--muted)}
.wl-cloud{position:relative;height:clamp(240px,30vw,330px);margin:22px 0 8px;max-width:620px}
.wl-core{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:26px;display:grid;place-items:center;background:var(--surface);box-shadow:0 20px 50px -18px color-mix(in srgb,var(--accent) 70%,transparent),0 0 0 1px var(--line);z-index:2;animation:wl-core 4s ease-in-out infinite}
.wl-core svg,.wl-core img{width:58px;height:58px;border-radius:16px}
@keyframes wl-core{50%{transform:translateY(-6px) rotate(-3deg)}}
.wl-ring{position:absolute;left:50%;top:50%;border:1.5px dashed color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:50%;transform:translate(-50%,-50%);animation:wl-spin 60s linear infinite}
.wl-ring.r1{width:66%;height:58%}
.wl-ring.r2{width:94%;height:84%;animation-direction:reverse;animation-duration:90s;opacity:.6}
@keyframes wl-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.wl-av{position:absolute;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);border-radius:50%;z-index:1;animation:wl-pop .6s cubic-bezier(.2,1.5,.4,1) calc(.4s + var(--i) * .06s) both,wl-float var(--t) ease-in-out var(--d) infinite}
.wl-av>img:first-child{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--surface);box-shadow:0 12px 26px -12px rgba(20,22,29,.55)}
.wl-av .flag{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border:2px solid var(--surface);box-shadow:none}
@keyframes wl-pop{from{opacity:0;transform:scale(.3)}}
@keyframes wl-float{50%{translate:0 -9px}}
.wl-stats{display:flex;gap:clamp(18px,4vw,44px);margin:6px 0 22px}
.wl-stats div{display:flex;flex-direction:column}
.wl-stats b{font:800 30px/1 var(--f-display);letter-spacing:-.03em}
.wl-stats span{margin-top:6px;font-size:13px;color:var(--muted);font-weight:600}
.wl-groups p{margin:0 0 10px;font:600 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.wl-groups>div{display:flex;flex-wrap:wrap;gap:8px}
.wl-groups a{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:999px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line);font-size:13.5px;font-weight:600;transition:transform .2s,border-color .2s;backdrop-filter:blur(8px)}
.wl-groups a:hover{transform:translateY(-2px);border-color:var(--accent)}
.wl-auth{position:relative;padding:22px;border-radius:28px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);box-shadow:0 40px 90px -40px rgba(20,22,29,.45);backdrop-filter:blur(18px);animation:wl-card .9s cubic-bezier(.2,.8,.2,1) .15s both;overflow:hidden}
@keyframes wl-card{from{opacity:0;transform:translateY(24px) scale(.98)}}
.wl-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--surface-2);margin-bottom:22px}
.wl-tabs button{position:relative;z-index:1;height:42px;border-radius:12px;font-weight:700;font-size:14.5px;color:var(--muted);text-align:center;transition:color .25s}
.wl-tab-ind{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:var(--surface);box-shadow:0 2px 8px rgba(20,22,29,.1);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.wl-auth[data-mode="register"] .wl-tab-ind{transform:translateX(100%)}
[dir="rtl"] .wl-tab-ind{left:auto;right:4px}
[dir="rtl"] .wl-auth[data-mode="register"] .wl-tab-ind{transform:translateX(-100%)}
.wl-auth[data-mode="login"] [data-wl-tab="login"],.wl-auth[data-mode="register"] [data-wl-tab="register"]{color:var(--fg)}
.wl-panes{display:grid}
.wl-pane{grid-area:1/1;min-width:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1),visibility .35s}
.wl-auth[data-mode="login"] [data-pane="register"],.wl-auth[data-mode="register"] [data-pane="login"]{opacity:0;visibility:hidden;pointer-events:none}
.wl-auth[data-mode="login"] [data-pane="register"]{transform:translateX(30px)}
.wl-auth[data-mode="register"] [data-pane="login"]{transform:translateX(-30px)}
.wl-pane h2{margin:0;font:800 26px/1.15 var(--f-display);letter-spacing:-.03em}
.wl-sub{margin:6px 0 18px;color:var(--muted);font-size:14.5px}
.wl-pane .auth-form{gap:12px}
.wl-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wl-go{height:50px;font-size:15.5px;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 14px 30px -14px var(--accent)}
.wl-go .ic{width:18px;height:18px;transition:transform .2s}
.wl-go:hover .ic{transform:translateX(3px)}
.wl-go.busy{pointer-events:none;opacity:.8}
.wl-go.busy .ic{animation:wl-spin-ic .8s linear infinite}
@keyframes wl-spin-ic{to{transform:rotate(360deg)}}
.wl-terms{margin:4px 0 0;font-size:12.5px;color:var(--muted);text-align:center}
.wl-terms a{color:var(--accent);font-weight:600}
.wl-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;padding:18px;font-size:12.5px;color:var(--faint)}
.wl-foot a:hover{color:var(--muted);text-decoration:underline}
@media (prefers-reduced-motion:reduce){.wl *,.wl-bg i{animation:none!important;transition:none!important}}
.wl-panes{position:relative}
.wl-auth[data-mode="login"] [data-pane="register"],.wl-auth[data-mode="register"] [data-pane="login"]{position:absolute;inset:0 0 auto}

.priv-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.priv-row{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--surface)}
.priv-list>*+*{border-top:1px solid var(--line)}
.priv-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.priv-txt b{font-size:14.5px;font-weight:700}
.priv-txt small{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seg{display:inline-flex;flex:none;padding:3px;gap:2px;border-radius:12px;background:var(--surface-2)}
.seg label{position:relative;cursor:pointer}
.seg input{position:absolute;opacity:0;pointer-events:none}
.seg span{display:flex;align-items:center;gap:6px;height:32px;padding:0 11px;border-radius:9px;font-size:13px;font-weight:600;color:var(--muted);transition:background .15s,color .15s,box-shadow .15s}
.seg em{font-style:normal;white-space:nowrap}
.seg .ic{width:15px;height:15px}
.seg label:hover span{color:var(--fg)}
.seg input:checked+span{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px rgba(20,22,29,.12)}
.seg input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.priv-sub{padding:4px 16px 16px 68px;background:var(--surface);border-top:0!important}
.priv-sub p{font-size:12.5px;font-weight:600;color:var(--muted);margin:0 0 8px}
@media (max-width:720px){.priv-row{flex-wrap:wrap}.priv-row .seg{width:100%;margin-left:52px}.seg label{flex:1 1 0;min-width:0}.seg span{justify-content:center;padding:0 6px}.priv-sub{padding-left:16px}}
@media (max-width:420px){.priv-row .seg{margin-left:0}.seg .ic{display:none}}
.priv-hint{display:flex;align-items:center;gap:8px}
.priv-hint .ic{width:15px;height:15px;flex:none}

.wl{--f-jakarta:"Plus Jakarta Sans",var(--f-body,system-ui),sans-serif}
.wl-top{z-index:30}
.wl-main{z-index:2}
.wl-hero h1{font:800 clamp(40px,4.9vw,62px)/1.04 var(--f-jakarta);letter-spacing:-2px;color:#0F1B3D}
:root[data-theme="dark"] .wl-hero h1{color:#EEF1FA}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .wl-hero h1{color:#EEF1FA}}
.wl-hero h1 span{letter-spacing:-2px}
.wl-lead{font:400 clamp(17px,1.45vw,20px)/1.55 var(--f-jakarta);max-width:560px}
.wl-pane h2,.wl-stats b{font-family:var(--f-jakarta);letter-spacing:-.8px}
.wl-pill,.wl-tabs button,.wl-groups a{font-family:var(--f-jakarta)}

.wl-pill-av{display:inline-flex;margin-inline-end:2px}
.wl-pill-av img{width:22px;height:22px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);margin-inline-start:-7px}
.wl-pill-av img:first-child{margin-inline-start:0}
.wl-pill:has(.wl-pill-av)>i{display:none}
@media (min-width:700px) and (max-width:1023px){
.wl-main{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:28px;padding-top:28px;align-items:start}
.wl-groups a{font-size:12.5px;padding:4px 10px 4px 4px}
.wl-hero h1{font-size:clamp(32px,4.5vw,44px);letter-spacing:-1.5px}.wl-hero h1 span{letter-spacing:-1.5px}
.wl-lead{font-size:17px}
.wl-cloud{height:clamp(220px,32vw,280px);margin:16px 0 4px}
.wl-auth{padding:18px;border-radius:24px}
.wl-two{grid-template-columns:1fr}
}
@media (max-width:699px){
.wl{background:var(--bg)}
.wl-bg{display:none}
.wl-top{padding:14px 16px}
.wl-top .brand-word{color:#fff}
.wl-top .brand-word i{color:#fbbf24}
.wl-browse{display:none}
.wl-lang summary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);color:#fff;padding:0 10px 0 6px}
.wl-lang summary span{display:none}
.wl-lang summary .ic{color:rgba(255,255,255,.8)}
.wl-main{display:block;padding:0 0 20px}
.wl-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-70px;padding:76px 20px 72px;color:#fff;border-radius:0 0 36px 36px;overflow:hidden;
background:radial-gradient(120% 70% at 85% 0%,rgba(168,85,247,.55),transparent 60%),radial-gradient(90% 60% at 0% 30%,color-mix(in srgb,var(--accent) 70%,transparent),transparent 65%),radial-gradient(80% 50% at 50% 110%,rgba(245,158,11,.35),transparent 70%),linear-gradient(165deg,#0B1235,#16194A 55%,#2A1659)}
.wl-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.5) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(#000,transparent 70%);opacity:.18;pointer-events:none}
.wl-hero>*{position:relative;z-index:1}
.wl-cloud{order:-1;width:min(250px,70vw);height:auto;aspect-ratio:1;margin:0 0 14px;max-width:none;animation:wl-orbit 60s linear infinite}
.wl-cloud .wl-ring{border-color:rgba(255,255,255,.22)}
.wl-cloud .wl-ring.r1{width:66%;height:66%}
.wl-cloud .wl-ring.r2{width:96%;height:96%}
.wl-core{width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:22px;background:rgba(255,255,255,.95);box-shadow:0 0 0 8px rgba(255,255,255,.08),0 0 60px 10px color-mix(in srgb,var(--accent) 60%,transparent);animation:wl-counter 60s linear infinite}
.wl-core svg,.wl-core img{width:46px;height:46px}
.wl-av{left:var(--ox)!important;top:var(--oy)!important;scale:.72;animation:wl-pop .6s cubic-bezier(.2,1.5,.4,1) calc(.3s + var(--i) * .06s) both,wl-counter 60s linear infinite}
.wl-av>img:first-child{border-color:rgba(255,255,255,.9);box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.wl-av:nth-of-type(n+11){display:none}
.wl-hero h1{margin:6px 0 10px;color:#fff;font-size:clamp(32px,10vw,42px);letter-spacing:-1.5px;line-height:1.05}
.wl-hero h1 span{background:linear-gradient(100deg,#7DD3FC,#C084FC 50%,#FCD34D);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1.5px}
.wl-lead{margin:0 auto;max-width:330px;color:rgba(255,255,255,.78);font-size:16px;line-height:1.5}
.wl-pill{order:5;margin-top:16px;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.9)}
.wl-pill-av img{border-color:#1b1d55}
.wl-stats{display:none}
.wl-groups{order:6;width:100%;margin-top:18px}
.wl-groups p{color:rgba(255,255,255,.6);text-align:center}
.wl-groups>div{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x proximity}
.wl-groups>div::-webkit-scrollbar{display:none}
.wl-groups a{flex:none;scroll-snap-align:start;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff;font-size:13px}
.wl-groups>div:has(a:only-child),.wl-groups>div:has(a:nth-child(2):last-child){justify-content:center}
.wl-auth{margin:-46px 14px 0;padding:18px 16px;border-radius:26px;background:var(--surface);backdrop-filter:none;box-shadow:0 30px 60px -28px rgba(11,18,53,.55),0 0 0 1px var(--line);z-index:3}
.wl-two{grid-template-columns:1fr}
.wl-pane h2{font-size:24px}
.wl-foot{padding:14px 16px 20px}
}
@media (max-width:360px){.wl-hero{padding-inline:14px}.wl-auth{margin-inline:10px;padding:16px 14px}.wl-cloud{width:210px}}
:root[data-theme="dark"] .wl-pill-av img{border-color:var(--surface)}
@keyframes wl-orbit{to{rotate:360deg}}
@keyframes wl-counter{to{rotate:-360deg}}
.vip-tag{display:inline-flex;align-items:center;gap:3px;height:19px;padding:0 7px 0 5px;border-radius:999px;background:linear-gradient(135deg,#F59E0B,#EA580C 55%,#C2410C);color:#fff;text-shadow:0 1px 2px rgba(124,45,18,.55);font:800 10.5px/1 var(--f-body);letter-spacing:.06em;flex:none;box-shadow:0 4px 10px -5px rgba(234,88,12,.7);vertical-align:middle}
.vip-tag .ic{width:12px;height:12px;stroke-width:2.4}
.vip-tag.big{height:24px;padding:0 10px 0 8px;font-size:12px;gap:4px}
.vip-tag.big .ic{width:14px;height:14px}
.mini-id .vip-tag{margin-left:2px}
.pf-company{display:inline-flex;align-items:center;gap:6px;margin-top:6px;height:28px;padding:0 11px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:700;color:var(--fg);max-width:100%}
.pf-company .ic{width:15px;height:15px;color:var(--accent)}
.pf-company .ic.ext{width:12px;height:12px;color:var(--muted)}
a.pf-company:hover{border-color:var(--accent)}
.btn.vip{background:linear-gradient(135deg,#F59E0B,#EA580C 55%,#C2410C);color:#fff;text-shadow:0 1px 2px rgba(124,45,18,.45);box-shadow:0 10px 22px -12px rgba(234,88,12,.9)}
.btn.vip:hover{filter:brightness(1.05)}
.btn.paypal{background:#FFC439;color:#111}
.btn.paypal:hover{background:#F2B92C}
.pp-mark{font:italic 800 16px/1 Verdana,var(--f-body);color:#003087;letter-spacing:-.02em}
.pp-mark i{color:#0070E0}
.nav a.nav-vip .ic{color:#F59E0B}
.nav a.nav-vip span{background:linear-gradient(90deg,#F59E0B,#EA580C);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.tabs a.tab-vip{display:inline-flex;align-items:center;gap:6px}
.tabs a.tab-vip .ic{width:16px;height:16px;color:#F59E0B}
.vip-hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 80% at 100% 0%,rgba(245,158,11,.38),transparent 60%),radial-gradient(70% 90% at 0% 100%,rgba(124,58,237,.55),transparent 60%),radial-gradient(50% 60% at 60% 120%,rgba(47,84,255,.45),transparent 70%)}
.vip-perk-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,rgba(252,211,77,.22),rgba(234,88,12,.18));color:#D97706;flex:none}
.vip-perk-ic .ic{width:20px;height:20px}
.vip-perk-ic .verified{color:var(--accent)}
.vip-card{position:relative;overflow:hidden;isolation:isolate;border-radius:24px;background:#0F0B24;color:#fff;padding:22px 24px;display:flex;flex-direction:column;gap:18px;aspect-ratio:auto;box-shadow:0 30px 50px -30px rgba(15,11,36,.9)}
.vip-card.off{filter:grayscale(.85);opacity:.85}
.vip-card-top{display:flex;align-items:center;justify-content:space-between}
.vip-card-plan{font:600 11px/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.vip-card-id{display:flex;align-items:center;gap:12px}
.vip-card-id b{display:flex;align-items:center;gap:6px;font:800 19px/1.2 var(--f-display)}
.vip-card-id small{color:rgba(255,255,255,.6);font-size:13px}
.vip-card-id .verified{width:18px;height:18px;color:#8FB0FF}
.vip-card-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.vip-card-meta small{display:block;font:600 10.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.vip-card-meta b{display:block;margin-top:6px;font:800 17px/1.1 var(--f-display)}
.vip-bar{height:6px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}
.vip-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#FCD34D,#F59E0B,#EA580C)}
.vip-actions{display:flex;flex-wrap:wrap;gap:10px}
.vip-block{padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.vip-block h3{font-size:16px;margin:0}
.vip-got{display:flex;flex-direction:column;gap:4px}
.vip-got>div{display:flex;align-items:center;gap:12px;padding:8px 0;opacity:.6}
.vip-got>div.on{opacity:1}
.vip-got>div>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}
.vip-got b{font-size:14px}
.vip-got small{font-size:12.5px;color:var(--muted)}
.vip-got .ok{width:18px;height:18px;color:var(--go);stroke-width:2.6;flex:none}
.vip-history{display:flex;flex-direction:column}
.vip-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.vip-row:first-child{border-top:0}
.vip-row-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font:800 14px/1 var(--f-display);background:var(--surface-2);flex:none}
.vip-row-ic.stripe{background:#635BFF;color:#fff}
.vip-row-ic.paypal{background:#FFC439;color:#003087}
.vip-row-txt{display:flex;flex-direction:column;flex:1;min-width:0}
.vip-row-txt b{font-size:14px}
.vip-row-txt small{font-size:12px;color:var(--muted)}
.vip-row-amt{font:800 15px/1 var(--f-display);min-width:64px;text-align:right}
.vip-chip{height:22px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--surface-2);color:var(--muted)}
.vip-chip.go{background:var(--go-soft);color:var(--go)}
.vip-chip.sun{background:color-mix(in srgb,var(--sun) 20%,transparent);color:#B45309}
.vip-chip.hot{background:var(--hot-soft);color:var(--hot)}
.vip-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(252,211,77,.16),rgba(124,58,237,.1));font-size:13.5px;font-weight:600}
.vip-strip a{margin-left:auto;color:var(--accent);font-weight:700}
.swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.swatches label{position:relative;cursor:pointer}
.swatches input{position:absolute;opacity:0;pointer-events:none}
.swatches label>span{display:block;width:34px;height:34px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);transition:transform .15s}
.swatches label:hover>span{transform:scale(1.08)}
.swatches input:checked+span{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--sw)}
.swatches .sw-custom>span{display:grid;place-items:center;background:conic-gradient(#F43F5E,#F59E0B,#16A34A,#0891B2,#7C3AED,#F43F5E);color:#fff}
.swatches .sw-custom .ic{width:16px;height:16px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}
.swatches .sw-custom input{inset:0;width:100%;height:100%;opacity:0;pointer-events:auto;cursor:pointer}
.swatches .btn{margin-left:auto}
.vip-upsell{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:26px 24px;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#FCD34D,#F59E0B,#7C3AED) border-box;border:2px solid transparent}
.vip-upsell h3{font:800 21px/1.15 var(--f-display);margin:4px 0 0}
.vip-upsell p{margin:0;color:var(--muted);font-size:14px}
.vip-lock{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(252,211,77,.14),rgba(124,58,237,.08));border:1px solid var(--line)}
.vip-lock>div{display:flex;flex-direction:column;flex:1;min-width:0}
.vip-lock b{font-size:14.5px}
.vip-lock small{font-size:12.5px;color:var(--muted)}
.vip-lock-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#FCD34D,#EA580C);color:#3B1D00;flex:none}
.vip-lock-ic .ic{width:19px;height:19px}
@media (max-width:560px){.vip-card{padding:20px 18px}.vip-card-meta b{font-size:15px}.vip-lock{flex-wrap:wrap}.vip-lock .btn{width:100%}}
.shell.full{grid-template-columns:minmax(0,1fr);max-width:1200px}
.shell.full .feed{max-width:none}
.btn.lg{height:52px;padding:0 26px;font-size:15.5px}
.btn.lg .ic{width:18px;height:18px}
.vp,.vm{font-family:var(--f-title)}
.vp{display:flex;flex-direction:column;gap:64px}
.vp-hero,.vp-final{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;background:#090A18;color:#fff}
.vp-hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding:72px 60px;min-height:540px}
.vp-aurora{position:absolute;inset:-25%;z-index:-2;filter:blur(70px)}
.vp-aurora i{position:absolute;border-radius:50%;animation:vpDrift 16s ease-in-out infinite alternate}
.vp-aurora i:nth-child(1){width:48%;height:58%;left:8%;top:34%;background:#3730FF;opacity:.8}
.vp-aurora i:nth-child(2){width:34%;height:44%;right:4%;top:2%;background:#F472B6;opacity:.34;animation-delay:-5s}
.vp-aurora i:nth-child(3){width:36%;height:44%;right:24%;bottom:2%;background:#A21CAF;opacity:.6;animation-delay:-10s}
.vp-grid-bg{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px;-webkit-mask-image:radial-gradient(70% 70% at 30% 45%,#000,transparent);mask-image:radial-gradient(70% 70% at 30% 45%,#000,transparent)}
.vp-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);font:700 12px/1 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:#FCD34D;backdrop-filter:blur(8px)}
.vp-pill .ic{width:16px;height:16px}
.vp-hero h1{font:800 clamp(42px,5.6vw,72px)/1 var(--f-title);letter-spacing:-.04em;margin:22px 0 0}
.vp-gold{background:linear-gradient(100deg,#FDE68A,#F59E0B 45%,#FB923C);-webkit-background-clip:text;background-clip:text;color:transparent}
.vp-hero-copy>p{margin:20px 0 0;max-width:520px;color:rgba(255,255,255,.74);font-size:18px;line-height:1.55}
.vp-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn.vp-ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22)}
.btn.vp-ghost:hover{background:rgba(255,255,255,.14)}
.vp-trust{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:28px 0 0;padding:0;font-size:13.5px;font-weight:600;color:rgba(255,255,255,.66)}
.vp-trust li{display:inline-flex;align-items:center;gap:7px}
.vp-trust .ic{width:16px;height:16px;color:#FCD34D}
.vp-stage{position:relative;display:grid;place-items:center;min-height:420px;perspective:1200px}
.vp-card{width:min(330px,100%);border-radius:28px;overflow:hidden;background:var(--surface);color:var(--fg);box-shadow:0 50px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-12deg) rotateX(5deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:vpFloat 7s ease-in-out infinite}
.vp-stage:hover .vp-card{transform:rotateY(0) rotateX(0)}
.vp-card-cover{height:112px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--vp-acc) 35%,#F472B6),transparent 60%),linear-gradient(135deg,var(--vp-acc),color-mix(in srgb,var(--vp-acc) 60%,#7C3AED));transition:background .5s}
.vp-card-body{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 22px 24px}
.vp-card-av{display:inline-flex;margin-top:-42px;padding:4px;border-radius:50%;background:conic-gradient(from 200deg,#FDE68A,#F59E0B,#EA580C,#FDE68A);box-shadow:0 12px 26px -10px rgba(234,88,12,.7)}
.vp-card-av>*{box-shadow:0 0 0 3px var(--surface);border-radius:50%}
.vp-av-blank{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--vp-acc);color:#fff;font:800 30px/1 var(--f-title);transition:background .5s}
.vp-card-name{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font:800 20px/1.2 var(--f-title);letter-spacing:-.02em;max-width:100%}
.vp-card-name .verified{width:20px;height:20px;color:var(--vp-acc);transition:color .5s}
.vp-card-body>small{color:var(--muted);font-size:13.5px;margin-top:2px}
.vp-card-co{display:inline-flex;align-items:center;gap:6px;margin-top:12px;height:30px;padding:0 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:700}
.vp-card-co .ic{width:15px;height:15px;color:var(--vp-acc)}
.vp-card-co .ic.ext{width:12px;height:12px;color:var(--muted)}
.vp-card-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:18px}
.vp-fake-btn{display:grid;place-items:center;height:40px;border-radius:999px;background:var(--vp-acc);color:#fff;font-weight:700;font-size:14px;transition:background .5s}
.vp-fake-btn.ghost{background:var(--surface-2);color:var(--fg)}
.vp-float{position:absolute;display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;font-weight:700;font-size:13.5px;white-space:nowrap;box-shadow:0 14px 30px -14px rgba(0,0,0,.6);animation:vpFloat 6s ease-in-out infinite}
.vp-float .ic{width:17px;height:17px;color:#FCD34D}
.vp-float .verified{color:#9DB6FF}
.vp-float.f1{top:6%;left:2%}
.vp-float.f2{bottom:3%;left:6%;animation-delay:-2s}
.vp-float.f3{top:30%;right:-4%;animation-delay:-4s}
@keyframes vpFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes vpDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(9%,-7%) scale(1.18)}}
.vp-alert{display:flex;align-items:flex-start;gap:10px;margin:-36px 0 0;padding:14px 18px;border-radius:18px;background:var(--hot-soft);color:var(--hot);font-weight:600;font-size:14.5px}
.vp-alert>.ic{width:20px;height:20px;flex:none;margin-top:1px}
.vp-alert.admin{background:color-mix(in srgb,var(--sun) 14%,var(--surface));color:var(--fg);border:1px solid color-mix(in srgb,var(--sun) 45%,transparent)}
.vp-alert.admin>.ic{color:#D97706}
.vp-alert div{display:flex;flex-direction:column;gap:3px;font-weight:500}
.vp-alert div b{font-weight:800}
.vp-alert div a{color:var(--accent);font-weight:700;margin-top:4px}
.vp-head{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.vp-head h2{font:800 clamp(28px,3.4vw,42px)/1.06 var(--f-title);letter-spacing:-.035em;margin:0}
.vp-head>p:not(.eyebrow){margin:0;max-width:640px;color:var(--muted);font-size:15px;line-height:1.55}
.vp-head.center{align-items:center;text-align:center}
.vp-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.vp-tile{grid-column:span 2;display:flex;flex-direction:column;gap:6px;padding:20px 22px 24px;border-radius:26px;background:var(--surface);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.vp-tile:hover{transform:translateY(-4px);box-shadow:0 30px 50px -34px rgba(20,22,29,.45)}
.vp-tile.t-verified,.vp-tile.t-badge{grid-column:span 3}
.vp-tile.t-book{grid-column:span 6}
.vp-tile h3{margin:0;font:800 19px/1.2 var(--f-title);letter-spacing:-.02em}
.vp-tile p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.vp-demo{display:flex;align-items:center;justify-content:center;gap:10px;height:132px;margin-bottom:14px;border-radius:18px;background:var(--surface-2);overflow:hidden}
.t-verified .vp-demo{background:radial-gradient(60% 90% at 50% 50%,var(--accent-soft),var(--surface-2))}
.t-badge .vp-demo{background:radial-gradient(60% 90% at 50% 50%,rgba(252,211,77,.3),var(--surface-2))}
.vp-demo-name{display:flex;align-items:center;gap:8px;font:800 26px/1 var(--f-title);letter-spacing:-.03em}
.vp-demo-name .verified{width:30px;height:30px;filter:drop-shadow(0 6px 14px color-mix(in srgb,var(--accent) 55%,transparent))}
.t-badge .vip-tag.big{transform:scale(1.7)}
.t-company .pf-company{margin:0;height:38px;padding:0 16px;font-size:14.5px;background:var(--surface);box-shadow:var(--shadow)}
.vp-swatches button{width:30px;height:30px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 2px rgba(255,255,255,.3);transition:transform .15s,box-shadow .15s}
.vp-swatches button:hover{transform:scale(1.1)}
.vp-swatches button.on{transform:scale(1.12);box-shadow:0 0 0 3px var(--surface-2),0 0 0 5px var(--c)}
.vp-ad{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;width:150px;height:78px;padding:10px 14px;border-radius:12px;border:2px dashed var(--faint);opacity:.85}
.vp-ad b{font:800 11px/1 var(--f-mono);color:var(--faint)}
.vp-ad i{display:block;height:6px;border-radius:3px;background:var(--line)}
.vp-ad i:last-child{width:60%}
.vp-ad::after{content:"";position:absolute;left:-12px;right:-12px;top:50%;height:4px;border-radius:4px;background:var(--hot);transform:rotate(-16deg)}
.vp-slots{flex-wrap:wrap;align-content:center}
.vp-slots span{display:grid;place-items:center;height:36px;padding:0 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-weight:700;font-size:13.5px}
.vp-slots span.on{background:var(--accent);border-color:transparent;color:var(--on-accent)}
.vp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;width:100%;max-width:1080px;margin:0 auto}
.vp-plans.n1{grid-template-columns:minmax(0,380px);justify-content:center}
.vp-plans.n2{grid-template-columns:repeat(2,minmax(0,380px));justify-content:center}
.vp-plans.n4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
.vp-plan{position:relative;display:flex;flex-direction:column;gap:4px;padding:32px 26px 26px;border-radius:28px;background:var(--surface);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.vp-plan::before{content:"";position:absolute;top:-1px;left:28px;right:28px;height:4px;border-radius:0 0 6px 6px;background:var(--plan)}
.vp-plan:hover{transform:translateY(-4px);box-shadow:0 34px 60px -38px rgba(20,22,29,.45)}
.vp-plan.star{isolation:isolate;overflow:hidden;padding:40px 28px 30px;background:#090A18;color:#fff;border-color:transparent;box-shadow:0 44px 80px -40px rgba(124,58,237,.85),0 0 0 1px rgba(252,211,77,.35);transform:scale(1.04)}
.vp-plan.star:hover{transform:scale(1.04) translateY(-4px)}
.vp-plan.star::before{display:none}
.vp-plan.star::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 50% at 100% 0%,rgba(245,158,11,.32),transparent 60%),radial-gradient(70% 55% at 0% 100%,rgba(124,58,237,.5),transparent 60%)}
.vp-flag{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;border-radius:999px;background:linear-gradient(135deg,#FCD34D,#F59E0B);color:#2A1600;font:800 10.5px/1 var(--f-body);letter-spacing:.07em;text-transform:uppercase}
.vp-flag .ic{width:12px;height:12px;fill:currentColor}
.vp-plan-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.vp-plan h3{margin:0;font:800 22px/1.2 var(--f-title);letter-spacing:-.02em}
.vp-save{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:var(--go-soft);color:var(--go);font-size:12px;font-weight:800}
.star .vp-save{background:rgba(74,222,128,.16);color:#4ADE80}
.vp-tag{margin:2px 0 0;color:var(--muted);font-size:14px;line-height:1.45}
.star .vp-tag{color:rgba(255,255,255,.66)}
.vp-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;margin-top:20px}
.vp-price b{font:800 54px/1 var(--f-title);letter-spacing:-.045em}
.vp-price span{color:var(--muted);font-size:15px;font-weight:600;white-space:nowrap}
.star .vp-price span{color:rgba(255,255,255,.6)}
.vp-sub{margin-top:6px;color:var(--plan);font-size:13px;font-weight:700}
.star .vp-sub{color:#FCD34D}
.vp-pay{margin-top:22px}
.vp-pay form{display:flex;flex-direction:column;gap:10px}
.vp-pay .btn{width:100%}
.vp-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:24px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.star .vp-list{border-top-color:rgba(255,255,255,.12)}
.vp-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.4}
.vp-list .ic{width:20px;height:20px;flex:none;padding:3px;border-radius:50%;background:var(--go-soft);color:var(--go);stroke-width:3}
.star .vp-list .ic{background:rgba(252,211,77,.16);color:#FCD34D}
.vp-two{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.vp-compare,.vp-faq{padding:30px;border-radius:28px;background:var(--surface);border:1px solid var(--line)}
.vp-compare .vp-head,.vp-faq .vp-head{margin-bottom:18px}
.vp-compare .vp-head h2,.vp-faq .vp-head h2{font-size:28px}
.vp-table{display:flex;flex-direction:column}
.vp-tr{display:grid;grid-template-columns:minmax(0,1fr) 84px 84px;align-items:center;min-height:52px;border-top:1px solid var(--line);font-size:14.5px;font-weight:600}
.vp-tr.th{min-height:44px;border-top:0;color:var(--muted);font-size:13px}
.vp-tr>span:not(:first-child){display:grid;place-items:center;align-self:stretch}
.vp-tr>span:last-child{background:color-mix(in srgb,#F59E0B 7%,transparent)}
.vp-tr.th>span:last-child{border-radius:14px 14px 0 0}
.vp-tr:last-child>span:last-child{border-radius:0 0 14px 14px}
.vp-tr .yes .ic{width:24px;height:24px;padding:4px;border-radius:50%;background:var(--go-soft);color:var(--go);stroke-width:3}
.vp-tr .no{color:var(--faint);font-weight:700}
.vp-faq details{border-top:1px solid var(--line)}
.vp-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-weight:700;font-size:15px;cursor:pointer}
.vp-faq summary::-webkit-details-marker{display:none}
.vp-faq summary .ic{width:20px;height:20px;flex:none;padding:3px;border-radius:50%;background:var(--surface-2);transition:transform .25s}
.vp-faq details[open] summary .ic{transform:rotate(45deg)}
.vp-faq details p{margin:-6px 0 18px;color:var(--muted);font-size:14.5px;line-height:1.55}
.vp-final{display:flex;flex-direction:column;align-items:center;gap:12px;padding:72px 24px;text-align:center}
.vp-final-crown{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(135deg,#FDE68A,#F59E0B,#EA580C);color:#2A1600;box-shadow:0 22px 40px -16px rgba(245,158,11,.85)}
.vp-final-crown .ic{width:32px;height:32px;stroke-width:2.2}
.vp-final h2{margin:10px 0 0;font:800 clamp(30px,4vw,46px)/1.05 var(--f-title);letter-spacing:-.035em}
.vp-final p{margin:0;color:rgba(255,255,255,.7);font-size:17px}
.vp-final .btn{margin-top:14px}
.vm{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:24px;align-items:start}
.vm-side{position:sticky;top:calc(var(--header) + 20px);display:flex;flex-direction:column;gap:14px}
.vm-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.vm .vip-actions .btn{flex:1}
.vip-row-ic.manual{background:linear-gradient(135deg,#FCD34D,#EA580C);color:#2A1600}
.vip-row-ic .ic{width:18px;height:18px}
@media (max-width:1023px){.vp-hero{grid-template-columns:1fr;gap:12px;padding:52px 36px 40px;min-height:0}.vp-stage{min-height:400px}.vp-plans,.vp-plans.n2,.vp-plans.n4{grid-template-columns:minmax(0,1fr);max-width:480px}.vp-plan.star{order:-1;transform:none}.vp-plan.star:hover{transform:translateY(-4px)}.vp-two{grid-template-columns:1fr}.vp-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.vp-tile,.vp-tile.t-verified,.vp-tile.t-badge{grid-column:span 1}.vp-tile.t-book{grid-column:span 2}.vm{grid-template-columns:1fr}.vm-side{position:static}}
@media (max-width:600px){.vp{gap:44px}.vp-hero{padding:38px 22px 26px;border-radius:26px}.vp-hero-copy>p{font-size:16px}.vp-cta .btn{flex:1}.vp-float{display:none}.vp-stage{min-height:0;padding:18px 0 6px}.vp-demo{height:104px}.vp-card{transform:none;width:min(300px,100%)}.vp-bento{grid-template-columns:minmax(0,1fr)}.vp-tile,.vp-tile.t-book{grid-column:auto}.vp-compare,.vp-faq{padding:22px 18px;border-radius:24px}.vp-tr{grid-template-columns:minmax(0,1fr) 58px 66px;font-size:14px}.vp-price b{font-size:46px}.vp-final{padding:52px 20px;border-radius:26px}.vp-alert{margin-top:-24px}}

.btn.pay-card,.btn.pay-pp{height:50px;border-radius:14px;font-family:var(--f-title);font-weight:700;font-size:15px;letter-spacing:-.01em;transition:transform .15s,box-shadow .2s,background .2s}
.btn.pay-card{background:var(--fg);color:var(--surface);box-shadow:0 12px 24px -16px rgba(20,22,29,.7)}
.btn.pay-card:hover{transform:translateY(-1px);box-shadow:0 16px 28px -16px rgba(20,22,29,.8)}
.btn.pay-card .ic{width:17px;height:17px;opacity:.85}
.btn.pay-pp{background:var(--surface);border:1px solid var(--line);color:var(--fg)}
.btn.pay-pp:hover{background:var(--surface-2);transform:translateY(-1px)}
.pp-word{font:800 17px/1 var(--f-title);letter-spacing:-.03em;color:#003087}
.pp-word b{font-weight:800;color:#0079C1}
.btn.pay-pp small{font-size:13px;font-weight:600;color:var(--muted)}
.star .btn.pay-card{background:#fff;color:#090A18;box-shadow:0 14px 30px -14px rgba(255,255,255,.35)}
.star .btn.pay-pp{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.star .btn.pay-pp:hover{background:rgba(255,255,255,.12)}
.star .pp-word{color:#fff}
.star .pp-word b{color:#7CC8FF}
.star .btn.pay-pp small{color:rgba(255,255,255,.6)}
.vp-secure{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;font-size:12px;font-weight:600;color:var(--muted)}
.vp-secure .ic{width:13px;height:13px}
.star .vp-secure{color:rgba(255,255,255,.55)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pp-word{color:#fff}:root:not([data-theme="light"]) .pp-word b{color:#7CC8FF}}
:root[data-theme="dark"] .pp-word{color:#fff}
:root[data-theme="dark"] .pp-word b{color:#7CC8FF}

.fb-brand{display:flex;align-items:center;gap:10px;min-width:0}
.brand-logo{image-rendering:-webkit-optimize-contrast}
.brand-full{display:block;height:var(--brand-h,38px);width:auto;max-width:220px;object-fit:contain}
.brand-full.for-dark{display:none}
:root[data-theme="dark"] .brand-full.for-light{display:none}
:root[data-theme="dark"] .brand-full.for-dark{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-full.for-light{display:none}:root:not([data-theme="light"]) .brand-full.for-dark{display:block}}
:root[data-theme="dark"] .brand-word{color:var(--brand-cd,var(--brand-c,inherit))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand-word{color:var(--brand-cd,var(--brand-c,inherit))}}
@media (max-width:560px){.brand-full{max-width:150px;height:min(var(--brand-h,38px),34px)}}
.cp-full{max-width:860px;width:100%;margin:0 auto;gap:20px;font-family:var(--f-title)}
.cp-full .cp-hero{padding:44px 40px;border-radius:28px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface) 60%);border-color:color-mix(in srgb,var(--accent) 16%,var(--line))}
.cp-full .cp-hero h1{font:800 clamp(30px,4vw,44px)/1.08 var(--f-title);letter-spacing:-.03em}
.cp-full .cp-sum{font-size:17px;max-width:620px}
.cp-full .cp-body{padding:40px 44px;border-radius:28px;font-size:16.5px;line-height:1.8;font-family:var(--f-body)}
.cp-full .cp-body h2,.cp-full .cp-body h3{font-family:var(--f-title);letter-spacing:-.02em}
.cp-full .cp-body h2{font-size:25px;margin:34px 0 10px}
.cp-full .cp-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
@media (max-width:600px){.cp-full .cp-hero{padding:28px 22px;flex-direction:column}.cp-full .cp-body{padding:26px 20px;font-size:16px}}
.vp,.vm{--p1:#EEF2FF;--p2:#FCE7F3;--p3:#FFEDD5;--p4:#DCFCE7;--pt:#14161D;--pm:#4B5563;--pg:rgba(255,255,255,.72);--pb:rgba(20,22,29,.07)}
:root[data-theme="dark"] :is(.vp,.vm){--p1:#1C2040;--p2:#2B1C33;--p3:#2E2318;--p4:#15291F;--pt:#F4F5FA;--pm:#B4BACB;--pg:rgba(255,255,255,.08);--pb:rgba(255,255,255,.1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) :is(.vp,.vm){--p1:#1C2040;--p2:#2B1C33;--p3:#2E2318;--p4:#15291F;--pt:#F4F5FA;--pm:#B4BACB;--pg:rgba(255,255,255,.08);--pb:rgba(255,255,255,.1)}}
.vp-hero,.vp-final{background:linear-gradient(135deg,var(--p1) 0%,var(--p2) 48%,var(--p3) 100%);color:var(--pt);border:1px solid var(--pb)}
.vp-aurora{filter:blur(60px)}
.vp-aurora i:nth-child(1){background:#A5B4FC;opacity:.55}
.vp-aurora i:nth-child(2){background:#F9A8D4;opacity:.5}
.vp-aurora i:nth-child(3){background:#86EFAC;opacity:.45}
.vp-grid-bg{background-image:linear-gradient(var(--pb) 1px,transparent 1px),linear-gradient(90deg,var(--pb) 1px,transparent 1px)}
.vp-pill{background:var(--pg);border-color:var(--pb);color:#B45309}
.vp-gold{background:linear-gradient(100deg,#F59E0B,#EA580C 50%,#DB2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.vp-hero-copy>p,.vp-final p{color:var(--pm)}
.vp-trust{color:var(--pm)}
.vp-trust .ic{color:#D97706}
.btn.vp-ghost{background:var(--pg);color:var(--pt);border-color:var(--pb)}
.btn.vp-ghost:hover{background:var(--surface)}
.vp-card{box-shadow:0 40px 70px -34px rgba(79,70,229,.45),0 0 0 1px var(--pb)}
.vp-float{background:var(--pg);border-color:var(--pb);color:var(--pt);box-shadow:0 14px 30px -18px rgba(79,70,229,.45)}
.vp-float .ic{color:#D97706}
.vp-float .verified{color:var(--accent)}
.vp-plan.star{background:linear-gradient(160deg,var(--p3) 0%,var(--p2) 50%,var(--p1) 100%);color:var(--pt);box-shadow:0 34px 60px -36px rgba(219,39,119,.5),0 0 0 2px #FCD34D}
.vp-plan.star::after{background:radial-gradient(70% 45% at 100% 0%,rgba(253,230,138,.55),transparent 60%)}
.star .vp-tag,.star .vp-price span{color:var(--pm)}
.star .vp-sub{color:#D97706}
.star .vp-save{background:var(--go-soft);color:var(--go)}
.star .vp-list{border-top-color:var(--pb)}
.star .vp-list .ic{background:rgba(245,158,11,.18);color:#D97706}
.star .vp-secure{color:var(--pm)}
.btn.pay-card{background:linear-gradient(135deg,#6366F1,#8B5CF6);color:#fff;box-shadow:0 14px 26px -16px rgba(99,102,241,.9)}
.btn.pay-card:hover{box-shadow:0 18px 30px -16px rgba(99,102,241,1)}
.star .btn.pay-card{background:linear-gradient(135deg,#F59E0B,#EC4899);color:#fff;box-shadow:0 14px 28px -14px rgba(236,72,153,.7)}
.star .btn.pay-pp{background:var(--pg);border-color:var(--pb);color:var(--pt)}
.star .btn.pay-pp:hover{background:var(--surface)}
.star .pp-word{color:#003087}
.star .pp-word b{color:#0079C1}
.star .btn.pay-pp small{color:var(--pm)}
.vp-final-crown{color:#7C2D12}
.vip-card{background:linear-gradient(135deg,var(--p1),var(--p2) 50%,var(--p3));color:var(--pt);border:1px solid var(--pb);box-shadow:0 30px 50px -34px rgba(79,70,229,.5)}
.vip-card .vip-hero-glow{background:radial-gradient(60% 80% at 100% 0%,rgba(253,230,138,.5),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(165,180,252,.45),transparent 60%)}
.vip-card-plan,.vip-card-meta small,.vip-card-id small{color:var(--pm)}
.vip-card-id .verified{color:var(--accent)}
.vip-bar{background:var(--pb)}
.pw-page{display:grid;place-items:center;min-height:calc(100vh - 220px);padding:20px 0}
.pw-card{width:min(440px,100%);display:flex;flex-direction:column;gap:14px;padding:34px 32px;border-radius:28px;font-family:var(--f-title)}
.pw-card h1{margin:4px 0 0;font:800 28px/1.15 var(--f-title);letter-spacing:-.025em}
.pw-card>p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.pw-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#E0E7FF,#FCE7F3);color:#4F46E5}
.pw-ic .ic{width:24px;height:24px}
.pw-ok{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--go-soft);color:var(--go);font-size:14px;font-weight:600}
.pw-ok .ic{width:18px;height:18px;flex:none;margin-top:1px}
.pw-back{align-self:center;font-size:14px;font-weight:700;color:var(--accent)}
.forgot-link{align-self:flex-end;margin-top:-6px;font-size:13px;font-weight:700;color:var(--accent)}
.co-mark{width:18px;height:18px;flex:none;border-radius:5px;object-fit:cover;box-shadow:0 0 0 1px var(--line);background:var(--surface);vertical-align:middle;margin-left:2px}
.pf-id h1 .co-mark{width:24px;height:24px;border-radius:7px}
.uc-name .co-mark{width:21px;height:21px;border-radius:6px}
.co-chip{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-width:0;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-weight:700;color:var(--fg);white-space:nowrap}
.co-chip span{overflow:hidden;text-overflow:ellipsis}
.co-chip img{flex:none;border-radius:6px;object-fit:cover;background:var(--surface)}
.co-chip .ic{flex:none;color:var(--accent)}
.co-chip .ic.ext{color:var(--muted)}
a.co-chip:hover{border-color:var(--accent)}
.co-chip.lg{height:36px;padding:0 14px 0 5px;margin-top:8px;font-size:14px}
.co-chip.lg img{width:26px;height:26px;border-radius:8px}
.co-chip.lg .ic{width:16px;height:16px;margin-left:6px}
.co-chip.lg .ic.ext{width:13px;height:13px;margin-left:0}
.co-chip.md{height:30px;padding:0 11px 0 4px;margin-top:6px;font-size:13px}
.co-chip.md img{width:22px;height:22px}
.co-chip.md .ic{width:15px;height:15px;margin-left:5px}
.co-chip.md .ic.ext{width:12px;height:12px;margin-left:0}
.co-chip.sm{height:26px;padding:0 10px 0 3px;font-size:12px}
.co-chip.sm img{width:20px;height:20px;border-radius:5px}
.co-chip.sm .ic{width:14px;height:14px;margin-left:5px}
.co-chip.sm .ic.ext{width:11px;height:11px;margin-left:0}
.mini-co{display:flex;justify-content:center;margin:-2px 12px 10px}
.co-upload{display:flex;align-items:center;gap:14px;padding:14px;border-radius:16px;background:var(--surface-2)}
.co-upload-pic{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:16px;background:var(--surface);border:1px solid var(--line);overflow:hidden;color:var(--accent)}
.co-upload-pic img{width:100%;height:100%;object-fit:cover}
.co-upload-pic .ic{width:26px;height:26px}
.co-upload-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.co-upload-txt b{font-size:14.5px}
.co-upload-txt small{font-size:12.5px;color:var(--muted)}
.co-upload-btns{display:flex;gap:8px;margin-top:8px}
.co-upload-btns label{cursor:pointer}
.announce{border:1px solid transparent}
.announce .an-ic{display:grid;place-items:center;flex:none;border-radius:12px;line-height:1}
.announce .an-btn{flex:none;border:0;box-shadow:0 8px 18px -12px rgba(20,22,29,.45)}
.announce .an-btn:hover{filter:brightness(1.06)}
.announce .an-x:hover{background:rgba(255,255,255,.25)}
.announce.an-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.announce.an-outline{border-width:2px}
@media (max-width:560px){.announce .an-btn{order:4}}
.fvp{position:relative;overflow:hidden;background:#05060a;border-radius:inherit;--fvpc:var(--accent);--glass:rgba(255,255,255,.14);--glass-b:rgba(255,255,255,.28);user-select:none;-webkit-user-select:none;outline:none;isolation:isolate}
.fvp video{display:block;width:100%;max-height:600px;background:#05060a;cursor:pointer}
.fvp::before{content:"";position:absolute;inset:auto 0 0;z-index:3;height:42%;background:linear-gradient(to top,rgba(5,6,10,.55),transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.fvp.started::before,.fvp:hover::before{opacity:1}.fvp.playing.idle::before{opacity:0}
.fvp img.fvp-wm{position:absolute;z-index:2;display:block;width:var(--wm,18%)!important;max-width:40%!important;height:auto!important;max-height:calc(var(--wm,18%) * 1.3)!important;object-fit:contain!important;border-radius:0!important;margin:0!important;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35));transition:transform .25s}
.fvp img.fvp-wm.tl{top:14px;left:14px;object-position:left top}.fvp img.fvp-wm.tr{top:14px;right:14px;object-position:right top}.fvp img.fvp-wm.bl{bottom:16px;left:14px;object-position:left bottom}.fvp img.fvp-wm.br{bottom:16px;right:14px;object-position:right bottom}.fvp img.fvp-wm.c{top:50%;left:50%;transform:translate(-50%,-50%)}
.fvp.started .fvp-wm.bl,.fvp.started .fvp-wm.br,.fvp:hover .fvp-wm.bl,.fvp:hover .fvp-wm.br{transform:translateY(-78px);transition:transform .25s}
.fvp.playing.idle .fvp-wm.bl,.fvp.playing.idle .fvp-wm.br{transform:none}
.fvp .fvp-big{position:absolute;z-index:5;left:50%;top:50%;display:flex!important;align-items:center;justify-content:center;width:92px!important;height:92px!important;min-width:0;margin:0!important;padding:0!important;border-radius:50%!important;transform:translate(-50%,-50%);background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.08))!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff;backdrop-filter:blur(20px) saturate(1.7);-webkit-backdrop-filter:blur(20px) saturate(1.7);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),inset 0 -10px 24px rgba(255,255,255,.06),0 24px 50px -18px rgba(0,0,0,.7);transition:transform .25s cubic-bezier(.2,.8,.3,1.3),opacity .2s,background .2s}
.fvp .fvp-big::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid rgba(255,255,255,.22);animation:fvpPulse 2.4s ease-out infinite;pointer-events:none}
.fvp .fvp-big:hover{transform:translate(-50%,-50%) scale(1.08)}
.fvp .fvp-big:active{transform:translate(-50%,-50%) scale(.96)}
.fvp .fvp-big-in{position:absolute;left:50%;top:50%;display:block;width:62px;height:62px;margin:0;padding:0;border-radius:50%;background:#fff;color:var(--fvpc);transform:translate(-50%,-50%);box-shadow:0 8px 20px -6px rgba(0,0,0,.45)}
.fvp .fvp-big svg{position:absolute;left:50%;top:50%;display:block;width:28px!important;height:28px!important;margin:0!important;transform:translate(-50%,-50%);filter:none}
.fvp-wait{position:absolute;inset:0;z-index:7;display:grid;place-content:center;justify-items:center;gap:14px;padding:20px;background:rgba(12,14,19,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;text-align:center;font-size:14px;font-weight:600}
.fvp-wait i{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:fvpSpin .8s linear infinite}
@keyframes fvpPulse{0%{transform:scale(.92);opacity:.9}100%{transform:scale(1.25);opacity:0}}
.fvp-len{position:absolute;z-index:5;left:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:var(--glass);border:1px solid var(--glass-b);color:#fff;font:600 12px var(--f-mono);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.fvp-bar{position:absolute;z-index:6;left:10px;right:10px;bottom:10px;display:flex;flex-direction:column;gap:2px;padding:8px 10px 6px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.07));border:1px solid var(--glass-b);color:#fff;backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 18px 40px -18px rgba(0,0,0,.65);opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s;pointer-events:none}
.fvp-row{display:flex;align-items:center;gap:2px;min-width:0}
.fvp-bar button{position:relative;display:grid;place-items:center;min-width:34px;height:34px;border-radius:11px;color:#fff;transition:background .15s,transform .15s}
.fvp-bar button:hover{background:rgba(255,255,255,.18)}
.fvp-bar button:active{transform:scale(.92)}
.fvp-bar svg{width:19px;height:19px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
.fvp-skip small{position:absolute;left:0;right:0;top:50%;margin-top:-5px;font:800 7.5px/10px var(--f-mono);text-align:center}
.fvp-vol{display:flex;align-items:center}
.fvp-vol input{width:0;opacity:0;margin:0;height:4px;accent-color:#fff;cursor:pointer;transition:width .2s,opacity .2s,margin .2s;-webkit-appearance:none;appearance:none;border-radius:4px;background:linear-gradient(to right,#fff var(--v,100%),rgba(255,255,255,.3) var(--v,100%))}
.fvp-vol:hover input,.fvp-vol:focus-within input{width:72px;opacity:1;margin:0 8px 0 2px}
.fvp-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.fvp-vol input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.fvp-time{padding:0 8px;font:600 12px var(--f-mono);white-space:nowrap;opacity:.95;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.fvp-time span{opacity:.7}
.fvp-gap{flex:1}
.fvp-loop{opacity:.6}.fvp.loop .fvp-loop{opacity:1;background:color-mix(in srgb,var(--fvpc) 45%,transparent)}
.fvp-speed{padding:0 8px;font:700 12px var(--f-mono)}
.fvp-menu-wrap{position:relative}
.fvp-menu{position:absolute;right:0;bottom:calc(100% + 10px);display:grid;gap:2px;min-width:118px;padding:6px;border-radius:14px;background:rgba(20,22,30,.72);border:1px solid var(--glass-b);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 18px 40px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(6px) scale(.97);transform-origin:bottom right;pointer-events:none;transition:opacity .18s,transform .18s}
.fvp-menu.open{opacity:1;transform:none;pointer-events:auto}
.fvp-menu button{justify-content:start;width:100%;padding:0 12px;font:600 13px var(--f-body,inherit)}
.fvp-menu button.on{background:color-mix(in srgb,var(--fvpc) 55%,transparent)}
.fvp-track{position:relative;height:16px;margin:0 4px;cursor:pointer;touch-action:none}
.fvp-track::before,.fvp-buf,.fvp-prog,.fvp-hov{content:"";position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:4px;transition:height .15s,margin .15s}
.fvp-track::before{right:0;background:rgba(255,255,255,.25)}
.fvp-buf{width:0;background:rgba(255,255,255,.38)}
.fvp-hov{width:0;background:rgba(255,255,255,.3);opacity:0}
.fvp-track:hover .fvp-hov{opacity:1}
.fvp-prog{width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--fvpc) 70%,#fff),var(--fvpc));box-shadow:0 0 12px color-mix(in srgb,var(--fvpc) 60%,transparent)}
.fvp-knob{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--fvpc) 40%,transparent),0 2px 6px rgba(0,0,0,.35);transform:scale(0);transition:transform .15s}
.fvp-track:hover .fvp-knob,.fvp.seeking .fvp-knob{transform:scale(1)}
.fvp-track:hover::before,.fvp-track:hover .fvp-buf,.fvp-track:hover .fvp-prog,.fvp-track:hover .fvp-hov,.fvp.seeking .fvp-prog{height:6px;margin-top:-3px}
.fvp-tip{position:absolute;bottom:20px;left:0;padding:4px 8px;border-radius:8px;background:rgba(20,22,30,.78);border:1px solid var(--glass-b);font:700 11px var(--f-mono);white-space:nowrap;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .15s;backdrop-filter:blur(10px)}
.fvp-track:hover .fvp-tip,.fvp.seeking .fvp-tip{opacity:1}
.fvp .fvp-i-pause,.fvp.playing .fvp-i-play,.fvp .fvp-i-mute,.fvp.muted .fvp-i-vol,.fvp .fvp-i-exit,.fvp.fs .fvp-i-full{display:none}
.fvp.playing .fvp-i-pause,.fvp.muted .fvp-i-mute,.fvp.fs .fvp-i-exit{display:block}
.fvp.started .fvp-bar,.fvp:hover .fvp-bar,.fvp:focus-within .fvp-bar{opacity:1;transform:none;pointer-events:auto}
.fvp.playing.idle .fvp-bar{opacity:0;transform:translateY(10px);pointer-events:none}
.fvp.playing.idle{cursor:none}
.fvp.started .fvp-big,.fvp.started .fvp-len{opacity:0;pointer-events:none}
.fvp.started:not(.playing) .fvp-big{opacity:1;pointer-events:auto}
.fvp:fullscreen{border-radius:0}
.fvp:fullscreen video{max-height:100vh;height:100%}
.fvp-ripple{position:absolute;z-index:4;top:50%;display:grid;place-items:center;gap:2px;width:84px;height:84px;margin-top:-42px;border-radius:50%;background:var(--glass);border:1px solid var(--glass-b);color:#fff;font:700 12px var(--f-mono);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:scale(.8);pointer-events:none;transition:opacity .25s,transform .25s}
.fvp-ripple svg{width:24px;height:24px}
.fvp-ripple.l{left:12%}.fvp-ripple.r{right:12%}
.fvp-ripple.show{opacity:1;transform:none}
.fvp.loading::after{content:"";position:absolute;z-index:5;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;animation:fvpSpin .8s linear infinite}
@keyframes fvpSpin{to{transform:rotate(360deg)}}
.fvp-error{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:20px;background:rgba(12,14,19,.85);color:#fff;text-align:center;font-size:14px;line-height:1.5}
@media (max-width:560px){.fvp .fvp-big{width:74px!important;height:74px!important}.fvp .fvp-big-in{width:50px;height:50px}.fvp .fvp-big svg{width:22px!important;height:22px!important}.fvp-skip,.fvp-pipb,.fvp-loop{display:none!important}.fvp-vol input{display:none}.fvp-bar{left:6px;right:6px;bottom:6px;padding:6px 6px 4px}.fvp-time{padding:0 4px;font-size:11px}}
.rc.up .val{transition:stroke-dashoffset .2s}
.rc.up b{color:var(--accent);font-size:8.5px}
.rc.spin svg{animation:fvpSpin .9s linear infinite}
.rc.spin .val{transform:none}
.c-err{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--hot) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--hot) 35%,transparent);color:var(--hot);font-size:13.5px;line-height:1.45}
.c-err .ic{flex:none;width:17px;height:17px;margin-top:1px}
.c-cover{position:absolute;right:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;background:rgba(12,14,19,.65);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.c-cover .ic{width:14px;height:14px}
.c-video img.c-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.c-warn{display:flex;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--sun) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--sun) 40%,transparent);font-size:13px;line-height:1.5}
.no-pip .fvp-pipb{display:none!important}
.c-thumb .c-cover{top:auto;left:auto;right:8px;bottom:8px;width:auto;height:30px;padding:0 12px;border-radius:999px;display:inline-flex;gap:6px;background:rgba(12,14,19,.62);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12.5px;font-weight:700;white-space:nowrap}
.c-thumb .c-cover:hover{background:rgba(12,14,19,.8)}
.c-video .c-vlen{z-index:2}

.st-band{position:relative;padding:14px;border-radius:26px;background:linear-gradient(115deg,#efe5ff 0%,#e5ecff 42%,#dcf6ee 100%);border:1px solid rgba(255,255,255,.75);box-shadow:0 14px 34px -26px rgba(76,29,149,.45)}
:root[data-theme="dark"] .st-band{background:linear-gradient(115deg,#241b3d 0%,#1b2240 45%,#123029 100%);border-color:rgba(255,255,255,.06)}
.stories{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:2px}
.stories::-webkit-scrollbar{display:none}
.story{position:relative;flex:none;width:112px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;scroll-snap-align:start;border-radius:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 24px -18px rgba(30,27,75,.5);font:700 13px var(--f-title);color:var(--ink);transition:transform .2s,box-shadow .2s,background .2s}
.story:hover{transform:translateY(-3px);background:rgba(255,255,255,.9);box-shadow:0 16px 30px -18px rgba(76,29,149,.45)}
:root[data-theme="dark"] .story{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.09)}
:root[data-theme="dark"] .story:hover{background:rgba(255,255,255,.1)}
.st-av{position:relative;display:block}
.story .ring{width:76px;height:76px;border-radius:50%;padding:3px;display:grid;place-items:center;background:conic-gradient(from 200deg,#f472b6,#a78bfa,#60a5fa,#2dd4bf,#facc15,#f472b6);transition:transform .2s}
.story:hover .ring{transform:scale(1.04)}
.story .ring .avatar{--s:64px!important;box-shadow:0 0 0 3px #fff}
:root[data-theme="dark"] .story .ring .avatar{box-shadow:0 0 0 3px #1b1d2a}
.story.seen .ring{background:rgba(148,163,184,.45)}
.story.seen .nm{color:var(--muted)}
.story .nm{max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story.add:not(.has) .ring{background:none;border:2px dashed rgba(124,58,237,.35);padding:2px}
.story .plus{position:absolute;right:-3px;bottom:-3px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #fff,0 6px 14px -4px rgba(99,102,241,.7);transition:transform .2s}
.story .plus:hover{transform:scale(1.12)}
.story .plus .ic{width:15px;height:15px;stroke-width:2.8}
.st-count{position:absolute;top:-2px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:#6d28d9;font:800 11px/20px var(--f-title);text-align:center;box-shadow:0 4px 10px -4px rgba(76,29,149,.5)}
.st-arrow{position:absolute;top:50%;z-index:2;width:34px;height:34px;margin-top:-17px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1e1b4b;box-shadow:0 8px 18px -8px rgba(30,27,75,.5)}
.st-arrow .ic{width:18px;height:18px}
.st-arrow.l{left:4px}.st-arrow.r{right:4px}
.st-arrow[hidden]{display:none}
@media (max-width:640px){.st-band{padding:10px;border-radius:22px}.stories{gap:8px}.story{width:88px;height:116px;gap:8px;border-radius:18px;font-size:12px}.story .ring{width:64px;height:64px}.story .ring .avatar{--s:54px!important}.story .nm{max-width:78px}.story .plus{width:22px;height:22px}.st-arrow{display:none!important}}
.bg-sunset{background:linear-gradient(160deg,#ff9a8b,#ff6a88 50%,#ff99ac)}
.bg-ocean{background:linear-gradient(160deg,#43cbff,#9708cc)}
.bg-mint{background:linear-gradient(160deg,#a8edea,#fed6e3)}
.bg-peach{background:linear-gradient(160deg,#ffecd2,#fcb69f)}
.bg-lilac{background:linear-gradient(160deg,#e0c3fc,#8ec5fc)}
.bg-night{background:linear-gradient(160deg,#0f2027,#203a43 50%,#2c5364)}
.bg-candy{background:linear-gradient(160deg,#f093fb,#f5576c)}
.bg-lime{background:linear-gradient(160deg,#d4fc79,#96e6a1)}
.sv-media,.ss-media{position:absolute;inset:0;overflow:hidden;background-color:#0b0b10}
.sv-media img,.sv-media video,.ss-media img,.ss-media video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain}
.sv-media img.sv-blur,.ss-media img.sv-blur{z-index:0;object-fit:cover;filter:blur(28px) brightness(.7);transform:scale(1.15)}
.sv-layer,.ss-layer{position:absolute;inset:0;z-index:2;overflow:hidden;container-type:inline-size}
.sv-layer{pointer-events:none}
.so{position:absolute;max-width:88%;width:max-content;font-size:calc(var(--sz) * 1cqw);line-height:1.18;color:var(--c);white-space:pre-wrap;overflow-wrap:anywhere;user-select:none;-webkit-user-select:none}
.so span{padding:.06em .28em;border-radius:.28em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.so-shadow{text-shadow:0 .04em .22em rgba(0,0,0,.6)}
.so-pill span{background:var(--c);color:var(--on,#111);padding:.12em .42em}
.so-soft span{background:rgba(12,12,22,.48);padding:.12em .42em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.so-outline{-webkit-text-stroke:.08em var(--on,#111);paint-order:stroke fill}
.so-emoji{line-height:1;filter:drop-shadow(0 .05em .14em rgba(0,0,0,.35))}
.ss-layer .so{cursor:grab;touch-action:none}
.ss-layer .so:active{cursor:grabbing}
.ss-layer .so.sel{outline:2px dashed rgba(255,255,255,.95);outline-offset:6px;border-radius:8px}
.ss-layer .so.ph{opacity:.65}
.sv-top{z-index:3}
.sv-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.sv-head .sv-who{margin-top:0;min-width:0}
.sv-acts{display:flex;gap:2px;flex:none}
.sv-btn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;transition:background .15s}
.sv-btn:hover{background:rgba(255,255,255,.18)}
.sv-btn .ic{width:20px;height:20px}
.sv-btn.sure{background:#ef4444}
.sv-btn[hidden]{display:none}
.sv-i-play,.sv-i-off,.paused .sv-i-pause,#svMute.off .sv-i-on{display:none}
.paused .sv-i-play,#svMute.off .sv-i-off{display:block}
.sv-cap{z-index:3}
.sv-foot{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.55))}
.sv-foot:empty{display:none}
.sv-views{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:700 13px var(--f-title);backdrop-filter:blur(10px)}
.sv-views .ic{width:16px;height:16px}
.ss{position:fixed;inset:0;z-index:115;display:grid;place-items:center;padding:20px;background:rgba(12,10,24,.66);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fade .2s;font-family:var(--f-title)}
.ss[hidden]{display:none}
.ss-panel{position:relative;display:grid;grid-template-columns:auto 372px;width:max-content;max-width:100%;max-height:calc(100vh - 40px);border-radius:30px;overflow:hidden;background:var(--surface);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.ss-stage{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px;background:radial-gradient(120% 80% at 20% 0%,#2a2350,#14121f 60%)}
.ss-canvas{position:relative;width:min(360px,calc((100vh - 200px) * 9 / 16));aspect-ratio:9/16;border-radius:24px;overflow:hidden;background:#0b0b10;box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
.ss-canvas.guide-x::before,.ss-canvas.guide-y::after{content:"";position:absolute;z-index:4;background:rgba(255,255,255,.7);pointer-events:none}
.ss-canvas.guide-x::before{left:50%;top:0;bottom:0;width:1px}
.ss-canvas.guide-y::after{top:50%;left:0;right:0;height:1px}
.ss-empty{position:absolute;inset:0;z-index:3;display:grid;place-content:center;gap:10px;padding:26px;text-align:center;color:#1e1b4b;background:linear-gradient(160deg,#ddd6fe,#c7d2fe 45%,#ccfbf1)}
.ss-empty[hidden]{display:none}
.ss-empty>b{font:800 24px/1.2 var(--f-title)}
.ss-empty>span{font-size:14px;line-height:1.5;opacity:.75}
.ss-empty-btns{display:grid;gap:10px;margin-top:12px}
.ss-pick{display:flex;align-items:center;justify-content:center;gap:9px;height:48px;padding:0 18px;border-radius:16px;background:#fff;color:#1e1b4b;font:700 14.5px var(--f-title);box-shadow:0 10px 24px -14px rgba(30,27,75,.6);transition:transform .15s}
.ss-pick:hover{transform:translateY(-1px)}
.ss-pick .ic{width:19px;height:19px}
.ss-pick.alt{background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.8);box-shadow:none}
.ss-pick b{font:800 16px var(--f-title)}
.ss-slides{display:flex;gap:8px;max-width:100%;width:min(360px,calc((100vh - 200px) * 9 / 16));overflow-x:auto;padding:3px;scrollbar-width:none}
.ss-slides::-webkit-scrollbar{display:none}
.ss-th{position:relative;flex:none;width:50px;height:72px;border-radius:12px;overflow:hidden;background:#2a2838;outline:2px solid transparent;outline-offset:1px;cursor:pointer;transition:outline-color .15s}
.ss-th.on{outline-color:#fff}
.ss-th img,.ss-th video{width:100%;height:100%;object-fit:cover;display:block}
.ss-th>span{display:grid;place-items:center;width:100%;height:100%;color:#fff;font:800 15px var(--f-title);text-shadow:0 1px 4px rgba(0,0,0,.3)}
.ss-th.add{display:grid;place-items:center;background:rgba(255,255,255,.06);border:2px dashed rgba(255,255,255,.35);color:#fff}
.ss-th.add .ic{width:20px;height:20px}
.ss-vb{position:absolute;left:4px;bottom:4px;color:#fff;line-height:0}
.ss-vb .ic{width:14px;height:14px}
.ss-rm{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.62);color:#fff;opacity:0;transition:opacity .15s}
.ss-rm .ic{width:12px;height:12px;stroke-width:2.6}
.ss-th:hover .ss-rm,.ss-th.on .ss-rm{opacity:1}
.ss-side{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 40px);color:var(--ink)}
.ss-head{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 8px}
.ss-head b{font:800 19px var(--f-title)}
.ss-x{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--ink);transition:background .15s}
.ss-x:hover{background:var(--surface-2)}
.ss-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 20px 14px}
.ss-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:68px;padding:10px 4px;border-radius:18px;background:var(--surface-2);color:var(--ink);font:700 12px var(--f-title);transition:background .15s,color .15s,transform .15s}
.ss-tools button:hover{transform:translateY(-1px)}
.ss-tools button b{font:800 19px/20px var(--f-title)}
.ss-tools button .ic{width:21px;height:21px}
.ss-tools button.on,.ss-tools button:hover{background:color-mix(in srgb,#7c3aed 12%,var(--surface));color:#6d28d9}
:root[data-theme="dark"] .ss-tools button.on,:root[data-theme="dark"] .ss-tools button:hover{color:#c4b5fd}
.ss:not(.has) .ss-tools [data-ss="text"],.ss:not(.has) .ss-tools [data-ss="emoji"]{opacity:.4;pointer-events:none}
.ss-body{flex:1;min-height:120px;overflow:auto;display:grid;align-content:start;gap:18px;padding:4px 20px 18px}
.ss-sec{display:grid;gap:9px}
.ss-sec>label{font:800 11.5px var(--f-title);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.ss-sec textarea{width:100%;min-height:64px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 15px/1.4 var(--f-title);resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s}
.ss-sec textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px color-mix(in srgb,#8b5cf6 18%,transparent)}
.ss-sec input[type=range]{width:100%;accent-color:#7c3aed}
.ss-fonts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ss-fonts button{display:grid;justify-items:center;gap:4px;padding:10px 4px 8px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:border-color .15s,background .15s}
.ss-fonts button b{font:inherit;font-size:21px;line-height:1.1}
.ss-fonts button small{font:600 10.5px var(--f-title);color:var(--muted);white-space:nowrap}
.ss-fonts button.on{border-color:#8b5cf6;background:color-mix(in srgb,#8b5cf6 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,#8b5cf6 16%,transparent)}
.ss-seg{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2)}
.ss-seg button{flex:1;height:34px;border-radius:10px;color:var(--muted);font:700 12.5px var(--f-title);display:grid;place-items:center;transition:background .15s,color .15s}
.ss-seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(15,23,42,.14)}
.ss-seg.sm button{flex:none;width:40px}
.ss-seg .ic{width:18px;height:18px}
.ss-colors{display:flex;flex-wrap:wrap;gap:9px}
.ss-colors button,.ss-custom{width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);transition:transform .15s}
.ss-colors button:hover{transform:scale(1.1)}
.ss-colors button.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #7c3aed}
.ss-custom{position:relative;overflow:hidden;background:conic-gradient(#f43f5e,#facc15,#4ade80,#38bdf8,#6366f1,#a855f7,#f43f5e);cursor:pointer}
.ss-custom input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ss-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ss-emo-add,.ss-del,.ss-done{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:12px;background:var(--surface-2);color:var(--ink);font:700 13px var(--f-title)}
.ss-emo-add .ic,.ss-del .ic{width:17px;height:17px}
.ss-del{color:#e11d48;background:color-mix(in srgb,#e11d48 8%,var(--surface))}
.ss-done{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:0 20px}
.ss-emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.ss-emoji button{height:38px;border-radius:10px;font-size:22px;line-height:1;transition:background .12s,transform .12s}
.ss-emoji button:hover{background:var(--surface-2);transform:scale(1.15)}
.ss-bgs{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.ss-bgs button{aspect-ratio:1;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ss-bgs button.on{box-shadow:0 0 0 2px var(--surface),0 0 0 4px #7c3aed}
.ss-hint{padding:14px 16px;border-radius:16px;background:var(--surface-2);color:var(--muted);font-size:13.5px;line-height:1.55}
.ss-foot{display:flex;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--line)}
.ss-foot .btn{flex:1;height:48px;justify-content:center;border-radius:16px;font-family:var(--f-title);font-weight:800}
.ss-foot .btn.primary{flex:2;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:0;color:#fff;box-shadow:0 12px 24px -12px rgba(99,102,241,.8)}
.ss-foot .btn.primary:disabled{opacity:.5;box-shadow:none}
.ss.busy .ss-body,.ss.busy .ss-tools,.ss.busy .ss-slides,.ss.busy .ss-layer,.ss.busy [data-ss="discard"]{pointer-events:none;opacity:.55}
@media (max-width:760px){.ss{padding:0}.ss-panel{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;max-height:100%;border-radius:0}.ss-stage{padding:12px 12px 10px;gap:10px}.ss-canvas{width:auto;height:min(50vh,calc((100vw - 24px) * 16 / 9));border-radius:20px}.ss-slides{width:100%}.ss-side{max-height:none}.ss-head{position:absolute;top:0;right:0;padding:14px;z-index:6}.ss-head b{display:none}.ss-x{background:rgba(0,0,0,.5);color:#fff}.ss-tools{padding:12px 14px 10px}.ss-tools button{min-height:58px}.ss-body{padding:4px 14px 14px}.ss-foot{padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px))}}
.story.sc{justify-content:flex-end;gap:0;padding:0;overflow:hidden;background:#1f1b2e;border:1px solid rgba(255,255,255,.6);color:#fff}
.story.sc:hover{background:#1f1b2e}
.sc-bg{position:absolute;inset:0;overflow:hidden}
.sc-bg img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.story.sc:hover .sc-bg img{transform:scale(1.06)}
.story.sc::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,transparent 34%,transparent 52%,rgba(0,0,0,.62) 100%);pointer-events:none}
.sc-text{display:grid;place-items:center;width:100%;height:100%;padding:12px 10px 26px;text-align:center}
.sc-text b{font:800 12.5px/1.25 var(--f-title);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35);overflow-wrap:anywhere}
.sc-av{position:absolute;top:8px;left:8px;z-index:2}
.story.sc .ring{width:42px;height:42px;padding:2.5px}
.story.sc .ring .avatar{--s:35px!important;box-shadow:0 0 0 2px #fff}
.story.sc:hover .ring{transform:none}
.story.sc.seen .ring{background:rgba(255,255,255,.55)}
.story.sc .nm{position:relative;z-index:2;align-self:stretch;max-width:none;padding:0 10px 10px;text-align:left;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.story.sc.seen .nm{color:rgba(255,255,255,.85)}
.story.sc .st-count{top:8px;right:8px;z-index:2}
.sc-play{position:absolute;left:50%;top:50%;z-index:2;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sc-play svg{width:13px;height:13px;margin-left:2px}
.story.sc.mine .ring{background:conic-gradient(from 200deg,#fb923c,#f472b6,#a78bfa,#fb923c)}
@media (max-width:640px){.story.sc .ring{width:36px;height:36px;padding:2px}.story.sc .ring .avatar{--s:30px!important}.story.sc .nm{padding:0 8px 8px}}
.sv-float{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}
.sv-float i{position:absolute;bottom:90px;font-style:normal;font-size:var(--fs,34px);line-height:1;will-change:transform,opacity;animation:svFloat var(--d,2.2s) cubic-bezier(.22,.7,.3,1) forwards;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}
@keyframes svFloat{0%{transform:translate(0,0) scale(.4) rotate(0);opacity:0}12%{opacity:1;transform:translate(calc(var(--dx) * .15),-40px) scale(1.15) rotate(calc(var(--rot) * .3))}100%{transform:translate(var(--dx),calc(var(--rise) * -1)) scale(.9) rotate(var(--rot));opacity:0}}
.sv-bottom{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;gap:10px;padding:26px 12px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.62))}
.sv-bottom[hidden]{display:none}
.sv-react{display:flex;justify-content:space-between;gap:4px}
.sv-react button{flex:1;height:40px;max-width:46px;border-radius:14px;font-size:24px;line-height:1;display:grid;place-items:center;transition:transform .15s,background .15s}
.sv-react button:hover{background:rgba(255,255,255,.14);transform:translateY(-2px) scale(1.12)}
.sv-react button:active{transform:scale(.9)}
.sv-bottom .sv-reply{position:static;padding:0;background:none;display:flex;gap:8px}
.sv-bottom .sv-reply input{height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;padding:0 18px;font:600 14px var(--f-title);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.sv-bottom .sv-reply input:focus{border-color:rgba(255,255,255,.8);background:rgba(255,255,255,.18)}
.sv-bottom .sv-reply button{flex:none;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px -8px rgba(99,102,241,.8)}
.sv-bottom .sv-reply button .ic{width:19px;height:19px}
.sv-views-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sv-rx{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font:700 13px var(--f-title);backdrop-filter:blur(10px)}
.sv-cap.up{bottom:150px}
@media (max-width:560px){
.top-actions{gap:2px}
.top-actions .icon-btn{width:36px;height:36px}
.me-btn{padding:2px}
.me-btn>.ic{display:none}
#themeBtn{display:none}
#createBtn{width:36px;height:36px;padding:0;justify-content:center}
#createBtn span{display:none}
}
@media (min-width:421px) and (max-width:699px){
.composer .c-bar{margin-left:-56px}
}
@media (max-width:480px){
.c-tools{gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}
.c-tools::-webkit-scrollbar{display:none}
.tool{width:34px;height:34px}
.c-send{gap:8px;flex:none}
}
@media (max-width:360px){
.top-in{padding-left:10px;padding-right:10px;gap:6px}
.top-actions .icon-btn{width:34px;height:34px}
.lang-menu{display:none}
}.ss-tools{grid-template-columns:repeat(5,1fr);gap:6px}
.ss-tools button{min-height:64px;font-size:11.5px}
.ss:not(.has) .ss-tools [data-ss="music"]{opacity:.4;pointer-events:none}
.ss-search{display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);transition:border-color .15s,box-shadow .15s}
.ss-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 4px color-mix(in srgb,#8b5cf6 16%,transparent)}
.ss-search .ic{width:18px;height:18px;color:var(--muted)}
.ss-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font:600 14px var(--f-title)}
.ss-tracks{display:grid;gap:4px;max-height:340px;overflow:auto;margin:0 -6px;padding:0 6px}
.ss-track{display:flex;align-items:center;gap:12px;padding:6px;border-radius:14px;transition:background .15s}
.ss-track:hover,.ss-track.on{background:var(--surface-2)}
.ss-tr-art{position:relative;flex:none;width:46px;height:46px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#c4b5fd,#93c5fd)}
.ss-tr-art img{width:100%;height:100%;object-fit:cover}
.ss-tr-art i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,10,30,.35);color:#fff;opacity:0;transition:opacity .15s}
.ss-tr-art i .ic,.ss-tr-art i svg{width:18px;height:18px;fill:currentColor}
.ss-tr-art i.pz{display:none}
.ss-track:hover .ss-tr-art i:not(.pz){opacity:1}
.ss-track.playing .ss-tr-art i:not(.pz){display:none}
.ss-track.playing .ss-tr-art i.pz{display:grid;opacity:1}
.ss-tr-meta{flex:1;min-width:0;display:grid}
.ss-tr-meta b{font:700 13.5px/1.3 var(--f-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-tr-meta span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-tr-use{flex:none;height:32px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font:700 12.5px var(--f-title)}
.ss-track.on .ss-tr-use{background:var(--surface);color:#6d28d9;box-shadow:inset 0 0 0 1px #c4b5fd}
.ss-credit{margin:2px 0 0;font-size:11.5px;color:var(--muted)}
.ss-credit a{color:#6d28d9;font-weight:700}
.ss-picked{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 12%,var(--surface)),color-mix(in srgb,#38bdf8 10%,var(--surface)))}
.ss-picked img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.ss-picked div{flex:1;min-width:0;display:grid}
.ss-picked b{font:800 14px var(--f-title);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-picked span{font-size:12.5px;color:var(--muted)}
.ss-picked .ss-del{width:34px;height:34px;padding:0;justify-content:center}
.ss-sub{display:flex;justify-content:space-between;font:700 12px var(--f-title);color:var(--muted)}
.ss-seg.sm-auto{align-self:start;width:max-content}
.ss-seg.sm-auto button{flex:none;padding:0 14px}
.ss-music-chip,.sv-music{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:3;display:inline-flex;align-items:center;gap:7px;max-width:82%;padding:7px 14px 7px 10px;border-radius:999px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);color:#fff;font:600 12.5px var(--f-title);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 20px -10px rgba(0,0,0,.5);pointer-events:none}
.ss-music-chip span,.sv-music span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-music-chip .ic,.sv-music .ic{flex:none;width:15px;height:15px;animation:svNote 1.6s ease-in-out infinite}
.sv-music{position:relative;left:auto;top:auto;transform:none;margin-top:10px;pointer-events:auto;text-decoration:none}
.sv-music[hidden]{display:none}
.sv-music.off{opacity:.55}
.paused .sv-music .ic{animation:none}
@keyframes svNote{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-2px) rotate(6deg)}}
@media (max-width:760px){.ss-tools{gap:5px}.ss-tools button{min-height:56px;font-size:11px;padding:8px 2px}.ss-tracks{max-height:none}}
.sv-top .sv-music:not([hidden]){display:flex;width:max-content;max-width:90%;margin:10px auto 0}
.ss-panel{grid-template-columns:auto 404px}
.ss-tools button span{white-space:nowrap}
@media (max-width:760px){.ss-panel{grid-template-columns:1fr}}
.tool-gif b{display:grid;place-items:center;height:22px;padding:0 5px;border:2px solid currentColor;border-radius:7px;font:800 10.5px/1 var(--f-title);letter-spacing:.02em}
.c-gifp{width:min(260px,100%);max-height:280px;background:var(--surface-2)}
.c-gifp img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block}
.c-gifp.sticker{background:repeating-conic-gradient(var(--surface-2) 0 25%,var(--surface) 0 50%) 0 0/16px 16px}
.media.is-gif,.media.is-sticker{aspect-ratio:auto!important;background:var(--surface-2)}
.media.is-gif img,.media.is-sticker img{width:100%;height:auto;max-height:520px;object-fit:contain}
.media.is-sticker{background:none;border:0;max-width:260px}
.media.is-sticker img{max-height:260px}
.gif-tag{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:7px;background:rgba(10,12,18,.62);color:#fff;font:800 11px var(--f-title);letter-spacing:.04em;pointer-events:none}
.cm-gif{display:block;margin-top:6px;max-width:min(240px,100%);max-height:220px;border-radius:14px}
.cm-gif.sticker{border-radius:0;max-width:150px;max-height:150px}
.cm-form{position:relative;flex-wrap:wrap}
.cm-pick{flex-basis:100%;display:flex}
.cm-pick-in{position:relative;display:block}
.cm-pick[hidden]{display:none}
.cm-pick img{display:block;max-height:110px;max-width:180px;border-radius:12px}
.cm-pick-in button{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.6);color:#fff}
.cm-pick-in button .ic{width:13px;height:13px}
.cm-gif-btn{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--accent);transition:background .15s}
.cm-gif-btn:hover{background:var(--accent-soft)}
.cm-gif-btn .ic{width:22px;height:22px}
.gp{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:rgba(12,10,24,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fade .15s}
.gp[hidden]{display:none}
.gp-panel{display:flex;flex-direction:column;width:min(520px,100%);height:min(620px,calc(100vh - 40px));border-radius:26px;background:var(--surface);box-shadow:0 30px 70px -30px rgba(0,0,0,.6);overflow:hidden;font-family:var(--f-title)}
.gp-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 8px 16px}
.gp-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:var(--surface-2)}
.gp-tabs button{height:34px;padding:0 16px;border-radius:10px;font:700 13px var(--f-title);color:var(--muted)}
.gp-tabs button.on{background:var(--surface);color:var(--fg);box-shadow:0 1px 4px rgba(15,23,42,.14)}
.gp-x{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}
.gp-x:hover{background:var(--surface-2)}
.gp-search{display:flex;align-items:center;gap:10px;margin:4px 16px 10px;height:44px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface)}
.gp-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}
.gp-search .ic{width:18px;height:18px;color:var(--muted)}
.gp-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--fg);font:600 14px var(--f-title)}
.gp-grid{flex:1;min-height:0;overflow:auto;padding:0 12px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:8px;align-content:start}
.gp-item{display:block;width:100%;aspect-ratio:1!important;border-radius:12px;overflow:hidden;background:var(--surface-2);transition:transform .15s,box-shadow .15s}
.gp-item:hover{transform:scale(1.03);box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
.gp-item img{display:block;width:100%;height:100%;object-fit:cover}
.gp-item.st{background:none}
.gp-item.st img{object-fit:contain}
.gp-grid.noto{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:4px}
.gp-cat{grid-column:1/-1;padding:12px 4px 4px;font:800 11px var(--f-title);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.gp-noto{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;font-size:34px;line-height:1;transition:transform .15s,background .15s}
.gp-noto:hover,.gp-noto:focus-visible{background:var(--surface-2);transform:scale(1.12)}
.gp-noto img{width:80%;height:80%;object-fit:contain}
.gp-msg{grid-column:1/-1;display:grid;place-items:center;min-height:160px;color:var(--muted);font-size:14px;text-align:center;padding:20px}
.gp-foot{padding:8px 16px 12px;font:700 11px var(--f-title);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);text-align:right;border-top:1px solid var(--line)}
@media (max-width:640px){.gp{padding:0;place-items:end stretch}.gp-panel{width:100%;height:78vh;border-radius:24px 24px 0 0}.gp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.staff-chip{display:inline-flex;align-items:center;gap:5px;margin-inline-start:8px;padding:3px 10px 3px 8px;border-radius:999px;vertical-align:middle;background:color-mix(in srgb,var(--sc,#7c3aed) 14%,var(--surface));color:var(--sc,#7c3aed);border:1px solid color-mix(in srgb,var(--sc,#7c3aed) 35%,transparent);font:700 12.5px/1.2 var(--f-title);letter-spacing:0}
.staff-chip .ic{width:14px;height:14px}
.apx{position:fixed;z-index:140;inset:auto 0 0;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;font-family:var(--f-title,system-ui)}
.apx-sheet{inset:0;align-items:flex-end;background:rgba(12,10,24,0);transition:background .3s;pointer-events:auto}
.apx-sheet.show{background:rgba(12,10,24,.45)}
.apx-banner{inset:calc(10px + env(safe-area-inset-top,0px)) 0 auto;padding:0 10px}
.apx-card{pointer-events:auto;width:min(440px,100%);padding:18px;border-radius:26px;background:var(--surface,#fff);color:var(--fg,#111827);box-shadow:0 30px 70px -24px rgba(17,12,46,.5),0 0 0 1px color-mix(in srgb,var(--apx) 14%,transparent);transform:translateY(120%);transition:transform .38s cubic-bezier(.2,.9,.3,1.15)}
.apx-banner.apx-native .apx-card{padding:12px 12px 12px 14px;border-radius:20px;transform:translateY(-140%)}
.apx.show .apx-card{transform:none}
.apx-head{display:flex;align-items:center;gap:14px}
.apx-icon{flex:none;width:58px;height:58px;border-radius:16px;box-shadow:0 10px 22px -10px color-mix(in srgb,var(--apx) 70%,transparent);object-fit:cover}
.apx-banner.apx-native .apx-icon{width:44px;height:44px;border-radius:12px}
.apx-txt{flex:1;min-width:0;display:grid;gap:3px}
.apx-txt b{font:800 16.5px/1.25 var(--f-title,system-ui);letter-spacing:-.01em}
.apx-txt span{font-size:13.5px;line-height:1.45;color:var(--muted,#6b7280)}
.apx-banner.apx-native .apx-txt span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.apx-x{flex:none;align-self:flex-start;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--muted,#6b7280);background:none;border:0;cursor:pointer}
.apx-x:hover{background:var(--surface-2,#f3f4f6)}
.apx-x svg{width:16px;height:16px}
.apx-perks{list-style:none;margin:16px 0 0;padding:12px 14px;display:grid;gap:8px;border-radius:16px;background:color-mix(in srgb,var(--apx) 8%,var(--surface,#fff))}
.apx-perks li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.apx-perks svg{flex:none;width:18px;height:18px;color:var(--apx)}
.apx-btns{display:flex;gap:10px;margin-top:16px}
.apx-banner.apx-native .apx-btns{margin:0 0 0 auto}
.apx-banner.apx-native .apx-card{display:flex;align-items:center;gap:10px}
.apx-banner.apx-native .apx-head{flex:1;min-width:0}
.apx-banner.apx-native .apx-card{position:relative}
.apx-banner.apx-native .apx-x{position:absolute;top:-9px;right:-6px;width:26px;height:26px;background:var(--surface,#fff);box-shadow:0 4px 12px -4px rgba(17,12,46,.4)}
.apx-banner.apx-native .apx-x svg{width:12px;height:12px}
.apx-later,.apx-go{flex:1;height:48px;border-radius:15px;border:0;cursor:pointer;font:700 15px var(--f-title,system-ui);display:inline-flex;align-items:center;justify-content:center;gap:8px}
.apx-later{flex:.8;background:var(--surface-2,#f3f4f6);color:var(--fg,#111827)}
.apx-go{background:linear-gradient(135deg,var(--apx),color-mix(in srgb,var(--apx) 70%,#0ea5e9));color:#fff;box-shadow:0 12px 24px -12px color-mix(in srgb,var(--apx) 80%,transparent)}
.apx-go svg{width:18px;height:18px}
.apx-banner.apx-native .apx-go{height:40px;padding:0 16px;border-radius:12px;font-size:14px;flex:none}
.apx-sub{margin:16px 0 8px;font-weight:800;font-size:14px}
.apx-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.apx-steps li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}
.apx-steps li>span{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--apx) 14%,var(--surface,#fff));color:var(--apx);font-weight:800;font-size:13px}
.apx-glyph{display:inline-grid;place-items:center;width:28px;height:28px;margin-inline-start:4px;border-radius:8px;background:var(--surface-2,#f3f4f6);color:#0a84ff;vertical-align:middle;font-style:normal}
.apx-glyph svg{width:18px;height:18px}
.vp-pay .pay-card{flex-direction:column;gap:2px;height:auto!important;min-height:56px;padding:9px 16px}
.pay-card-main{display:inline-flex;align-items:center;gap:8px}
.pay-card-sub{font-size:12px;font-weight:600;opacity:.72;letter-spacing:0}
.pay-marks{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px}
.pay-mark{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:7px;background:var(--surface);border:1px solid var(--line);color:var(--fg);font:800 10.5px/1 var(--f-title);letter-spacing:.02em;white-space:nowrap}
.pay-mark.wallet{background:var(--fg);color:var(--surface);border-color:transparent}
.pay-mark.pp{color:#1d4ed8}

.apx-banner:not(.apx-native) .apx-card{transform:translateY(-140%)}
.apx-banner.show .apx-card{transform:none}
.wl-gwide{display:none}
@media (min-width:700px) and (max-width:1023px){
.wl-hero .wl-groups{display:none}
.wl-gwide{display:grid;gap:14px;grid-column:1/-1;margin:8px calc(-1 * clamp(18px,4vw,40px)) 0;padding:6px 0 10px;overflow:hidden;animation:wl-rise .8s cubic-bezier(.2,.8,.3,1) .2s both}
.wl-gwide-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:0;font:600 11px var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.wl-gwide-h i{width:46px;height:1px;background:linear-gradient(90deg,transparent,var(--line))}
.wl-gwide-h i:last-child{transform:scaleX(-1)}
.wl-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.wl-track{display:flex;gap:12px;width:max-content;padding:4px 0;animation:wl-marq calc(var(--n) * 5s) linear infinite}
.wl-marquee.rev .wl-track{animation-direction:reverse;animation-duration:calc(var(--n) * 6s)}
.wl-marquee:hover .wl-track{animation-play-state:paused}
.wl-gchip{flex:none;display:inline-flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border-radius:999px;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,var(--accent) 14%,var(--line));box-shadow:0 10px 24px -18px rgba(30,27,75,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--f-jakarta);transition:transform .25s,box-shadow .25s,border-color .25s}
.wl-gchip:hover{transform:translateY(-3px) scale(1.03);border-color:var(--accent);box-shadow:0 16px 30px -16px color-mix(in srgb,var(--accent) 55%,transparent)}
.wl-gchip span{display:grid;line-height:1.2}
.wl-gchip b{font-size:14px;font-weight:700;color:var(--fg);white-space:nowrap}
.wl-gchip small{font-size:11.5px;color:var(--muted);white-space:nowrap}
}
@keyframes wl-marq{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
@keyframes wl-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wl-track{animation:none!important}.wl-marquee{overflow-x:auto}}form+form>.demo-card.demo-admin{margin-top:10px}
.demo-card.demo-admin{background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 9%,var(--bg)),color-mix(in srgb,#38bdf8 9%,var(--bg)));border-color:color-mix(in srgb,#8b5cf6 28%,var(--line))}
.demo-card.demo-admin:hover{border-color:#8b5cf6}
.demo-admin-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#8b5cf6,#6366f1 55%,#38bdf8);color:#fff!important;box-shadow:0 10px 22px -10px rgba(99,102,241,.75)}
.demo-admin-ic .ic{width:24px;height:24px}
.rl-page{display:flex;flex-direction:column;gap:14px;--rl-h:max(480px,calc(100dvh - var(--header) - 132px))}
.rl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.rl-head h1{font:800 28px/1.1 var(--f-title);letter-spacing:-.02em}
.rl-feed{height:var(--rl-h);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;display:flex;flex-direction:column;gap:18px;border-radius:24px}
.rl-feed::-webkit-scrollbar{display:none}
.rl{flex:none;height:var(--rl-h);scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center}
.rl-stage{position:relative;height:100%;aspect-ratio:9/16;max-width:100%;border-radius:24px;overflow:hidden;background:#05060a;box-shadow:0 30px 60px -30px rgba(10,12,30,.55);isolation:isolate;color:#fff;font-family:var(--f-title)}
.rl-v{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#05060a}
.rl.fill .rl-v{object-fit:cover}
.rl-tap{position:absolute;inset:0;z-index:1;cursor:pointer}
.rl-shade{position:absolute;inset:auto 0 0;height:55%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.25) 55%,transparent)}
.rl-state{position:absolute;top:50%;left:50%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;pointer-events:none}
.rl-state svg{width:34px;height:34px;margin-left:4px}
.rl.paused .rl-state{opacity:1;transform:none}
.rl-heart{position:absolute;top:50%;left:50%;z-index:3;margin:-55px 0 0 -55px;pointer-events:none;opacity:0}
.rl-heart .ic{width:110px;height:110px;fill:#fff;stroke:none;filter:drop-shadow(0 8px 24px rgba(244,63,94,.6))}
.rl-heart.go{animation:rlHeart .9s cubic-bezier(.2,.8,.2,1)}
@keyframes rlHeart{0%{opacity:0;transform:scale(.3) rotate(-12deg)}25%{opacity:1;transform:scale(1.15) rotate(0)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.25) translateY(-40px)}}
.rl-info{position:absolute;left:0;right:72px;bottom:0;z-index:2;padding:0 16px 20px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.rl-info>*{pointer-events:auto}
.rl-who{display:flex;align-items:center;gap:10px;min-width:0}
.rl-av{flex:none;border-radius:50%;box-shadow:0 0 0 2px #fff}
.rl-name{font:800 15px var(--f-title);display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.rl-who .btn{height:30px;padding:0 14px;font-size:12.5px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rl-who .btn.following{opacity:.75}
.rl-cap{font:500 14px/1.45 var(--f-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;text-shadow:0 1px 6px rgba(0,0,0,.45)}
.rl-cap a{color:#fff;font-weight:700}
.rl.cap-open .rl-cap{-webkit-line-clamp:12;max-height:40vh;overflow:auto}
.rl-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font:600 12px var(--f-title);color:rgba(255,255,255,.78)}
.rl-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rl-tag .ic{width:13px;height:13px}
.rl-acts{position:absolute;right:10px;bottom:18px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px}
.rl-act{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font:700 12px var(--f-title);text-shadow:0 1px 6px rgba(0,0,0,.5)}
.rl-act i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s,background .15s}
.rl-act:hover i{background:rgba(255,255,255,.26);transform:scale(1.06)}
.rl-act:active i{transform:scale(.92)}
.rl-act .ic{width:23px;height:23px;stroke-width:2}
.rl-act[data-r="like"].on i{background:rgba(244,63,94,.22)}
.rl-act[data-r="like"].on .ic{fill:#ff3b5c;stroke:#ff3b5c}
.rl-act[data-r="repost"].on .ic{stroke:#2fd38a}
.rl-act[data-r="bookmark"].on .ic{fill:#ffc14d;stroke:#ffc14d}
.rl-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;height:3px;background:rgba(255,255,255,.18)}
.rl-bar i{display:block;height:100%;width:0;background:#fff;border-radius:0 3px 3px 0}
.rl-empty{height:var(--rl-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:30px;border-radius:24px;background:var(--surface);border:1px dashed var(--line)}
.rl-empty b{font:800 20px var(--f-title)}
.rl-empty p{max-width:340px;color:var(--muted)}
.rl-empty-ic{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);margin-bottom:6px}
.rl-empty-ic .ic{width:30px;height:30px}
.rl-cm{max-height:min(720px,calc(100vh - 40px));display:flex;flex-direction:column}
.rl-cm-body{flex:1;min-height:200px;overflow:auto;padding:6px 16px 16px}
.rs{max-width:760px}
.rs-body{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:22px;padding:20px 22px 22px}
.rs-frame{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:var(--surface-2)}
.rs-pick{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;text-align:center;cursor:pointer;border:2px dashed var(--line);border-radius:20px;transition:border-color .15s,background .15s}
.rs-pick:hover{border-color:var(--accent);background:var(--accent-soft)}
.rs-pick b{font:800 15px var(--f-title)}
.rs-pick small{color:var(--muted);font-size:12.5px}
.rs-pick-ic{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);margin-bottom:4px}
.rs-pick-ic .ic{width:28px;height:28px}
.rs-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.rs-swap{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 12.5px var(--f-title);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}
.rs-swap .ic{width:16px;height:16px}
.rs-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.rs-side textarea{width:100%;border-radius:14px;border:1px solid var(--line);background:var(--surface);padding:12px 14px;outline:none;resize:vertical;min-height:110px;font:15px/1.5 var(--f-body)}
.rs-side textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.rs-cover-row{display:flex;align-items:center;gap:12px}
.rs-cover-row img{width:46px;aspect-ratio:9/16;object-fit:cover;border-radius:8px;background:var(--surface-2);flex:none}
.rs-cover-row input{flex:1;accent-color:var(--accent)}
.rs-cover small{color:var(--muted);font-size:12px}
.rs-cover-up{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.rs-cover-up .btn{cursor:pointer}
.rs-cover-row input:disabled{opacity:.4}
.rs-info{font:600 13px var(--f-title);color:var(--muted);min-height:18px}
.rs-prog{position:relative;height:30px;border-radius:999px;background:var(--surface-2);overflow:hidden}
.rs-prog i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .2s}
.rs-prog span{position:relative;display:grid;place-items:center;height:100%;font:800 12px var(--f-title);color:var(--fg);mix-blend-mode:normal}
.rs-err{padding:10px 12px;border-radius:12px;background:var(--hot-soft);color:var(--hot);font:600 13px var(--f-title)}
.rs-side .btn.block{margin-top:auto}
@media (max-width:640px){
.rl-page{--rl-h:calc(100dvh - var(--header) - 74px);margin-inline:-16px;gap:10px}
.rl-head{padding-inline:16px}
.rl-head h1{font-size:22px}
.rl-feed{border-radius:0;gap:0}
.rl-stage{aspect-ratio:auto;width:100%;border-radius:0;box-shadow:none}
.rl-info{padding-bottom:104px}
.rl-acts{bottom:104px}
.rl-bar{bottom:90px}
.rs-body{grid-template-columns:1fr;padding:16px}
.rs-frame{max-height:46vh;aspect-ratio:auto;height:46vh}
}
.rl-fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.rl-float{position:absolute;line-height:1;opacity:0;will-change:transform,opacity;pointer-events:none;text-shadow:0 4px 12px rgba(0,0,0,.3)}
.rl-float span{display:block;will-change:transform}
.rl-rx-wrap{position:relative;display:flex;justify-content:center}
.rl-rx-me{font-size:24px;line-height:1;font-style:normal}
.rl-rx.on i{background:rgba(255,255,255,.28)}
.rl-tray{position:absolute;right:calc(100% + 10px);top:50%;display:grid;grid-template-columns:repeat(4,42px);gap:4px;padding:8px;border-radius:24px;background:rgba(15,17,26,.62);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 18px 40px -16px rgba(0,0,0,.6);transform:translateY(-50%) scale(.6);transform-origin:right center;opacity:0;visibility:hidden;transition:opacity .2s,transform .28s cubic-bezier(.3,1.5,.5,1),visibility 0s .28s}
.rl-rx-wrap.open .rl-tray{opacity:1;visibility:visible;transform:translateY(-50%) scale(1);transition:opacity .2s,transform .32s cubic-bezier(.3,1.5,.5,1),visibility 0s}
.rl-tray button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:26px;line-height:1;transform:translateY(8px) scale(.6);opacity:0;transition:transform .3s cubic-bezier(.3,1.6,.5,1),opacity .2s,background .15s}
.rl-rx-wrap.open .rl-tray button{transform:none;opacity:1;transition-delay:calc(var(--i) * 30ms)}
.rl-tray button:hover,.rl-tray button:focus-visible{transform:translateY(-6px) scale(1.3)!important;background:rgba(255,255,255,.12)}
.rl-tray button.on{background:rgba(255,255,255,.22)}
.rl-top{font-size:15px;letter-spacing:-2px;padding-right:2px}
@media (max-width:640px){.rl-tray{grid-template-columns:repeat(4,40px);gap:2px}.rl-tray button{width:40px;height:40px;font-size:24px}}
@media (prefers-reduced-motion:reduce){.rl-float{display:none}}