:root{font-family:DM Sans,sans-serif;color:#f7f5fb;background:#09090d;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#09090d;--panel:#131119;--line:#292531;--muted:#898493;--purple:#9147ff;--cyan:#00d9ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 52% -18%,#9147ff20,transparent 40%),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}.app{min-height:100vh}.topbar{height:74px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:0 4.2%;background:#09090de8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff0c}.brand{display:flex;align-items:center;gap:9px;border:0;background:none;font:700 23px Space Grotesk;letter-spacing:1px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#bd8aff,#7128e5);box-shadow:0 5px 24px #9147ff55;font:700 21px Space Grotesk;color:#fff}.dot{color:var(--cyan)}.search{height:42px;width:min(440px,42vw);margin:auto;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #2b2733;border-radius:11px;background:#15131b;color:#777281}.search:focus-within{border-color:#9147ff99;box-shadow:0 0 0 3px #9147ff18}.search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font-size:12px}.search kbd{font-size:10px;border:1px solid #3b3543;border-radius:5px;padding:3px 6px}.top-actions{display:flex;align-items:center;gap:15px}.upload-top,.login-top{display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #47315f;border-radius:9px;background:#211630;color:#e2d0ff;font-size:12px;font-weight:700}.upload-top{background:var(--purple);border-color:var(--purple);color:#fff}.login-top{background:transparent}.user-chip{display:flex;align-items:center;gap:8px;border:0;background:none;font-size:11px}.user-chip img{width:29px;height:29px;border-radius:50%}.layout{max-width:1480px;margin:auto;padding:29px 4.2%;display:grid;grid-template-columns:210px minmax(400px,650px) 290px;gap:34px;align-items:start}.sidebar,.right{position:sticky;top:99px}.sidebar{min-height:calc(100vh - 110px);display:flex;flex-direction:column}.nav-group{display:flex;flex-direction:column}.nav-group>small,.panel-title small{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#777181;margin:8px 0 12px}.nav-item{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:9px;background:none;color:#a49eae;text-align:left;font-size:12px;font-weight:600}.nav-item:hover{background:#17141f;color:#fff}.nav-item.active{color:#c49aff;background:linear-gradient(90deg,#9147ff29,#9147ff08);border:1px solid #9147ff25}.nav-item i{width:6px;height:6px;margin-left:auto;border-radius:50%;background:var(--cyan)}hr{width:100%;border:0;border-top:1px solid #27232d;margin:17px 0}.trends>small{display:flex;align-items:center;gap:6px}.trend{display:flex;justify-content:space-between;padding:9px 2px;border:0;background:none;text-align:left;font-size:11px}.trend b{color:#bbb4c5;font-weight:600}.trend span{font-size:9px;color:#746e7d}.trend:hover b{color:var(--cyan)}.side-promo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto;padding:15px;border:1px solid #3c2b55;border-radius:13px;background:linear-gradient(145deg,#201531,#111018);color:#c69bff}.side-promo b{font-size:11px;color:#fff}.side-promo span{font-size:10px;color:#a29baa}.side-promo button,.challenge>button,.safety button{display:flex;align-items:center;gap:5px;padding:4px 0 0;border:0;background:none;color:#c69bff;font-size:10px;font-weight:700}.side-foot,.right-foot{padding-top:15px;color:#686271;font-size:9px;line-height:1.9}.main{min-width:0}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin:1px 0 26px}.eyebrow{display:flex;align-items:center;gap:7px;color:#aa91ca;font-size:9px;letter-spacing:1.4px;font-weight:800}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}h1{margin:9px 0 4px;font:700 31px Space Grotesk;letter-spacing:-1px}h1 em,.upload-modal h2 em{font-style:normal;color:#b889ff}.welcome p{margin:0;color:#918b99;font-size:11px}.vibe-pill{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid #39294d;border-radius:20px;background:#191321;color:#c59cff;font-size:9px;font-weight:700}.tabs{display:flex;gap:26px;border-bottom:1px solid #292531;margin-bottom:18px}.tabs button{position:relative;padding:0 2px 13px;border:0;background:none;color:#817b89;font-size:12px;font-weight:700}.tabs button.chosen{color:#fff}.tabs button.chosen:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.query-row{display:flex;gap:6px;margin:-5px 0 13px;color:#aaa4b2;font-size:11px}.query-row b{color:#d3baff}.query-row button{margin-left:auto;border:0;background:none;color:#bd93ff;font-size:10px}.feed{display:flex;flex-direction:column;gap:17px}.post,.panel{border:1px solid #292531;border-radius:15px;background:linear-gradient(150deg,#16131b,#100f14)}.post{padding:17px 17px 12px;box-shadow:0 12px 40px #0002}.post-head{display:flex;align-items:center;gap:10px}.post-head>img{width:38px;height:38px;border:1px solid #67438d;border-radius:50%;object-fit:cover}.post-user{display:flex;flex-direction:column;gap:3px;min-width:0}.post-user b{display:flex;align-items:center;gap:5px;font-size:11px}.post-user span{font-size:9px;color:#898391}.verified{color:var(--cyan)}.follow{margin-left:auto;padding:7px 11px;border:1px solid #7950ad;border-radius:8px;background:#211632;color:#d4baff;font-size:9px;font-weight:700}.more{border:0;background:none;color:#827c8a}.caption{margin:12px 0;font-size:11px;line-height:1.6;color:#e4e0e9}.tag{padding:0 3px;border:0;background:none;color:#bd91ff;font-size:11px}.video{height:370px;position:relative;overflow:hidden;border-radius:10px;background:#07070a}.video video{width:100%;height:100%;object-fit:cover}.video:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0005,transparent 25%,transparent 75%,#0008)}.video-top{position:absolute;z-index:1;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center}.video-top span{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff25;border-radius:6px;background:#08080dbb;font-size:8px;letter-spacing:1px;font-weight:800}.video-top button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff35;border-radius:50%;background:#08080d99}.sound{position:absolute;z-index:1;bottom:12px;left:13px;display:flex;align-items:center;gap:6px;font-size:9px;text-shadow:0 1px 4px black}.post-actions{display:flex;align-items:center;gap:21px;padding:13px 2px 3px}.post-actions button{display:flex;align-items:center;gap:7px;border:0;background:none;color:#aaa4b2;font-size:10px}.post-actions .liked{color:#ff609d}.post-actions .saved{color:var(--cyan)}.caught{display:flex;align-items:center;gap:7px;margin-top:11px;padding-top:10px;border-top:1px solid #292531;color:#817b89;font-size:9px}.caught svg{color:#bd91ff}.right{display:flex;flex-direction:column;gap:14px}.panel{padding:15px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.panel-title small{margin:0}.panel-title h3{margin:5px 0 0;font:600 14px Space Grotesk}.panel-title>button{border:0;background:none;color:#bd91ff;font-size:9px}.creator{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #292531}.creator>img{width:33px;height:33px;border-radius:50%;object-fit:cover}.creator>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.creator b{font-size:10px}.creator span{font-size:9px;color:#b18ad7}.creator small{font-size:8px;color:#807a88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator>button{width:27px;height:27px;border:1px solid #7950ad;border-radius:8px;background:#211632;color:#d5baff;font-weight:700}.challenge{padding:0 0 13px;overflow:hidden}.challenge-art{height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 50% 55%,#6835a7,#251536 50%,#111018);color:#d5c2ff}.challenge-art svg{color:var(--cyan)}.challenge-art small{font-size:8px;letter-spacing:2px;font-weight:800}.challenge-art b{font:700 25px Space Grotesk;color:#fff}.challenge p{margin:12px 13px 8px;color:#a29cab;font-size:9px;line-height:1.5}.challenge>button{margin-left:13px}.safety{display:flex;gap:10px}.safety>svg{flex:none;color:var(--cyan)}.safety b{font-size:10px}.safety p{margin:5px 0 8px;color:#918b99;font-size:9px;line-height:1.5}.safety button{font-size:9px}.right-foot{padding:2px}.empty{padding:65px 20px;text-align:center;border:1px dashed #40364d;border-radius:14px;color:#9992a2}.empty svg{color:#bd91ff}.empty h3{margin:12px 0 5px;color:#fff}.empty p{font-size:11px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 15px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-size:11px;font-weight:800;transition:.15s}.primary:hover{background:#a365ff;transform:translateY(-1px)}.empty .primary{margin:15px auto 0}.full{width:100%}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#050407d9;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px)}.modal{position:relative;width:min(100%,440px);padding:29px;border:1px solid #3b3048;border-radius:19px;background:linear-gradient(145deg,#1b1622,#100f14);box-shadow:0 30px 100px #0009}.close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #403846;border-radius:8px;background:#211d27;color:#aaa}.modal-logo{display:flex;align-items:center;gap:8px;margin-bottom:23px;font:700 19px Space Grotesk}.modal-kicker{display:block;color:#bd91ff;font-size:9px;font-weight:800;letter-spacing:1.5px}.modal h2{margin:8px 0;font:700 26px Space Grotesk;letter-spacing:-.7px}.muted{color:#9b94a2;font-size:11px;line-height:1.6}.modal form{display:flex;flex-direction:column;gap:13px;margin-top:20px}.modal label{display:flex;flex-direction:column;gap:7px;color:#ccc6d2;font-size:10px;font-weight:700}.modal input,.modal textarea{width:100%;padding:12px;border:1px solid #403a47;border-radius:8px;outline:0;background:#0e0d12;color:#fff;font-size:11px}.modal input:focus,.modal textarea:focus{border-color:#9860e8;box-shadow:0 0 0 3px #9147ff18}.switch{text-align:center;margin-top:17px;color:#9992a0;font-size:10px}.switch button{margin-left:5px;border:0;background:none;color:#c69bff;font-weight:700}.hint,.message{display:flex;gap:7px;margin-top:14px;padding:10px;border-radius:8px;background:#19151f;color:#a69ead;font-size:9px;line-height:1.5}.hint svg{flex:none;color:var(--cyan)}.message{color:#e0caff}.upload-modal{width:min(100%,470px)}.dropzone{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin:15px 0;padding:25px 12px;border:1px dashed #8759ba;border-radius:12px;background:#191321;color:#c49aff}.dropzone b{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:11px}.dropzone span{color:#9992a0;font-size:9px}.dropzone small{display:flex;align-items:center;gap:5px;color:var(--cyan);font-size:9px;font-weight:700}.upload-modal label{margin-bottom:14px}.upload-modal textarea{resize:vertical}.comment-preview{display:flex;gap:10px;padding:14px 0;border-bottom:1px solid #302b37}.comment-preview img{width:34px;height:34px;border-radius:50%}.comment-preview b{font-size:10px}.comment-preview p{margin:4px 0 0;color:#aaa4b2;font-size:10px}.comment-empty{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#898391}.comment-empty svg{color:#bd91ff}.comment-empty b{color:#fff;font-size:11px}.comment-empty span{font-size:9px}.comment-compose{display:flex;gap:8px}.comment-compose input{flex:1}.comment-compose button{width:42px;border:0;border-radius:8px;background:var(--purple)}.profile{text-align:center;overflow:hidden;padding-top:0}.profile-cover{height:100px;margin:0 -29px;background:radial-gradient(ellipse at 50% 120%,#9147ff,#28143e 60%,#111018)}.profile-avatar{width:72px;height:72px;margin-top:-37px;border:4px solid #191420;border-radius:50%}.profile h2{margin:8px 0 2px;font-size:19px}.stats{display:flex;justify-content:center;gap:38px;margin:20px}.stats b{display:flex;flex-direction:column;gap:3px;font:700 17px Space Grotesk}.stats small{font:400 9px DM Sans;color:#9992a0}.secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border:1px solid #403a47;border-radius:9px;background:#1a1720;font-size:11px}.toast{position:fixed;z-index:80;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:12px 16px;border:1px solid #574174;border-radius:10px;background:#21172e;color:#fff;font-size:10px;box-shadow:0 12px 40px #0008}.toast svg{flex:none;color:var(--cyan)}.menu-btn,.mobile-nav{display:none}@media(max-width:1200px){.layout{grid-template-columns:190px minmax(380px,1fr);gap:26px}.right{display:none}}@media(max-width:760px){.topbar{height:63px;padding:0 13px;gap:10px}.menu-btn{display:grid;place-items:center;width:30px;height:30px;border:0;background:none;color:#aaa}.brand{font-size:20px;gap:6px}.mark{width:29px;height:29px;font-size:18px}.search{flex:1;width:auto;height:37px;margin:0}.search input{font-size:10px}.search kbd{display:none}.top-actions{gap:5px}.upload-top{padding:9px}.upload-top{font-size:0}.upload-top svg{width:17px}.login-top{display:none}.user-chip span,.user-chip>svg{display:none}.layout{display:block;padding:22px 12px 90px}.sidebar{display:none;position:fixed;z-index:40;top:63px;left:0;bottom:0;width:255px;padding:18px;background:#0e0d12;border-right:1px solid #342b3d;overflow:auto}.sidebar.open{display:flex}.welcome{margin-bottom:20px}.welcome h1{font-size:26px}.welcome p{max-width:230px;font-size:10px}.vibe-pill{font-size:0;padding:9px}.vibe-pill svg{width:17px}.post{padding:13px 11px 10px}.video{height:min(68vh,430px);min-height:245px}.post-actions{gap:15px}.mobile-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;height:65px;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);background:#0c0b10ed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #2a2631}.mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 8px;border:0;background:none;color:#7e7887;font-size:8px}.mobile-nav button.active{color:#c49aff}.toast{bottom:78px}.modal{padding:24px 19px}.profile{padding-top:0}.profile-cover{margin:0 -19px}}@media(max-width:380px){.search{max-width:125px}.welcome h1{font-size:23px}.post-actions{gap:11px}}:root{--text-xs:12px;--text-sm:13px;--text-md:14px;--text-lg:15px;--danger:#ff5d7a}html{-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button{transition:background .15s,color .15s,border-color .15s,transform .1s}button:active:not(:disabled){transform:scale(.97)}.search input{font-size:var(--text-md)}.search input::-webkit-search-cancel-button{filter:invert(.6)}.upload-top,.login-top,.nav-item,.tabs button{font-size:var(--text-md)}.user-chip{font-size:var(--text-sm)}.nav-group>small,.panel-title small,.eyebrow,.modal-kicker{font-size:11px}.trend,.side-promo b{font-size:var(--text-md)}.side-promo span,.side-promo button,.challenge>button,.safety button,.challenge p,.safety p{font-size:var(--text-sm)}.safety b{font-size:var(--text-md)}.side-foot,.right-foot{font-size:11px;line-height:1.7}.welcome p{font-size:var(--text-md)}.vibe-pill{font-size:var(--text-xs)}.query-row{font-size:var(--text-sm);align-items:center}.query-row button{font-size:var(--text-sm);border:0;background:none;color:#c49aff;font-weight:700}.post-user b{font-size:var(--text-md);display:flex;align-items:center;gap:4px}.post-user span,.follow{font-size:var(--text-xs)}.caption,.tag{font-size:var(--text-lg);line-height:1.5}.tag{font-weight:600}.post-actions button{font-size:var(--text-sm);font-weight:600}.caught{font-size:var(--text-xs)}.creator b{font-size:var(--text-sm)}.creator span{font-size:var(--text-xs)}.creator small{font-size:11px}.creator>button{width:32px;height:32px}.challenge-art small{font-size:10px}.empty p{font-size:var(--text-md);line-height:1.5}.primary,.secondary{font-size:var(--text-md)}.muted{font-size:var(--text-md);line-height:1.5}.modal label{font-size:var(--text-sm)}.modal input,.modal textarea{font-size:16px}.modal input:focus,.modal textarea:focus{border-color:#9147ff99;box-shadow:0 0 0 3px #9147ff22}.switch,.hint,.message{font-size:var(--text-sm)}.hint{display:flex;align-items:center;gap:7px;margin-top:14px;color:#9992a2}.dropzone b{font-size:var(--text-lg)}.dropzone span,.dropzone small{font-size:var(--text-xs)}.comment-preview b{font-size:var(--text-sm)}.comment-preview b time{margin-left:6px;color:#7e7887;font-weight:500;font-size:var(--text-xs)}.comment-preview p{font-size:var(--text-md);line-height:1.45;word-break:break-word}.comment-empty b{font-size:var(--text-md)}.comment-empty span{font-size:var(--text-sm)}.stats small{font-size:var(--text-xs)}.toast{font-size:var(--text-sm)}.toast.error{border-color:#7a3046;background:#2a1219}.toast.error svg{color:var(--danger)}.video video{object-fit:contain;background:#000}.video-top{pointer-events:none}.video-top>*{pointer-events:auto}.video-top .sound{position:static;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;letter-spacing:0;font-weight:600;text-shadow:none;display:block}.video-top .sound svg{display:inline;vertical-align:-2px;margin-right:5px}.video-top button{width:36px;height:36px;color:#fff}.post-actions button{min-height:36px}.post-actions .liked svg{animation:pop .3s ease}@keyframes pop{40%{transform:scale(1.3)}}.nav-item .soon,.nav-item .count{margin-left:auto;padding:2px 7px;border-radius:99px;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.3px}.nav-item .soon{background:#1e1b25;color:#7e7887}.nav-item .count{background:#00d9ff1f;color:var(--cyan)}.skeleton{pointer-events:none}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,#1a1721 25%,#25212d,#1a1721 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}.sk-avatar{width:40px;height:40px;border-radius:50%}.sk-line{height:11px;width:130px;margin:3px 0}.sk-line.short{width:80px}.sk-line.wide{width:70%;height:13px;margin:16px 0}@keyframes shimmer{to{background-position:-200% 0}}.shared{margin-bottom:18px}.shared-label{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--cyan);font-size:var(--text-sm);font-weight:700}.shared-label button{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border:1px solid #3a3443;border-radius:7px;background:#17141d;color:#aaa}.comment-list{max-height:min(45vh,420px);overflow-y:auto;overscroll-behavior:contain;margin-bottom:12px}.comment-compose input{flex:1;min-width:0}.comment-compose button{display:grid;place-items:center;width:46px;border:0;border-radius:8px;background:var(--purple);color:#fff}.upload-preview{display:flex;gap:14px;align-items:center;margin:15px 0;padding:10px;border:1px solid #3b3048;border-radius:12px;background:#120f17}.upload-preview video{width:92px;height:120px;object-fit:cover;border-radius:8px;background:#000;flex-shrink:0}.upload-preview div{display:flex;flex-direction:column;gap:5px;min-width:0}.upload-preview b{font-size:var(--text-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-preview span{font-size:var(--text-xs);color:#9992a2}.upload-preview button{align-self:flex-start;margin-top:4px;padding:6px 10px;border:1px solid #4a3d5a;border-radius:7px;background:#1c1724;color:#d5baff;font-size:var(--text-xs);font-weight:700}.char-count{margin:-8px 0 12px;text-align:right;color:#6f6978;font-size:11px}.progress{height:6px;margin-bottom:12px;border-radius:99px;background:#221d2a;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .2s}.profile .bio{margin:8px auto 0;max-width:320px;color:#d6d0dc;font-size:var(--text-md);line-height:1.5}.profile .stack{display:flex;flex-direction:column;gap:9px}.profile .ghost{background:none;color:#a49eae}.profile-form{display:flex;flex-direction:column;gap:12px;margin-top:16px;text-align:left}.profile-form .char-count{margin:-6px 0 0}.profile-form .row{display:flex;gap:10px}.profile-form .row>*{flex:1;margin:0}.sheet-backdrop{place-items:end center}.sheet{width:min(100%,420px);margin-bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:8px;border:1px solid #3b3048;border-radius:18px;background:#16121c;box-shadow:0 30px 100px #000a;animation:rise .18s ease-out}.sheet button{display:flex;align-items:center;gap:12px;padding:14px;border:0;border-radius:11px;background:none;color:#ece8f1;font-size:var(--text-lg);font-weight:600;text-align:left}.sheet button:hover:not(:disabled){background:#221c2b}.sheet .danger{color:var(--danger)}.sheet .cancel{justify-content:center;margin-top:6px;background:#211d27;color:#bbb}.sheet-title{margin:8px 14px 6px;color:#a49eae;font-size:var(--text-sm)}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@media(min-width:761px){.sheet-backdrop{place-items:center}}.modal{max-height:calc(100dvh - 36px);overflow-y:auto}@media(max-width:760px){.topbar{gap:8px}.menu-btn,.brand{flex-shrink:0}.search{min-width:0}.search input{font-size:16px}.upload-top{display:none}.top-actions{flex-shrink:0}.login-top{display:flex;padding:8px 11px}.welcome p{max-width:none;font-size:var(--text-sm)}.caption,.tag{font-size:var(--text-md)}.mobile-nav button{font-size:11px;min-width:56px}.mobile-nav .create{color:#fff}.mobile-nav .create svg{width:42px;height:32px;padding:4px 9px;border-radius:10px;background:linear-gradient(135deg,var(--purple),#00b8d9);box-sizing:border-box}.sidebar{z-index:45}.backdrop{padding:12px}.sheet-backdrop{padding:0 10px}}@media(max-width:380px){.search{max-width:none}.brand{font-size:0;gap:0}.brand .dot{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.scrim{display:none}@media(max-width:760px){.scrim{display:block;position:fixed;top:63px;right:0;bottom:0;left:0;z-index:44;background:#0008}}@media(max-width:760px){.vibe-pill{font-size:0;padding:9px}}.avatar-btn{padding:0;border:0;background:none;border-radius:50%;flex-shrink:0}.post-user{cursor:pointer}.post-user:hover b{text-decoration:underline}.follow-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:0;border-radius:9px;background:var(--purple);color:#fff;font-size:var(--text-sm);font-weight:800;white-space:nowrap}.follow-btn.small{padding:7px 11px;font-size:var(--text-xs)}.follow-btn.on{background:#221d2a;border:1px solid #403a47;color:#d6d0dc}.follow-btn.friends{background:#00d9ff14;border:1px solid #00d9ff55;color:var(--cyan)}.find-friends{margin-bottom:18px;padding:16px;border:1px solid #2c2734;border-radius:14px;background:#120f17}.right .find-friends{margin:0 0 16px;background:var(--panel)}.ff-head small{color:#8a7f98;font-size:11px;letter-spacing:1.2px;font-weight:700}.ff-head h3{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font:700 18px Space Grotesk}.ff-search{display:flex;align-items:center;gap:9px;padding:0 12px;height:44px;border:1px solid #352f3e;border-radius:10px;background:#0c0b10;color:#7e7887}.ff-search:focus-within{border-color:#9147ff99;box-shadow:0 0 0 3px #9147ff18}.ff-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:#fff;font-size:16px}.ff-hint{margin:10px 2px 4px;color:#8a8494;font-size:var(--text-xs)}.ff-empty{padding:18px 4px;color:#8a8494;font-size:var(--text-sm);line-height:1.5;text-align:center}.person{display:flex;align-items:center;gap:11px;padding:11px 4px;border-top:1px solid #241f2b;cursor:pointer;border-radius:8px}.person:hover{background:#17141d}.person>img{width:44px;height:44px;border-radius:50%;flex-shrink:0;object-fit:cover}.right .person>img{width:36px;height:36px}.person-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.person-text b{display:flex;align-items:center;gap:4px;font-size:var(--text-md)}.person-text span{color:#b18ad7;font-size:var(--text-xs)}.person-text small{color:#8a8494;font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right .person .follow-btn.small{padding:6px 9px}.query-people{margin:-4px 0 16px}.query-people small{display:block;margin-bottom:8px;color:#8a7f98;font-size:11px;letter-spacing:1.2px;font-weight:700}.chips{display:flex;gap:9px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.person-chip{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 12px 6px 6px;border:1px solid #352f3e;border-radius:99px;background:#15121b;text-align:left}.person-chip img{width:30px;height:30px;border-radius:50%}.person-chip span{display:flex;flex-direction:column;line-height:1.2}.person-chip b{font-size:var(--text-sm)}.person-chip i{font-style:normal;color:#8a8494;font-size:11px}.friends-links{display:flex;gap:8px;flex-wrap:wrap;margin:-6px 0 18px}.friends-links button{display:flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid #352f3e;border-radius:99px;background:#15121b;color:#d6d0dc;font-size:var(--text-sm);font-weight:600}.stats button{padding:0;border:0;background:none;color:inherit}.stats button:hover small{color:#c49aff}.profile-actions{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px}.profile-actions .follow-btn{min-width:170px;padding:12px 20px;font-size:var(--text-md)}.friend-note{color:#8a8494;font-size:var(--text-xs)}.user-profile{text-align:center}.user-profile h2{display:flex;justify-content:center;align-items:center;gap:6px}.pad{padding:30px 0}.grid-title{margin:18px 0 10px;text-align:left;color:#a49eae;font-size:var(--text-sm);font-weight:700}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.thumb{position:relative;aspect-ratio:3/4;padding:0;border:0;border-radius:6px;overflow:hidden;background:#000}.thumb video{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumb span{position:absolute;left:6px;bottom:5px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;text-shadow:0 1px 3px #000}.people-sheet .sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.people-sheet .back{display:grid;place-items:center;width:32px;height:32px;border:1px solid #403846;border-radius:8px;background:#211d27;color:#ccc}.people-sheet h2{margin:2px 0 0}.seg{display:flex;gap:4px;padding:4px;margin-bottom:8px;border-radius:10px;background:#0e0d12}.seg button{flex:1;padding:9px;border:0;border-radius:7px;background:none;color:#9992a2;font-size:var(--text-sm);font-weight:700}.seg .chosen{background:#241d30;color:#e6d4ff}.people-list{max-height:min(55vh,480px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:760px){.find-friends{padding:13px}.profile-actions .follow-btn{width:100%}}.avatar-btn img{display:block;width:38px;height:38px;border:1px solid #67438d;border-radius:50%;object-fit:cover}.live-row{margin:-2px 0 18px}.live-row small{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#ff6b8b;font-size:11px;letter-spacing:1.2px;font-weight:800}.dot-live{width:8px;height:8px;border-radius:50%;background:#ff3b6b;box-shadow:0 0 #ff3b6b88;animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #ff3b6b00}to{box-shadow:0 0 #ff3b6b00}}.live-chip{display:flex;flex-direction:column;align-items:center;gap:4px;width:84px;flex-shrink:0;padding:0;border:0;background:none;text-align:center}.live-chip .ring{position:relative;display:block;padding:3px;border-radius:50%;background:linear-gradient(135deg,#ff3b6b,#9147ff)}.live-chip img{display:block;width:62px;height:62px;border:3px solid var(--bg);border-radius:50%}.live-chip em{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:1px 6px;border:2px solid var(--bg);border-radius:5px;background:#ff3b6b;color:#fff;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.5px}.live-chip b{margin-top:6px;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs)}.live-chip i{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a8494;font-style:normal;font-size:11px}.live-backdrop{padding:0;background:#000e}.live-viewer{position:relative;width:min(100vw,480px);height:min(100dvh,860px);overflow:hidden;background:#000;border-radius:18px}.live-viewer video{width:100%;height:100%;object-fit:cover;background:#000}.live-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:8px;padding:14px;background:linear-gradient(#000a,transparent)}.live-host{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 4px;border:0;border-radius:99px;background:#0008;text-align:left}.live-host img{width:34px;height:34px;border-radius:50%}.live-host span{display:flex;flex-direction:column;min-width:0}.live-host b{display:flex;align-items:center;gap:4px;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-host i{color:#ddd;font-style:normal;font-size:11px}.live-badge{padding:4px 8px;border-radius:6px;background:#ff3b6b;color:#fff;font-size:11px;font-weight:900;letter-spacing:.6px}.live-x{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#0008;color:#fff}.live-title{position:absolute;left:16px;right:16px;top:70px;margin:0;font-size:var(--text-md);font-weight:600;text-shadow:0 1px 4px #000}.live-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#ccc}.live-state button{display:flex;align-items:center;gap:6px;padding:9px 14px;border:1px solid #fff4;border-radius:99px;background:#fff1;color:#fff;font-weight:700}.live-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.unmute{display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:99px;background:#fff;color:#000;font-weight:800}.live-report{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#0008;color:#fff}.go-live h2 em{font-style:normal;color:#ff6b8b}.live-reqs{display:flex;flex-direction:column;gap:10px;margin-top:10px}.req{display:flex;gap:12px;padding:13px;border:1px solid #352f3e;border-radius:12px;background:#120f17;color:#8a8494}.req div{display:flex;flex-direction:column;gap:3px;flex:1}.req b{color:#e6e1ec;font-size:var(--text-md)}.req span{font-size:var(--text-xs)}.req.met{border-color:#00d9ff55;color:var(--cyan)}.req .bar{height:6px;margin-top:5px;border-radius:99px;background:#221d2a;overflow:hidden}.req .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan))}.studio{position:relative;aspect-ratio:9/12;max-height:52vh;margin:14px auto;overflow:hidden;border-radius:14px;background:#000}.studio video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.studio .live-badge{position:absolute;top:12px;left:12px}.studio .flip{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#0009;color:#fff}.studio-msg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:#aaa;text-align:center;font-size:var(--text-sm)}.go-live label{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.live-go{background:linear-gradient(135deg,#ff3b6b,#9147ff)}.end-live{border-color:#ff3b6b88;color:#ff8aa3}.go-live-link{margin-top:10px}.sent{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:16px;text-align:center;color:var(--cyan)}.sent h3{margin:6px 0 0;color:#fff;font:700 20px Space Grotesk}.sent p{margin:4px 0;color:#d6d0dc;font-size:var(--text-md);line-height:1.5}.sent .muted{color:#8a8494;font-size:var(--text-sm)}.profile-cover{position:relative;background-size:cover;background-position:center}.avatar-wrap{position:relative;width:max-content;margin:0 auto}.photo-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff30;background:#0b0a0fcc;color:#fff;font-size:var(--text-xs);font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cover-btn{position:absolute;left:12px;bottom:10px;padding:7px 11px;border-radius:99px}.avatar-cam{position:absolute;right:-2px;bottom:4px;justify-content:center;width:32px;height:32px;padding:0;border-radius:50%;background:var(--purple);border-color:#191420}.spin{width:14px;height:14px;border:2px solid #fff6;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.photo-removes{display:flex;gap:14px;flex-wrap:wrap}.photo-removes button{padding:0;border:0;background:none;color:#ff8aa3;font-size:var(--text-xs);font-weight:700}.profile-avatar{object-fit:cover;background:#191420}.msg-top{position:relative;display:grid;place-items:center;width:40px;height:40px;border:1px solid #2b2733;border-radius:10px;background:#15131b;color:#d6d0dc}.msg-top i{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ff3b6b;color:#fff;font-style:normal;font-size:10px;font-weight:800;line-height:18px;text-align:center}.chat-backdrop{padding:0}.chat{display:flex;flex-direction:column;width:min(100vw,520px);height:min(100dvh,760px);overflow:hidden;border:1px solid #3b3048;border-radius:18px;background:#100e14}.chat-head{display:flex;align-items:center;gap:6px;padding:12px 12px 12px 16px;border-bottom:1px solid #262130;background:#141119}.chat-head h2{flex:1;margin:0;font:700 20px Space Grotesk}.chat-head .icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border:0;border-radius:10px;background:none;color:#d6d0dc}.chat-head .icon:hover{background:#221d2a}.thread-peer{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:2px 6px;border:0;border-radius:10px;background:none;text-align:left}.thread-peer img{width:38px;height:38px;border-radius:50%;object-fit:cover}.thread-peer span{display:flex;flex-direction:column;min-width:0}.thread-peer b{font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-peer i{color:#8a8494;font-style:normal;font-size:var(--text-xs)}.chat-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:10px 12px}.chat-body.thread{display:flex;flex-direction:column;gap:4px;padding:14px}.chat-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;color:#8a8494;text-align:center;font-size:var(--text-sm);line-height:1.5}.chat-empty b{color:#e6e1ec;font-size:var(--text-lg)}.inbox-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 6px;border:0;border-radius:12px;background:none;text-align:left}.inbox-row:hover{background:#18151e}.inbox-row img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.ir-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.ir-text b{font-size:var(--text-md)}.ir-text i{color:#8a8494;font-style:normal;font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-row.unread .ir-text i{color:#e6e1ec;font-weight:600}.ir-meta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.ir-meta small{color:#7e7887;font-size:11px}.ir-meta em{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--purple);color:#fff;font-style:normal;font-size:11px;font-weight:800;line-height:20px;text-align:center}.chat-body .ff-search{margin-bottom:8px}.day-sep{align-self:center;margin:10px 0 6px;padding:3px 10px;border-radius:99px;background:#1b1722;color:#8a8494;font-size:11px;font-weight:700}.bubble{align-self:flex-start;max-width:78%;padding:9px 12px 6px;border-radius:18px 18px 18px 6px;background:#221d2a}.bubble.mine{align-self:flex-end;border-radius:18px 18px 6px;background:linear-gradient(135deg,#7a35f0,#9147ff)}.bubble p{margin:0;font-size:var(--text-md);line-height:1.4;white-space:pre-wrap;word-break:break-word}.bubble small{display:block;margin-top:3px;color:#fff9;font-size:10px;text-align:right}.call-line{align-self:center;display:flex;align-items:center;gap:6px;margin:6px 0;padding:6px 12px;border:1px solid #2c2734;border-radius:99px;color:#a49eae;font-size:var(--text-xs)}.call-line.missed{color:#ff8aa3;border-color:#ff3b6b44}.composer{position:relative;display:flex;align-items:flex-end;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid #262130;background:#141119}.composer textarea{flex:1;max-height:120px;padding:11px 14px;border:1px solid #352f3e;border-radius:20px;outline:0;background:#0c0b10;color:#fff;font-size:16px;resize:none}.composer textarea:focus{border-color:#9147ff99}.composer button{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:0;border-radius:50%;background:var(--purple);color:#fff}.composer-err{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:6px;padding:8px 12px;border-radius:10px;background:#2a1219;color:#ff8aa3;font-size:var(--text-xs)}.chat-locked{padding:16px;border-top:1px solid #262130;color:#8a8494;font-size:var(--text-sm);text-align:center}.friend-actions{display:flex;gap:8px;justify-content:center}.friend-actions .secondary{padding:10px 16px}.friend-actions .icon-only{width:44px;padding:0}@media(max-width:760px){.chat{width:100vw;height:100dvh;border:0;border-radius:0}.msg-top{width:36px;height:36px}}.call-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px max(36px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 20%,#3a1d66,#0b0a10 70%);overflow:hidden}.call-screen video.remote{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000;opacity:0;transition:opacity .3s}.call-screen video.remote.on{opacity:1}.call-screen video.local{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));right:16px;width:110px;aspect-ratio:3/4;object-fit:cover;border:2px solid #ffffff40;border-radius:14px;background:#111;transform:scaleX(-1)}.call-screen video.local.off{opacity:.25}.call-who{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:12vh}.call-who img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid #ffffff30}.call-who img.pulse{animation:ringpulse 1.6s infinite}@keyframes ringpulse{0%{box-shadow:0 0 #9147ff88}70%{box-shadow:0 0 0 26px #9147ff00}to{box-shadow:0 0 #9147ff00}}.call-who h2{margin:0;font:700 26px Space Grotesk}.call-label{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:10px;color:#ddd;font-size:var(--text-md);text-shadow:0 1px 4px #000}.call-screen.call-video .call-label{margin-top:0;position:absolute;top:max(22px,env(safe-area-inset-top));left:20px;align-items:flex-start}.call-label b{font-size:var(--text-lg)}.call-controls{position:relative;z-index:2;display:flex;gap:22px;margin-top:auto}.call-controls .round{display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-controls .round.active{background:#fff;color:#111}.call-controls .round.decline{background:#ff3b5c}.call-controls .round.accept{background:#22c55e;animation:ringpulse 1.6s infinite}.sound-link{border:0;background:none;color:#fff;padding:0;cursor:pointer;text-decoration:underline;text-decoration-color:#fff5;text-underline-offset:3px}.video-top .sound-link{display:block;max-width:70%;padding:5px 8px;border:1px solid #ffffff25;border-radius:6px;background:#08080dbb;font-size:11px;font-weight:600;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.video-top .sound-link svg{display:inline;vertical-align:-2px;margin-right:5px}.sound-row{display:flex;align-items:center;gap:11px;padding:9px 4px;border-top:1px solid #241f2b}.sound-row.inactive{opacity:.5}.sound-row .disc{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:0;border-radius:50%;background:conic-gradient(from 0deg,#9147ff,#00d9ff,#ff3b6b,#9147ff);color:#fff;box-shadow:inset 0 0 0 13px #15121b}.sr-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sr-text b{font-size:var(--text-md);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-text i{color:#8a8494;font-style:normal;font-size:var(--text-xs)}.mini{display:grid;place-items:center;min-width:34px;height:34px;padding:0 10px;border:1px solid #352f3e;border-radius:9px;background:#1a1720;color:#d6d0dc;font-size:var(--text-xs);font-weight:700}.mini.danger{border-color:#ff3b6b88;color:#ff8aa3}.mini.use{background:var(--purple);border-color:var(--purple);color:#fff}.sounds-admin h2,.sound-page h2{display:flex;align-items:center;gap:8px}.sound-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}.dropzone.small{margin:0;padding:16px 12px}.sound-list{max-height:40vh;overflow-y:auto}.sound-hero{display:flex;align-items:center;gap:16px;margin:6px 0 16px}.sound-hero h2{margin:2px 0}.big-disc{display:grid;place-items:center;width:84px;height:84px;flex-shrink:0;border:0;border-radius:50%;background:conic-gradient(from 0deg,#9147ff,#00d9ff,#ff3b6b,#9147ff);color:#fff;box-shadow:inset 0 0 0 26px #15121b}.spin-slow{animation:spin 4s linear infinite}.chosen-sound{display:flex;align-items:center;gap:7px;margin:10px 0;padding:9px 12px;border:1px solid #9147ff55;border-radius:10px;background:#9147ff14;color:#e6d4ff;font-size:var(--text-sm)}.chosen-sound button{margin-left:auto;display:grid;place-items:center;width:26px;height:26px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.studio-cta{display:flex;align-items:center;gap:12px;width:100%;margin:14px 0 0;padding:13px 14px;border:1px solid #9147ff66;border-radius:12px;background:linear-gradient(135deg,#9147ff26,#00d9ff14);text-align:left;color:#fff}.studio-cta span{display:flex;flex-direction:column;gap:2px;flex:1}.studio-cta b{font-size:var(--text-md)}.studio-cta i{color:#b9b2c3;font-style:normal;font-size:var(--text-xs)}.studio-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;display:flex;flex-direction:column;background:#000;color:#fff}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:10px;height:56px;padding:0 10px;padding-top:env(safe-area-inset-top);flex-shrink:0}.studio-head.over{position:absolute;top:0;left:0;right:0;z-index:2;background:linear-gradient(#000a,transparent)}.studio-head b{font:700 17px Space Grotesk}.studio-head .icon{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:#ffffff14;color:#fff}.studio-head .next{display:flex;align-items:center;gap:6px;padding:9px 16px;border:0;border-radius:99px;background:var(--purple);color:#fff;font-weight:800}.studio-source{display:flex;flex-direction:column;height:100%;background:radial-gradient(ellipse at 50% 0%,#3a1d66,#09090d 65%)}.source-body{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,420px);margin:auto;padding:24px;text-align:center}.source-body h2{margin:4px 0 0;font:700 24px Space Grotesk}.source-body p{margin:0 0 10px;color:#b9b2c3;font-size:var(--text-md);line-height:1.5}.source-body small{color:#7e7887}.studio-camera{position:relative;flex:1;overflow:hidden}.studio-camera>video{width:100%;height:100%;object-fit:cover}.rec-dot{color:#ff3b6b;font-weight:800;font-size:var(--text-md)}.cam-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:14px;padding:14px 0 max(22px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#000c)}.shutter{display:grid;place-items:center;width:78px;height:78px;border:5px solid #fff;border-radius:50%;background:transparent}.shutter i{width:58px;height:58px;border-radius:50%;background:#ff3b6b;transition:.2s}.shutter.rec i{width:30px;height:30px;border-radius:8px}.filter-strip{display:flex;gap:10px;width:100%;overflow-x:auto;padding:4px 14px;scrollbar-width:none}.filter-strip button{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;padding:0;border:0;background:none;color:#ddd;font-size:11px;font-weight:700}.filter-strip span{width:54px;height:54px;border:2px solid transparent;border-radius:12px;background:linear-gradient(135deg,#ff9a5a,#ffd23f 35%,#22c55e 60%,#00b8d9)}.filter-strip .on{color:#fff}.filter-strip .on span{border-color:#fff}.studio-edit{display:flex;flex-direction:column;height:100%}.stage-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px}.stage{position:relative;height:100%;max-width:100%;aspect-ratio:9/16;container-type:inline-size;overflow:hidden;border-radius:14px;background:#111;touch-action:none}.stage video{width:100%;height:100%;object-fit:cover}.ov{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;line-height:1.2;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.ov.text{font-family:DM Sans,system-ui,sans-serif;font-weight:800;text-shadow:0 0 .25em #000a}.ov.text.bg{padding:.18em .4em;border-radius:.35em;background:#000000a6;text-shadow:none}.ov.text.bg.dark{background:#ffffffe6}.ov.sel{outline:2px dashed #fff;outline-offset:4px}.edit-panel,.ov-tools,.export-panel{flex-shrink:0;padding:10px 0 max(14px,env(safe-area-inset-bottom));background:#0c0b10;border-top:1px solid #1f1b26}.edit-tabs{display:flex;justify-content:space-around;padding:0 8px 8px}.edit-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 10px;border:0;border-radius:10px;background:none;color:#8a8494;font-size:11px;font-weight:700}.edit-tabs .on{color:#fff;background:#ffffff12}.text-add{display:flex;gap:8px;padding:4px 14px}.text-add input{flex:1;min-width:0;padding:11px 14px;border:1px solid #352f3e;border-radius:10px;outline:0;background:#15121b;color:#fff;font-size:16px}.text-add .primary{margin:0}.sticker-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;padding:2px 10px}.sticker-grid button{aspect-ratio:1;border:0;border-radius:8px;background:none;font-size:24px}.sticker-grid button:hover{background:#ffffff12}.sound-tab{padding:0 14px;max-height:34vh;overflow-y:auto}.sound-tab label{display:flex;flex-direction:column;gap:6px;margin:10px 0;color:#ccc;font-size:var(--text-sm);font-weight:700}.sound-tab input[type=range]{width:100%;accent-color:var(--purple)}.ov-tools{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding-left:10px;padding-right:10px}.ov-tools button{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border:1px solid #352f3e;border-radius:10px;background:#1a1720;color:#fff;font-weight:800}.ov-tools .on{background:#fff;color:#111}.ov-tools .swatch{min-width:30px;width:30px;height:30px;padding:0;border-radius:50%;border:2px solid #ffffff40}.ov-tools .swatch.on{border-color:#fff;box-shadow:0 0 0 2px var(--purple)}.export-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 20px max(20px,env(safe-area-inset-bottom));text-align:center}.export-panel .progress{width:100%;margin:0}.export-panel span{color:#8a8494;font-size:var(--text-xs)}@media(max-width:380px){.sticker-grid{grid-template-columns:repeat(8,1fr)}}:root{--bg:#08070f;--bg-2:#0d0b18;--surface:#13101f;--surface-2:#1a1629;--surface-3:#221c35;--line:#2a2342;--line-2:#3a2f5c;--text:#f5f2fc;--muted:#a59fbd;--faint:#6f688a;--purple:#8b3dff;--violet:#a855f7;--pink:#ec4899;--cyan:#00d9ff;--grad:linear-gradient(135deg,#7c3aed 0%,#a855f7 55%,#d946ef 100%);--grad-ring:conic-gradient(from 210deg,#ec4899,#a855f7,#7c3aed,#c084fc,#ec4899);--radius:20px;--shadow:0 10px 40px #0007, 0 1px 0 #ffffff08 inset;font-family:Plus Jakarta Sans,DM Sans,system-ui,sans-serif}body{background:radial-gradient(1200px 600px at 50% -200px,#2a1450 0%,transparent 60%),var(--bg);color:var(--text)}h1,h2,h3,.modal h2,.call-who h2,.chat-head h2{font-family:Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:-.01em}button{font-family:inherit}.sv-logo{display:inline-flex;align-items:center;gap:8px}.sv-word{font:800 30px/1 Plus Jakarta Sans,sans-serif;letter-spacing:-.02em;color:#fff}.sv-word em{font-style:normal;background:linear-gradient(90deg,#c084fc,#a855f7 50%,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent}.modal-logo .sv-word{font-size:24px}.sv-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:24px;height:76px;padding:0 28px;background:#08070fe8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.sv-brand{display:flex;padding:0;border:0;background:none}.sv-burger{display:none}.sv-search{position:relative;flex:1;max-width:680px;margin:0 auto;display:flex;align-items:center;gap:12px;height:48px;padding:0 18px;border:1px solid var(--line-2);border-radius:99px;background:#110e1c;color:var(--muted)}.sv-search:focus-within{border-color:#a855f7aa;box-shadow:0 0 0 4px #8b3dff22}.sv-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--text);font-size:15px}.sv-search input::placeholder{color:#8c85a6}.sv-search-x,.sv-search-open{display:none}.sv-actions{display:flex;align-items:center;gap:14px}.sv-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:none;color:#e8e3f5}.sv-icon:hover{background:#ffffff0d}.badge-host{position:relative;display:inline-grid;place-items:center}.sv-badge{position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 5px;border:2px solid var(--bg);border-radius:99px;background:var(--pink);color:#fff;font-style:normal;font-size:10px;font-weight:800;line-height:14px;text-align:center}.sv-create{display:flex;align-items:center;gap:8px;height:46px;padding:0 22px;border:0;border-radius:14px;background:var(--grad);color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 24px #8b3dff55;transition:transform .15s,box-shadow .15s}.sv-create:hover{transform:translateY(-1px);box-shadow:0 12px 30px #8b3dff77}.sv-login{height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:12px;background:none;color:#fff;font-weight:700}.sv-me{position:relative}.sv-me-btn{display:flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:#ccc}.sv-me-btn img{width:46px;height:46px;border-radius:50%;object-fit:cover;padding:2px;background:var(--grad-ring)}.sv-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:40;width:250px;padding:8px;border:1px solid var(--line-2);border-radius:16px;background:#151124;box-shadow:0 20px 60px #000a;animation:rise .15s ease-out}.sv-menu-who{display:flex;align-items:center;gap:10px;padding:8px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.sv-menu-who img{width:40px;height:40px;border-radius:50%;object-fit:cover}.sv-menu-who span{display:flex;flex-direction:column}.sv-menu-who i{color:var(--muted);font-style:normal;font-size:12px}.sv-menu button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:none;color:#e8e3f5;font-size:15px;font-weight:600;text-align:left}.sv-menu button:hover{background:#ffffff0c}.sv-menu .danger,.sv-more .danger{color:#ff8aa3}.sv-layout{display:grid;grid-template-columns:290px minmax(0,800px) 480px;gap:28px;justify-content:center;max-width:1680px;margin:0 auto;padding:26px 28px 40px}.sv-side{position:sticky;top:102px;align-self:start;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.sv-side-head{display:none}.sv-nav{display:flex;flex-direction:column;gap:4px}.sv-nav hr{width:100%;margin:12px 0;border:0;border-top:1px solid var(--line)}.sv-nav-item{display:flex;align-items:center;gap:16px;height:52px;padding:0 18px;border:0;border-radius:14px;background:none;color:#dcd6ea;font-size:17px;font-weight:600;text-align:left;transition:background .15s,color .15s}.sv-nav-item:hover{background:#ffffff0a;color:#fff}.sv-nav-item.active{background:linear-gradient(90deg,#7c3aed,#9333ea);color:#fff;box-shadow:0 8px 24px #7c3aed44}.sv-nav-item.active-soft{background:#ffffff0a}.sv-count{margin-left:auto;min-width:26px;height:26px;padding:0 8px;border-radius:99px;background:var(--grad);color:#fff;font-style:normal;font-size:12px;font-weight:800;line-height:26px;text-align:center}.sv-nav-item.active .sv-count{background:#fff3}.sv-more{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 38px}.sv-more button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:10px;background:none;color:#cfc8de;font-size:15px;font-weight:600;text-align:left}.sv-more button:hover{background:#ffffff0a}.sv-promo{display:flex;flex-direction:column;gap:6px;padding:20px;border:1px solid #8b3dff55;border-radius:var(--radius);background:linear-gradient(160deg,#2a1654,#140f24 70%);color:#c4b5fd}.sv-promo b{color:#fff;font-size:18px}.sv-promo span{color:#cbc3dd;font-size:14px;line-height:1.5}.sv-promo button{margin-top:8px;height:46px;border:0;border-radius:12px;background:var(--grad);color:#fff;font-weight:700;font-size:15px}.sv-foot{color:var(--faint);font-size:12px;padding:0 6px}.sv-scrim{display:none}.sv-main{min-width:0;display:flex;flex-direction:column;gap:18px}.sv-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#15111f,#110e1a);box-shadow:var(--shadow)}.sv-page-head h1{margin:4px 0;font-size:30px;font-weight:800}.sv-page-head p{margin:0;color:var(--muted)}.sv-stories{padding:20px 18px}.sv-stories-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}.sv-stories-track::-webkit-scrollbar{display:none}.sv-story{display:flex;flex-direction:column;align-items:center;gap:9px;flex-shrink:0;width:92px;padding:0;border:0;background:none;color:#e8e3f5;scroll-snap-align:start}.sv-story .ring{position:relative;display:block;padding:3px;border-radius:50%;background:var(--grad-ring);transition:transform .15s}.sv-story:hover .ring{transform:scale(1.04)}.sv-story .ring img{display:block;width:80px;height:80px;border:3px solid #120f1c;border-radius:50%;object-fit:cover}.sv-story .ring.plain{background:linear-gradient(135deg,#7c3aed,#a855f7)}.sv-story.create .ring img{opacity:.35}.sv-story.create .ring i{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:grid;place-items:center;border-radius:50%;color:#fff}.sv-story.create .ring i svg{width:34px;height:34px}.sv-story .ring.live{background:conic-gradient(#ff3b6b,#ec4899,#a855f7,#ff3b6b)}.sv-story .ring em{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);padding:1px 7px;border:2px solid #120f1c;border-radius:6px;background:#ff3b6b;color:#fff;font-style:normal;font-size:10px;font-weight:900}.sv-story b{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.sv-composer{padding:18px 20px}.sv-composer-row{display:flex;align-items:center;gap:14px}.sv-composer-row img{width:52px;height:52px;border-radius:50%;object-fit:cover;padding:2px;background:var(--grad-ring)}.sv-composer-row input{flex:1;min-width:0;height:54px;padding:0 22px;border:1px solid var(--line-2);border-radius:99px;outline:0;background:#0f0c19;color:#fff;font-size:16px}.sv-composer-row input:focus{border-color:#a855f7aa}.sv-composer-actions{display:flex;align-items:center;gap:6px;margin-top:14px;padding-left:4px}.sv-composer-actions button{display:flex;align-items:center;gap:9px;padding:10px 14px;border:0;border-radius:12px;background:none;color:#e8e3f5;font-size:15px;font-weight:600}.sv-composer-actions button:hover{background:#ffffff0a}.ic-video{color:#a78bfa}.ic-cam{color:#c084fc}.ic-live{color:#f472b6}.sv-post{margin-left:auto;height:46px;padding:0 30px!important;background:var(--grad)!important;color:#fff!important;font-size:16px!important;font-weight:700!important;border-radius:14px!important;box-shadow:0 8px 22px #8b3dff44}.sv-tabs{display:flex;gap:6px;padding:5px;border:1px solid var(--line);border-radius:14px;background:#0f0c19;width:max-content}.sv-tabs button{padding:10px 20px;border:0;border-radius:10px;background:none;color:var(--muted);font-size:15px;font-weight:700}.sv-tabs .chosen{background:var(--surface-3);color:#fff;box-shadow:inset 0 0 0 1px #8b3dff55}.feed{display:flex;flex-direction:column;gap:18px}.post{margin:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#15111f,#110e1a);box-shadow:var(--shadow);transition:border-color .2s}.post:hover{border-color:var(--line-2)}.post-head{gap:14px}.avatar-btn img{width:56px;height:56px;padding:2px;border:0;background:var(--grad-ring)}.post-user b{font-size:18px;font-weight:700}.post-user .verified{color:#a855f7}.post-user span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:14px}.post-user .globe{opacity:.8}.follow{height:36px;padding:0 16px;border:1px solid #8b3dff88;border-radius:11px;background:#8b3dff1a;color:#e9d5ff;font-size:14px;font-weight:700}.more{color:#cfc8de}.caption{margin:14px 0;color:#efeaf8;font-size:17px;line-height:1.55}.tag{color:#c084fc;font-size:17px}.post .video{border-radius:16px;height:min(70vh,480px)}.post-actions{gap:26px;padding:16px 4px 2px}.post-actions button{gap:9px;color:#d8d1e6;font-size:16px;font-weight:600}.post-actions button:hover{color:#fff}.post-actions .liked{color:#ff4f8b}.post-actions .save{margin-left:auto}.post-actions .saved{color:#c084fc}.empty{border-color:var(--line-2);border-radius:var(--radius);background:#110e1a}.sv-right{position:sticky;top:102px;align-self:start;display:flex;flex-direction:column;gap:18px;max-height:calc(100vh - 120px);overflow-y:auto;scrollbar-width:none}.sv-card h3{display:flex;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:800}.sv-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 24px;overflow:hidden;border-color:#8b3dff66;background:radial-gradient(120% 140% at 100% 100%,#9333ea88,transparent 55%),linear-gradient(135deg,#1c1238,#140f26)}.sv-welcome h3{font-size:24px;color:#e9d5ff}.sv-welcome p{margin:6px 0 12px;color:#d6cfe6;font-size:16px;line-height:1.45}.sv-welcome button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border:1px solid #ffffff30;border-radius:10px;background:#ffffff14;color:#fff;font-weight:700}.sv-welcome .sv-logo svg{width:76px;height:64px;flex-shrink:0;filter:drop-shadow(0 8px 24px #a855f7aa)}.sv-trending{padding:20px 22px}.sv-trending h3 svg{color:#f472b6}.sv-trending ol{margin:14px 0 0;padding:0;list-style:none}.sv-trending li button{display:flex;align-items:center;gap:16px;width:100%;padding:9px 4px;border:0;border-radius:12px;background:none;color:#fff;text-align:left}.sv-trending li button:hover{background:#ffffff08}.sv-trending .rank{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#221c35;color:#d8d1e6;font-weight:700}.sv-trending b{display:block;font-size:17px}.sv-trending i{color:var(--muted);font-style:normal;font-size:14px}.sv-pymk{padding:20px 22px}.sv-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sv-card-head h3 svg{color:#a855f7}.sv-card-head button{border:0;background:none;color:#c084fc;font-weight:700;font-size:15px}.sv-pymk-row{display:flex;align-items:center;gap:10px;padding:8px 0}.sv-pymk-row .who{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0;border:0;background:none;color:#fff;text-align:left}.sv-pymk-row .who img{width:50px;height:50px;border-radius:50%;object-fit:cover}.sv-pymk-row .who span{display:flex;flex-direction:column;min-width:0}.sv-pymk-row .who b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-pymk-row .who i{color:var(--muted);font-style:normal;font-size:13px}.sv-follow{height:38px;padding:0 18px;border:0;border-radius:11px;background:var(--grad);color:#fff;font-weight:700;white-space:nowrap}.sv-follow.on{background:#221c35;color:#d8d1e6;box-shadow:inset 0 0 0 1px var(--line-2)}.sv-x{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:none;color:#a59fbd}.sv-x:hover{background:#ffffff0c;color:#fff}.sv-challenge{display:flex;flex-direction:column;gap:6px;padding:20px 22px;background:radial-gradient(80% 120% at 0% 0%,#ec489933,transparent 60%),linear-gradient(180deg,#15111f,#110e1a)}.sv-challenge small{color:#f9a8d4;font-size:12px;font-weight:800;letter-spacing:1.2px}.sv-challenge b{font-size:24px;font-weight:800}.sv-challenge p{margin:0;color:#cfc8de;line-height:1.5}.sv-challenge button{align-self:flex-start;display:flex;align-items:center;gap:6px;margin-top:6px;padding:0;border:0;background:none;color:#c084fc;font-weight:700}.primary,.sv-post{background:var(--grad)}.modal{border-color:var(--line-2);background:linear-gradient(160deg,#1a1430,#100d1a)}.toast{border-color:#8b3dff66;background:#1a1430}.find-friends{border-color:var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#15111f,#110e1a)}.follow-btn{background:var(--grad)}.query-row,.query-people,.friends-links{margin:0}.sv-fab,.sv-bottom{display:none}@media(max-width:1440px){.sv-layout{grid-template-columns:260px minmax(0,760px) 400px;gap:22px}}@media(max-width:1240px){.sv-layout{grid-template-columns:84px minmax(0,1fr);max-width:1000px}.sv-right{display:none}.sv-nav-item{justify-content:center;padding:0}.sv-nav-item span,.sv-more,.sv-promo,.sv-side .sv-foot{display:none}.sv-nav-item .sv-count{position:absolute;margin:0;transform:translate(14px,-12px);min-width:20px;height:20px;line-height:20px;font-size:10px;padding:0 5px}.sv-nav-item{position:relative}}@media(max-width:760px){.sv-top{height:60px;gap:6px;padding:0 8px 0 4px}.sv-burger{display:grid}.sv-word{font-size:22px}.sv-logo svg{width:30px;height:26px}.sv-search{display:none}.sv-top.searching .sv-search{display:flex;position:absolute;top:8px;right:8px;bottom:8px;left:8px;height:44px;margin:0;max-width:none;z-index:2;background:#110e1c}.sv-top.searching .sv-search-x{display:grid;place-items:center;border:0;background:none;color:#ccc}.sv-search-open{display:grid}.sv-actions{gap:2px;margin-left:auto}.sv-create{display:none}.sv-me-btn img{width:36px;height:36px}.sv-me-btn svg{display:none}.sv-login{height:38px;padding:0 12px}.sv-layout{display:block;padding:12px 0 110px}.sv-main{gap:12px}.sv-side{position:fixed;z-index:46;top:0;left:0;bottom:0;width:min(84vw,320px);max-height:none;padding:16px;background:#0e0b18;border-right:1px solid var(--line-2);transform:translate(-102%);transition:transform .22s ease}.sv-side.open{transform:none}.sv-side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.sv-nav-item{justify-content:flex-start;padding:0 16px}.sv-nav-item span,.sv-promo,.sv-side .sv-foot,.sv-more{display:flex}.sv-nav-item .sv-count{position:static;transform:none;margin-left:auto}.sv-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#000a}.sv-card,.post,.find-friends,.empty{border-radius:0;border-left:0;border-right:0}.sv-stories{padding:14px 12px}.sv-story{width:74px}.sv-story .ring img{width:64px;height:64px}.sv-story b{font-size:12px}.sv-composer{padding:14px}.sv-composer-row img{width:42px;height:42px}.sv-composer-row input{height:46px;font-size:16px}.sv-composer-actions{gap:0;justify-content:space-between}.sv-composer-actions button{padding:8px;font-size:13px;gap:6px}.sv-post{height:40px;padding:0 18px!important;font-size:14px!important}.sv-tabs{margin:0 12px;width:auto}.sv-tabs button{flex:1;padding:10px 8px}.sv-page-head{padding:4px 14px 0}.post{padding:14px 12px}.avatar-btn img{width:44px;height:44px}.post-user b{font-size:16px}.post-user span{font-size:12px}.caption,.tag{font-size:15px}.post .video{height:min(72vh,560px);margin:0 -12px;border-radius:0}.post-actions{gap:18px}.post-actions button{font-size:14px}.query-row,.query-people,.friends-links{padding:0 12px}.sv-bottom{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;height:68px;padding-bottom:env(safe-area-inset-bottom);background:#0b0914f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line)}.sv-bottom button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:60px;min-height:48px;justify-content:center;border:0;background:none;color:#8c85a6;font-size:11px;font-weight:700}.sv-bottom button.active{color:#fff}.sv-bottom button.active svg{color:#c084fc}.sv-fab{position:fixed;z-index:31;right:16px;bottom:calc(84px + env(safe-area-inset-bottom));display:grid;place-items:center;width:60px;height:60px;border:0;border-radius:50%;background:var(--grad);color:#fff;box-shadow:0 12px 30px #8b3dff88}.toast{bottom:calc(150px + env(safe-area-inset-bottom))}}.sv-top .sv-burger,.sv-top .sv-search-open{display:none}.sv-right>*,.sv-side>*{flex-shrink:0}.sv-story .ring.plain{background:var(--grad-ring)}.create-disc{display:grid;place-items:center;width:80px;height:80px;border:3px solid #120f1c;border-radius:50%;background:linear-gradient(135deg,#3b1d6e,#5b21b6);color:#fff}.sv-story .ring .mini-me{position:absolute;right:-2px;bottom:-2px;width:30px!important;height:30px!important;border:3px solid #120f1c!important;opacity:1}.video-top .sound-link,.video-top .sound{flex:0 1 auto;width:max-content;max-width:78%;min-width:0}.post .video{height:auto;aspect-ratio:var(--ar,16/9);max-height:min(78vh,620px);margin-inline:auto;width:100%}.post .video video{object-fit:cover}.post-user{min-width:0;flex:1}.post-user span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-user .pub{display:inline-flex;align-items:center;gap:5px}@media(max-width:760px){.sv-top .sv-burger,.sv-top .sv-search-open{display:grid}.create-disc{width:64px;height:64px}.follow{height:32px;padding:0 10px;font-size:12px}.post-user .pub{display:none}.post .video{max-height:75vh;margin:0 -12px;width:calc(100% + 24px)}}.sv-story .ring.story{background:var(--grad-ring)}.sv-story .ring.story.seen{background:#3a3350}button.ring{border:0;cursor:pointer}.sv-story.has-story{position:relative}.sv-story.has-story .ring{padding:3px}.story-plus{position:absolute;top:58px;left:58px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:3px solid #120f1c;border-radius:50%;background:var(--grad);color:#fff}@media(max-width:760px){.story-plus{top:46px;left:46px;width:24px;height:24px}}.story-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;gap:18px;background:#05040acc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.story-stage{position:relative;display:flex;flex-direction:column;width:min(100vw,calc((100dvh - 24px)*.5625),460px);height:min(100dvh,calc(min(100vw,460px) * 16 / 9));max-height:100dvh;border-radius:18px;overflow:hidden;background:#000;box-shadow:0 30px 100px #000c}.story-bars{position:absolute;z-index:3;top:10px;left:10px;right:10px;display:flex;gap:4px}.story-bars span{flex:1;height:3px;border-radius:3px;background:#ffffff4d;overflow:hidden}.story-bars i{display:block;height:100%;background:#fff}.story-head{position:absolute;z-index:3;top:20px;left:8px;right:6px;display:flex;align-items:center;gap:4px}.story-who{display:flex;align-items:center;gap:9px;min-width:0;margin-right:auto;padding:6px;border:0;background:none;color:#fff;text-align:left}.story-who img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid #fff3}.story-who b{display:flex;align-items:center;gap:4px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 6px #0009}.story-who i{font-style:normal;font-size:13px;color:#fffb;white-space:nowrap}.story-icon{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:none;color:#fff;filter:drop-shadow(0 1px 4px #0009)}.story-paused{color:#fff;margin-right:4px}.story-media{position:relative;flex:1;display:grid;place-items:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;cursor:pointer}.story-media:before{content:"";position:absolute;inset:0 0 auto;height:120px;z-index:1;background:linear-gradient(#000a,transparent);pointer-events:none}.story-media img,.story-media video{width:100%;height:100%;object-fit:contain;pointer-events:none}.story-caption{position:absolute;z-index:2;left:16px;right:16px;bottom:24px;margin:0;padding:10px 14px;border-radius:14px;background:#000a;color:#fff;font-size:16px;font-weight:600;line-height:1.35;text-align:center;overflow-wrap:anywhere}.story-foot{display:flex;justify-content:center;gap:10px;padding:12px;background:#000}.story-foot:empty{display:none}.story-foot button{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border:1px solid #ffffff2a;border-radius:99px;background:#ffffff12;color:#fff;font-weight:700}.story-side{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:50%;background:#ffffff1f;color:#fff}.story-side:hover{background:#fff3}.story-sheet{position:absolute;z-index:5;left:0;right:0;bottom:0;max-height:70%;overflow:auto;padding:16px;border-radius:18px 18px 0 0;background:#14101f;border-top:1px solid var(--line-2)}.story-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.story-sheet-head button{border:0;background:none;color:#ccc}.story-sheet .person{width:100%;border:0;background:none;color:inherit;text-align:left}.story-sheet .row{display:flex;gap:10px;margin-top:12px}.story-sheet .row>*{flex:1}.primary.danger{background:#e11d48}.story-media .spin{width:34px;height:34px}@media(max-width:760px){.story-screen{background:#000}.story-stage{width:100vw;height:100dvh;border-radius:0}.story-side{display:none}}.story-compose{width:min(100%,440px)}.story-pick{display:flex;flex-direction:column;gap:10px;margin:14px 0}.story-pick .dropzone{margin:0}.story-preview{position:relative;display:grid;place-items:center;width:min(100%,260px);aspect-ratio:9/16;margin:14px auto;border-radius:16px;overflow:hidden;background:#000}.story-preview img,.story-preview video{width:100%;height:100%;object-fit:cover}.story-preview .story-caption{font-size:13px;bottom:12px;left:10px;right:10px}.story-change{position:absolute;top:10px;right:10px;padding:6px 12px;border:0;border-radius:99px;background:#000a;color:#fff;font-weight:700;font-size:13px}.notif-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:#0006}.notif-panel{position:fixed;z-index:56;top:84px;right:24px;display:flex;flex-direction:column;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 104px);border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(160deg,#1a1430,#100d1a);box-shadow:0 30px 90px #000b}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:16px 14px 10px 20px;border-bottom:1px solid var(--line)}.notif-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:20px}.notif-head h2 svg{color:#c084fc}.notif-list{overflow:auto;padding:6px 8px 12px}.notif{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:14px;cursor:pointer}.notif:hover{background:#ffffff08}.notif.unread{background:#8b3dff17}.notif.unread:after{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--pink);order:9}.notif-av{position:relative;flex:none}.notif-av img{display:block;width:48px;height:48px;border-radius:50%;object-fit:cover}.notif-ic{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;width:22px;height:22px;border:2px solid #15111f;border-radius:50%;color:#fff}.notif-ic.k-like{background:#ec4899}.notif-ic.k-comment{background:#8b5cf6}.notif-ic.k-follow,.notif-ic.k-friend{background:#0ea5e9}.notif-ic.k-live{background:#ff3b6b}.notif p{flex:1;min-width:0;margin:0;color:#d9d3ea;font-size:14px;line-height:1.4}.notif p b{display:inline-flex;align-items:center;gap:3px;color:#fff}.notif p q{color:#bdb5d4}.notif time{display:block;margin-top:2px;color:var(--faint);font-size:12px}.notif .follow-btn.small{flex:none}.notif-thumb{flex:none;width:44px;height:58px;border-radius:8px;overflow:hidden;background:#000}.notif-thumb video,.notif-thumb .embed-thumb{width:100%;height:100%;object-fit:cover}.notif-thumb .embed-thumb b{font-size:8px}.notif-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:50px 20px;text-align:center;color:var(--muted)}.notif-empty svg{color:#c084fc}.notif-empty b{color:#fff;font-size:16px}@media(max-width:760px){.notif-panel{right:0;bottom:0;left:0;top:0;width:100vw;max-height:none;border:0;border-radius:0}.sv-top .sv-msg{display:none}}.post .video.embed{height:auto;aspect-ratio:auto;max-height:none;overflow:visible;background:none}.post .video.embed:after{display:none}.post .video.embed .video-top{position:static;margin-top:8px}.embed-frame{position:relative;width:min(100%,calc(min(78vh,720px) * var(--ar,1.7778)));aspect-ratio:var(--ar,16/9);margin:0 auto;border-radius:16px;overflow:hidden;background:#000}.embed-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;padding:0;border:0;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--prov) 35%,#1a1430),#0b0814 70%);color:#fff}.embed-cover img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85}.embed-play{position:relative;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#000a;border:2px solid #fff6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.embed-cover:hover .embed-play{transform:scale(1.06)}.embed-from{position:relative;padding:6px 14px;border-radius:99px;background:#000b;font-weight:700;font-size:14px}.open-orig{display:inline-flex!important;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--line-2);border-radius:99px;background:#110e1c;color:#d9d3ea;font-size:12px;font-weight:600;text-decoration:none}.open-orig:hover{color:#fff;border-color:#a855f7}.prov-badge{display:inline-block;padding:3px 9px;border-radius:99px;background:color-mix(in srgb,var(--prov) 22%,#15111f);border:1px solid color-mix(in srgb,var(--prov) 60%,transparent);color:#fff;font-size:12px;font-weight:800}.embed-thumb{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--prov) 45%,#1a1430),#0b0814 75%)}.embed-thumb img{width:100%;height:100%;object-fit:cover}.embed-thumb b{font-size:12px;color:#fff}.thumb .embed-thumb{position:absolute;top:0;right:0;bottom:0;left:0}.import-sheet{width:min(100%,520px)}.import-sheet .seg{margin:14px 0 10px}.import-sheet .seg button{display:flex;align-items:center;justify-content:center;gap:6px}.link-row{display:flex;gap:8px;margin:10px 0}.link-row input{flex:1;min-width:0}.link-row .secondary{flex:none;padding:0 14px}.link-preview{margin:12px 0}.link-preview-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--muted);font-size:13px}.link-preview .embed-frame{width:min(100%,calc(52vh * var(--ar,1.7778)))}.import-sheet label{margin-top:10px}.tips{display:flex;flex-direction:column;gap:2px;margin:14px 0}.tip{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;background:#ffffff07}.tip b{font-size:14px}.tip span{color:var(--muted);font-size:13px;line-height:1.45}.share-hint{display:flex;gap:12px;padding:14px;border:1px solid var(--line-2);border-radius:14px;background:#8b3dff12}.share-hint>svg{flex:none;color:#c084fc;margin-top:2px}.share-hint>div{display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.45;color:var(--muted)}.share-hint b{color:#fff;font-size:14px}.share-hint .secondary{align-self:flex-start;margin-top:4px;padding:9px 14px}.share-hint .muted{display:flex;align-items:center;gap:5px;font-size:12px}.ic-import{color:#22d3ee}@media(max-width:760px){.sv-composer-actions button{padding:8px 5px;gap:5px;font-size:12px}.sv-composer-actions button svg{width:18px;height:18px}}@media(max-width:400px){.sv-composer-actions button span{font-size:11px}}.sv-story.create.has-story .ring img{opacity:1}.post .video.photos{height:auto;aspect-ratio:auto;max-height:none;background:#000}.post .video.photos:after{display:none}.photo-carousel{position:relative;width:100%;background:#000}.photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.photo-track::-webkit-scrollbar{display:none}.photo-slide{flex:0 0 100%;display:grid;place-items:center;aspect-ratio:var(--ar,.8);max-height:min(78vh,720px);scroll-snap-align:center;background:#000}.photo-slide img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.photo-count{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:99px;background:#000a;color:#fff;font-size:12px;font-weight:700}.post .video.photos .video-top~.photo-count{top:auto}.photo-nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#000a;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.photo-nav.prev{left:10px}.photo-nav.next{right:10px}.photo-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:5px;pointer-events:none}.photo-dots i{width:6px;height:6px;border-radius:50%;background:#fff6}.photo-dots i.on{background:#fff;width:16px;border-radius:3px}.post .video.photos .video-top{position:absolute;top:12px;left:12px;right:60px}@media(max-width:760px){.photo-nav{display:none}}.photo-strip{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;margin:12px 0}.ps-item,.ps-add{position:relative;flex:0 0 96px;height:128px;border-radius:12px;overflow:hidden}.ps-item img{width:100%;height:100%;object-fit:cover}.ps-n{position:absolute;top:6px;left:6px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#000b;color:#fff;font-size:11px;font-weight:800}.ps-x{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#000b;color:#fff}.ps-move{position:absolute;left:0;right:0;bottom:5px;display:flex;justify-content:center;gap:6px}.ps-move button{display:grid;place-items:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#000b;color:#fff}.ps-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed #8b5cf6aa;background:#8b3dff12;color:#d9c8ff;font-weight:700;font-size:12px}.chosen-sound.big{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;font-size:14px}.chosen-sound.big .cs-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chosen-sound.big button{flex:none;padding:4px 10px;border:1px solid var(--line-2);border-radius:99px;background:none;color:#ddd;font-size:12px}.chosen-sound.big .cs-x{display:grid;place-items:center;width:28px;height:28px;padding:0}.sound-picker{margin:10px 0;padding:10px;border:1px solid var(--line-2);border-radius:14px;background:#0f0c18}.sound-picker input{width:100%;margin-bottom:8px}.sp-list{max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px}.sp-row{display:flex;align-items:center;gap:10px;padding:7px 6px;border-radius:10px}.sp-row.on{background:#8b3dff22}.sp-row .disc{flex:none;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--grad);color:#fff}.sp-row .sr-text{flex:1;min-width:0;display:flex;flex-direction:column}.sp-row .sr-text b,.sp-row .sr-text i{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-row .sr-text i{font-style:normal;font-size:12px;color:var(--muted)}.sp-row .mini{flex:none;padding:6px 12px;border:1px solid var(--line-2);border-radius:99px;background:none;color:#fff;font-weight:700;font-size:12px}.sp-row .mini.on{background:var(--grad);border-color:transparent}.add-music{margin:8px 0}.thumb .thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.notif-thumb img{width:100%;height:100%;object-fit:cover}.forgot{display:block;margin:-4px 0 10px auto;padding:2px 0;border:0;background:none;color:#c4a8ff;font-size:13px;font-weight:600}.forgot:hover{color:#fff;text-decoration:underline}@media(max-width:760px){.sv-composer-actions{gap:2px}.sv-composer-actions button{padding:8px 4px;gap:4px}.sv-composer-actions .primary,.sv-composer-actions .sv-post{padding:0 14px}}@media(max-width:420px){.sv-composer .sv-composer-actions .sv-post{padding:0 12px;min-width:0}.sv-composer .sv-composer-actions button{min-width:0;flex:0 1 auto}.sv-composer .sv-composer-actions button svg{width:16px;height:16px}}@media(max-width:420px){.sv-composer .sv-composer-actions .sv-post{padding:0 14px!important}}
