:root{color-scheme:dark;--bg:#08090e;--panel:#14151c;--panel2:#1d1d27;--edge:rgba(255,255,255,.1);--white:#f8f8fa;--muted:#92939d;--pink:#ff3267;--pink2:#fa577d;--aqua:#36eee0;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}img{max-width:100%;object-fit:cover}em{font-style:normal;color:var(--pink)}[hidden]{display:none!important}
.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr) 285px;min-height:100dvh;max-width:1920px;margin:auto}.desktop-sidebar{position:sticky;top:0;height:100dvh;padding:29px 21px 22px;border-right:1px solid var(--edge);display:flex;flex-direction:column;background:#0b0c11;z-index:15}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:29px;letter-spacing:-1.8px;line-height:1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ff4772,#d91552);box-shadow:-3px 3px 0 rgba(54,238,224,.9);font-size:20px;color:#fff;letter-spacing:0;transform:rotate(-3deg)}.brand-accent{color:var(--pink)}.brand small{display:block;font-size:8px;letter-spacing:2.1px;margin-top:7px;color:#71747f;font-weight:800}.side-nav{display:grid;gap:7px;margin-top:49px}.nav-item{display:flex;align-items:center;gap:17px;padding:15px 17px;border-radius:13px;font-size:15px;font-weight:650;color:#c7c7d0;transition:.2s}.nav-item svg{width:23px;height:23px}.nav-item:hover{background:#22212a;color:white}.nav-item.active{background:linear-gradient(95deg,rgba(255,50,103,.18),rgba(255,50,103,.04));color:#ff507b}.primary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:11px;padding:14px 17px;font-weight:800;font-size:14px;line-height:1.3;white-space:nowrap;transition:filter .2s,transform .2s}.primary-btn:hover{filter:brightness(1.11);transform:translateY(-1px)}.primary-btn{color:white;background:linear-gradient(110deg,#ff3165,#e82053);box-shadow:0 7px 23px rgba(252,39,95,.17)}.outline-btn{border:1px solid #454552;background:rgba(255,255,255,.03);color:white}.outline-btn:hover{border-color:var(--pink)}.primary-btn svg,.outline-btn svg{width:18px;height:18px}.sidebar-upload{margin-top:26px;width:100%}.side-account{margin-top:auto;background:#15151d;border:1px solid var(--edge);padding:17px;border-radius:14px}.side-account p{font-size:13px;color:#b1b2be;line-height:1.6;margin:0 0 15px}.side-account .outline-btn{width:100%;font-size:13px}.side-account .text-link{display:block;text-align:center;font-size:13px;font-weight:750;margin:15px 0 0}.side-signed{background:transparent;padding:0;border:0}.account-row{display:flex;align-items:center;gap:11px;margin-bottom:15px}.account-row b{display:block;font-size:13px}.account-row small{display:block;color:#878995;font-size:12px;margin-top:4px}.logout-btn{border:0;color:#9e9eaa;background:none;display:flex;gap:10px;align-items:center;font-size:13px;padding:8px 0}.logout-btn svg{width:16px}.side-footer{color:#61616e;font-size:10px;line-height:1.8;margin-top:28px}.side-footer span{display:block}.page-main{min-width:0;min-height:100dvh}.right-sidebar{border-left:1px solid var(--edge);padding:34px 23px;position:sticky;top:0;height:100dvh;overflow:auto}.right-label{color:#7d7d8c;font-size:10px;font-weight:850;letter-spacing:1.8px;margin-bottom:19px}.discover-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 100%,#732340 0%,transparent 65%),linear-gradient(135deg,#251323,#14131e);border:1px solid rgba(255,90,128,.22);border-radius:18px;padding:26px 20px;margin-bottom:35px}.discover-card .sparkle{font-size:30px;color:var(--aqua)}.discover-card h3{font-size:24px;line-height:1.15;letter-spacing:-1px;margin:22px 0 10px}.discover-card p{font-size:12px;line-height:1.7;color:#aaa0ad}.discover-card a{display:flex;justify-content:space-between;margin-top:23px;font-size:13px;color:#ff7295;font-weight:800}.trend-list{display:grid;gap:19px}.trend-list a{font-size:14px;font-weight:800}.trend-list small{display:block;color:#777884;font-size:11px;font-weight:400;margin-top:5px}.right-note{font-size:11px;line-height:1.7;color:#60616c;margin-top:50px}.avatar{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#6b4eee,#f9387b);color:white;font-size:21px;font-weight:900;overflow:hidden;border:2px solid rgba(255,255,255,.8)}.avatar img{height:100%;width:100%;object-fit:cover}.avatar.small{width:39px;height:39px;font-size:16px;border:1px solid rgba(255,255,255,.2)}
/* immersive feed */
.feed-page{height:100dvh;overflow:hidden}.feed-wrap{height:100dvh;position:relative}.reel-scroller{height:100dvh;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.reel-scroller::-webkit-scrollbar{display:none}.reel{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:flex;justify-content:center;align-items:center;padding:17px 12px}.reel-stage{height:calc(100dvh - 34px);aspect-ratio:9/16;position:relative;max-width:min(100%,550px);background:#171722;overflow:hidden;border-radius:18px;box-shadow:0 10px 60px #0008}.clip-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#12121b}.reel-backdrop{position:absolute;inset:0;background:linear-gradient(135deg,#6f255a,#153d4a 65%,#0b0c20);background-position:center;background-size:cover}.reel-vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(180deg,#0007 0%,transparent 19%,transparent 44%,#0002 60%,rgba(0,0,0,.83) 100%)}.feed-tabs{position:absolute;z-index:4;top:29px;left:50%;transform:translateX(-50%);display:flex;gap:24px;padding:4px 9px;background:rgba(10,10,14,.28);border-radius:40px;backdrop-filter:blur(14px);white-space:nowrap}.feed-tabs a,.feed-tabs span{padding:9px 1px;font-weight:750;color:#c2c2ca;font-size:15px}.feed-tabs a.active{color:white;border-bottom:3px solid var(--pink)}.feed-hint{position:absolute;bottom:32px;right:15px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;font-weight:800;color:#777883;pointer-events:none}.feed-hint span{font-size:21px;margin-top:14px}.reel-tools-top{position:absolute;top:22px;left:22px;right:19px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.reel-badge{font-size:10px;font-weight:900;letter-spacing:2px;color:#fff8}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);margin-right:7px;box-shadow:0 0 10px var(--aqua)}.sound-toggle{pointer-events:auto;border:1px solid #fff3;background:#0006;border-radius:50%;width:35px;height:35px;color:white;display:grid;place-items:center}.sound-toggle svg{width:17px;height:17px}.video-tap-zone{position:absolute;inset:0;cursor:pointer;z-index:1;display:grid;place-items:center}.center-play{opacity:0;transform:scale(.84);transition:.16s;display:grid;place-items:center;background:#0006;width:75px;height:75px;border-radius:50%;backdrop-filter:blur(6px)}.center-play svg{height:30px;width:30px;fill:white}.reel.paused .center-play{opacity:1;transform:scale(1)}.reel-meta{position:absolute;left:22px;bottom:44px;right:87px;z-index:3;pointer-events:none;text-shadow:0 2px 9px #000c}.reel-meta a,.reel-meta button{pointer-events:auto}.creator-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.creator-handle{font-size:16px;letter-spacing:-.2px;font-weight:900}.verified-dot{border-radius:50%;background:#44adff;color:#fff;text-shadow:none;font-size:11px;width:16px;height:16px;text-align:center;line-height:16px}.inline-follow{border:1px solid #fff9;background:#1115;color:white;border-radius:6px;font-size:11px;font-weight:900;padding:5px 10px;margin-left:3px}.inline-follow.following{background:#ffffff2e;border-color:#ffffff45}.reel-caption{font-size:13px;line-height:1.6;margin:12px 0;max-width:310px;max-height:90px;overflow:hidden;white-space:pre-line;overflow-wrap:anywhere}.reel-sound{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650;opacity:.94}.reel-sound span:first-child{font-size:22px}.reel-actions{position:absolute;right:12px;bottom:82px;z-index:3;display:flex;flex-direction:column;align-items:center;gap:15px}.profile-action{position:relative;margin-bottom:3px}.profile-action::after{content:'+';position:absolute;width:19px;height:19px;background:var(--pink);border-radius:50%;bottom:-8px;left:50%;transform:translateX(-50%);font-size:17px;display:grid;place-items:center;font-weight:800;line-height:1}.action-button{color:#fff;display:grid;place-items:center;gap:4px;border:0;background:transparent;padding:0;min-width:54px}.action-disc{display:grid;place-items:center;width:48px;height:48px;background:#1117;border:1px solid #fff3;border-radius:50%;backdrop-filter:blur(8px)}.action-disc svg{width:25px;height:25px;stroke-width:2.1}.action-count{font-size:11px;font-weight:800;text-shadow:0 1px 8px #000}.action-button.active .action-disc{color:var(--pink)}.action-button.active[data-action="like"] .action-disc svg{fill:var(--pink);stroke:var(--pink)}.action-button.active[data-action="save"] .action-disc svg{fill:var(--pink);stroke:var(--pink)}.more-action .action-disc{width:34px;height:34px;background:transparent;border:0}.more-action .action-disc svg{width:24px}.video-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff2d;z-index:4;pointer-events:none}.video-progress span{display:block;height:100%;width:0%;background:#fff;transition:width .12s linear}.empty-feed{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-feed>span{color:var(--aqua);font-size:55px}.empty-feed h2{font-size:25px}.empty-feed p{max-width:350px;color:var(--muted);line-height:1.6}.empty-feed a{min-width:190px;margin:7px}.mobile-nav{display:none}
/* content pages */
.content-page{max-width:1020px;margin:0 auto;padding:53px 44px 100px}.page-eyebrow,.form-eyebrow{color:var(--pink);font-weight:900;font-size:10px;letter-spacing:2.1px;margin-bottom:13px}.eyebrow-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--aqua);margin-right:8px}.content-page h1,.form-card h1{font-size:clamp(38px,4.4vw,57px);font-weight:900;line-height:1.06;letter-spacing:-2.8px;margin:0}.subhead{font-size:15px;color:#9495a1;line-height:1.8;margin:18px 0 31px}.search-box{display:flex;align-items:center;gap:12px;padding:7px 7px 7px 20px;background:#181923;border:1px solid #30313a;border-radius:14px;margin:28px 0 42px}.search-box svg{width:21px;color:#7d7f8e}.search-box input{min-width:0;flex:1;background:none;border:none;outline:none;color:#fff;padding:12px 0;font-size:14px}.search-box button{padding:12px 22px;border:0;border-radius:9px;background:var(--pink);color:#fff;font-weight:850}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--edge);padding-bottom:17px;margin:36px 0 23px}.section-head h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-head>a,.section-head>span{font-size:12px;color:#8c8d98}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid-video{min-width:0}.grid-thumb{position:relative;aspect-ratio:9/13;border-radius:11px;background:linear-gradient(150deg,#382b62,#a23c62 50%,#173d50);overflow:hidden;background-position:center;background-size:cover}.grid-thumb video{width:100%;height:100%;object-fit:cover}.grid-thumb::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.grid-video:hover .grid-thumb{filter:brightness(1.14)}.grid-play{position:absolute;z-index:1;bottom:13px;left:13px;display:flex;gap:6px;font-size:12px;font-weight:750;align-items:center}.grid-play svg{width:14px;height:14px;fill:white}.grid-details{display:flex;flex-direction:column;gap:5px;padding:10px 1px 2px;color:#a6a7b2;font-size:12px;line-height:1.5}.grid-details b{color:#fff;font-size:12px}.people-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.person-pill{border:1px solid var(--edge);background:#16161e;padding:10px 13px;border-radius:12px;display:flex;align-items:center;gap:9px}.person-pill b,.person-pill small{display:block;font-size:12px}.person-pill small{color:#878894;margin-top:4px}.no-results{border:1px dashed #333440;border-radius:14px;text-align:center;color:#9495a0;padding:50px 20px;font-size:14px}.no-results a{color:var(--pink)}.paginator{display:flex;justify-content:center;overflow:auto;margin:30px 0;color:#fff}.paginator nav{max-width:100%;overflow:hidden}.paginator a{color:var(--pink)}.paginator svg{display:inline-block;width:14px}
/* forms */
.narrow-page{max-width:530px;margin:0 auto;padding:57px 25px 100px}.auth-visual{height:97px;display:flex;align-items:center;justify-content:center;gap:17px;font-size:47px;color:var(--aqua)}.auth-visual span{font-size:12px;letter-spacing:2.5px;color:#83848d;font-weight:900}.form-card{border:1px solid #282933;border-radius:19px;background:linear-gradient(150deg,#17171f,#111219);padding:34px;box-shadow:0 18px 80px #0003}.form-card h1{font-size:40px;letter-spacing:-2px}.form-card .subhead{font-size:14px;margin:12px 0 28px}.form-card form{display:grid;gap:18px}.form-card label{display:block;font-size:13px;font-weight:760;color:#d7d7df}.form-card input:not([type=checkbox]):not([type=file]),.form-card textarea,.form-card select{display:block;width:100%;color:#fff;background:#0f1017;border:1px solid #33343d;outline:none;border-radius:11px;padding:14px;margin-top:9px;transition:border-color .2s}.form-card input:focus,.form-card textarea:focus{border-color:var(--pink)}.form-card input[type=file]{display:block;margin:10px 0;color:#a4a4af;max-width:100%;font-weight:400}.form-card textarea{resize:vertical;line-height:1.6}.checkbox-line{display:flex!important;align-items:center;gap:11px;color:#a0a1ad!important;font-size:13px!important;font-weight:500!important}.checkbox-line input{accent-color:var(--pink);width:17px;height:17px;margin:0}.input-hint{color:#6e6e7b;font-size:11px;font-weight:400;margin-left:5px}.full{width:100%;justify-content:space-between;padding:16px 20px}.form-errors{background:#7022394d;color:#ff98ae;font-size:12px;line-height:1.7;padding:12px;border:1px solid #ff497343;border-radius:9px}.form-foot{font-size:13px;text-align:center;color:#8c8d99;margin:23px 0 0}.form-foot a{color:var(--pink);font-weight:800}.form-card.wide{max-width:none}.form-card h2{font-size:22px;margin:0 0 12px}.microcopy{font-size:11px;line-height:1.7;color:#81818d}.settings-page{max-width:720px}.settings-page .form-card{margin-top:31px}.edit-avatar-row{display:flex;align-items:center;gap:25px}.edit-avatar-row small{font-size:11px;color:#8b8c98}.edit-avatar-row .profile-avatar{width:90px;height:90px}
/* profile */
.profile-cover{height:170px;position:relative;background:radial-gradient(circle at 76% 20%,#b22b57 0%,transparent 36%),linear-gradient(125deg,#17142f,#51254a,#112b38);border-radius:15px;overflow:hidden}.profile-cover>span{position:absolute;right:60px;top:-23px;font-size:200px;opacity:.2;color:var(--aqua)}.profile-cover small{position:absolute;bottom:20px;right:25px;font-weight:900;letter-spacing:2px;font-size:10px;color:#fff8}.profile-header{display:flex;align-items:flex-start;gap:26px;margin:0 0 35px;padding:0 9px}.profile-avatar{width:130px;height:130px;border:6px solid var(--bg);font-size:46px;margin-top:-45px;position:relative}.profile-intro{flex:1;min-width:0;padding-top:20px}.profile-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.profile-title-row h1{font-size:28px;letter-spacing:-1px}.profile-title-row p{color:#9999a4;font-size:13px;margin:6px 0}.stats-row{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:#999aa5;margin:19px 0}.stats-row b{color:#fff;margin-right:5px;font-size:15px}.profile-bio{font-size:13px;line-height:1.8;color:#c4c4cc;white-space:pre-line}.profile-web{font-size:12px;font-weight:750;color:var(--aqua);overflow-wrap:anywhere}.heading-count{font-size:14px;color:#777885;margin-left:5px}.profile-follow.following{background:#292a35;box-shadow:none}
/* upload */
.upload-page{max-width:1060px}.upload-layout{display:grid;grid-template-columns:minmax(245px,.82fr) 1.18fr;gap:26px;margin-top:31px}.upload-drop{position:relative;min-height:525px;border:2px dashed #3f4050;background:radial-gradient(ellipse at 20% 5%,#5f284845,transparent 60%),#14141e;border-radius:16px;display:grid;place-items:center;text-align:center;padding:30px;overflow:hidden}.upload-drop.dragover{border-color:var(--pink)}.file-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.drop-prompt{pointer-events:none;z-index:1}.drop-icon{width:68px;height:68px;border-radius:18px;background:#ff32671a;color:var(--pink);display:grid;place-items:center;margin:0 auto 22px}.drop-icon svg{height:31px;width:31px}.drop-prompt h3{font-size:20px;line-height:1.3}.drop-prompt p{color:#999aa5;font-size:14px}.drop-prompt small{display:block;color:#6e6f7c;font-size:11px;margin:18px 0 30px}.upload-preview{width:100%;max-height:450px;z-index:1;object-fit:contain;pointer-events:none}.upload-drop.previewing{display:flex;flex-direction:column;justify-content:center;gap:20px}.upload-drop.previewing .drop-prompt{display:none}.selected-filename{position:absolute;bottom:14px;font-size:11px;color:#fff9;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2}.upload-fields .form-card{padding:27px}.upload-status{margin:0;color:#aaa;font-size:12px}
/* comment drawer and toast */
.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:40}.comments-sheet{position:fixed;right:0;top:0;bottom:0;width:min(440px,100%);background:#171820;border-left:1px solid #ffffff18;box-shadow:-10px 0 80px #000a;z-index:41;display:flex;flex-direction:column;transform:translateX(103%);transition:transform .25s ease}.comments-sheet.open{transform:translateX(0)}.sheet-handle{display:none}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--edge)}.sheet-heading strong{font-size:16px}.sheet-heading span{color:#81818f}.plain-icon{background:none;border:0;color:#a6a6b0}.sheet-comments{overflow:auto;flex:1;padding:12px 19px}.comment{display:flex;align-items:flex-start;gap:11px;padding:14px 0;border-bottom:1px solid #ffffff09}.comment-body{flex:1;min-width:0}.comment-author{font-size:12px;font-weight:850;color:#f3f3f5}.comment-body p{font-size:13px;line-height:1.6;margin:5px 0 6px;white-space:pre-line;overflow-wrap:anywhere}.comment-body small{color:#7e7e8a;font-size:10px}.comment-delete{font-size:20px;color:#757580;border:0;background:none;padding:2px 7px}.empty-comments,.loading-state{font-size:14px;color:#9697a2;text-align:center;padding:80px 20px;line-height:1.6}.comments-limit{text-align:center;color:#868691;font-size:11px}.sheet-form{border-top:1px solid var(--edge);display:flex;gap:9px;padding:15px}.sheet-form input{flex:1;min-width:0;background:#242530;border:1px solid #373743;border-radius:30px;color:#fff;padding:13px 15px;outline:none;font-size:13px}.sheet-form button{border:none;background:none;color:var(--pink);font-weight:850;padding:5px}.toast{position:fixed;bottom:27px;left:50%;transform:translate(-50%,20px);opacity:0;background:#2a2b35;border:1px solid #ffffff25;color:white;padding:13px 19px;border-radius:12px;font-size:13px;z-index:90;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0 45px}.admin-stats>div{background:#181921;padding:25px;border-radius:12px}.admin-stats b,.admin-stats span{display:block}.admin-stats b{font-size:27px}.admin-stats span{color:var(--muted);font-size:12px;margin-top:5px}.moderation-row{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--edge);font-size:13px}.moderation-row>a{color:var(--aqua)}.moderation-row form{display:flex;gap:8px;align-items:center;margin-left:auto}.moderation-row select{background:#1b1b23;border:1px solid #33333b;color:white;border-radius:8px;padding:9px}
@media(max-width:1300px){.app-shell{grid-template-columns:235px minmax(0,1fr)}.right-sidebar{display:none}.feed-hint{display:none}}
@media(max-width:850px){.app-shell{display:block}.desktop-sidebar{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:20;background:#090a0feD;backdrop-filter:blur(14px);border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-around}.mobile-nav a{min-width:48px;display:flex;align-items:center;flex-direction:column;gap:4px;color:#8c8c98;font-size:10px;font-weight:720}.mobile-nav a.active{color:#fff}.mobile-nav svg{width:22px;height:22px}.mobile-nav .mobile-plus{width:47px;height:35px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(90deg,var(--aqua) 0 14%,white 14% 86%,var(--pink) 86%);color:#0a0a0f}.mobile-plus svg{width:25px;height:25px}.content-page{padding:31px 20px 106px}.narrow-page{padding:35px 15px 120px}.form-card{padding:26px}.profile-header{gap:13px}.profile-avatar{width:92px;height:92px;font-size:33px;margin-top:-36px}.profile-intro{padding-top:13px}.profile-title-row h1{font-size:23px}.stats-row{gap:12px}.feed-page,.feed-wrap,.reel-scroller,.reel{height:100dvh}.reel{padding:0}.reel-stage{width:100%;max-width:none;height:100dvh;aspect-ratio:auto;border-radius:0}.feed-tabs{top:calc(12px + env(safe-area-inset-top));left:50%;background:#0004}.reel-actions{bottom:calc(111px + env(safe-area-inset-bottom));right:10px;gap:13px}.reel-meta{bottom:calc(91px + env(safe-area-inset-bottom));left:14px;right:84px}.reel-tools-top{top:calc(18px + env(safe-area-inset-top));left:14px;right:14px}.video-progress{bottom:calc(63px + env(safe-area-inset-bottom));height:2px}.action-disc{width:42px;height:42px}.action-disc svg{width:23px;height:23px}.creator-handle{font-size:14px}.reel-caption{font-size:12px}.reel-sound{font-size:11px}.comments-sheet{top:auto;height:min(75dvh,760px);width:100%;border-radius:20px 20px 0 0;bottom:0;transform:translateY(103%);padding-bottom:env(safe-area-inset-bottom)}.comments-sheet.open{transform:translateY(0)}.sheet-handle{display:block;align-self:center;height:5px;width:47px;border-radius:10px;background:#4e4e5c;margin:10px 0 0}.sheet-heading{padding:12px 18px}.sheet-form{padding:12px}.toast{bottom:84px}.video-grid{gap:8px}.grid-thumb{border-radius:7px}.upload-layout{grid-template-columns:1fr}.upload-drop{min-height:365px}.content-page h1{letter-spacing:-1.5px}.profile-cover{height:120px}}
@media(max-width:430px){.form-card{padding:22px}.form-card h1{font-size:35px}.profile-header{position:relative;padding:0 2px}.profile-avatar{width:80px;height:80px;margin-top:-27px}.profile-title-row{flex-wrap:wrap;gap:8px}.profile-title-row .outline-btn,.profile-title-row .primary-btn{padding:9px 13px;font-size:12px}.profile-title-row h1{font-size:21px}.stats-row{gap:9px;font-size:10px}.stats-row b{font-size:13px}.grid-details{font-size:11px}.upload-page h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* ReelFlow cPanel edition: account, installer-linked UI, and moderation. */
.rf-auth-shade[hidden], .rf-auth-login[hidden], .rf-auth-register[hidden]{display:none!important}
.rf-auth-shade{position:fixed;inset:0;z-index:200;background:#000b;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(10px);overflow-y:auto}
.rf-auth-card{width:min(100%,430px);position:relative;background:linear-gradient(145deg,#23202c,#14141c 75%);border:1px solid #4a384a;border-radius:23px;padding:33px;box-shadow:0 18px 90px #000b}
.logo-inline{font-size:21px;font-weight:900;letter-spacing:-1px}.logo-inline span{color:#ff3267}.rf-auth-card h2{font-size:28px;margin:15px 0 22px}.rf-auth-card label,.rf-settings label{display:block;font-weight:750;font-size:13px;margin:14px 0;color:#ececf3}.rf-auth-card input,.rf-settings input{display:block;width:100%;border:1px solid #45414e;background:#101019;border-radius:12px;padding:13px 14px;color:#fff;font-size:15px;margin-top:8px}.rf-auth-card .primary-btn{width:100%;margin:14px 0;cursor:pointer;border:0}.rf-auth-card p{text-align:center;font-size:13px;color:#aaa8b6}.rf-auth-card a{color:#ff678c;font-weight:800}.rf-close{position:absolute;right:18px;top:14px;background:none;border:0;color:#eee;font-size:29px;cursor:pointer}.rf-settings input,.rf-settings textarea{width:100%;background:#17171e;border:1px solid #3a3945;border-radius:11px;color:white;padding:12px;font-size:15px}.rf-settings textarea{min-height:120px;margin-top:10px}.rf-menu{max-width:610px;display:flex;flex-direction:column;gap:12px;margin-top:27px}.rf-menu>a,.rf-menu-btn{display:flex;gap:13px;align-items:center;background:#1b1b25;border:1px solid #33313f;padding:16px 20px;border-radius:12px;text-decoration:none;color:#eee;font-size:15px;font-weight:700;cursor:pointer}.rf-menu svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.rf-menu-user{display:flex;gap:13px;align-items:center;padding:15px}.rf-menu-user p{margin:0;color:#a4a4af}.rf-menu-user .avatar{display:grid;place-items:center;background:#f36}.rf-menu-btn{width:100%}.rf-admin{padding:24px 0}.rf-admin h2{margin-top:22px}.rf-admin-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #3b3845;font-size:13px}.rf-admin-row p,.rf-muted{color:#aaa;font-size:12px;margin:4px 0}.rf-admin-row button{font-size:12px;margin:3px;padding:8px 12px}.rf-danger,.delete-reel{border:1px solid #b93454!important;background:#44192b!important;color:#ffdce4!important;border-radius:9px;cursor:pointer}.delete-reel{display:block;margin-top:10px;padding:6px 8px;font-size:11px}.rf-admin-row .outline-btn{border:1px solid #888;border-radius:9px;background:transparent;color:white;cursor:pointer}.rf-menu .primary-btn,.rf-menu .outline-btn{width:max-content}.demo-video-upload video{max-width:100%}.grid-thumb video{width:100%;height:100%;object-fit:cover}.feed-page .reel-scroller .empty-feed{min-height:80vh}.primary-btn:disabled{opacity:.5;cursor:wait}.comment-delete{border:0;color:#ff8aaa;background:transparent;cursor:pointer;font-size:22px}
@media(max-width:600px){.rf-auth-card{padding:22px}.rf-admin-row{flex-direction:column;align-items:start}}

/* Ten free videos then registration: non-dismissible, mobile-first gate. */
.rf-guest-gate[hidden]{display:none!important}
.rf-guest-gate{position:fixed;inset:0;z-index:150;background:rgba(7,7,13,.78);backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px);display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow-y:auto;overscroll-behavior:contain}
.rf-guest-locked{overflow:hidden}
.rf-guest-card{width:min(100%,438px);padding:38px 32px 32px;border-radius:27px;background:linear-gradient(150deg,#26202f 0%,#15151e 68%,#101219 100%);border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 90px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.07);text-align:center;color:#fff}
.rf-guest-emblem{position:relative;display:grid;place-items:center;margin:0 auto 24px;width:75px;height:75px;border-radius:23px;background:linear-gradient(130deg,#ff3877,#fa5b81 45%,#ff9478);box-shadow:0 12px 38px rgba(255,44,105,.3);font-size:31px;font-weight:900;transform:rotate(-6deg)}
.rf-guest-emblem>span:first-child{transform:rotate(6deg);margin-left:4px}
.rf-guest-star{position:absolute;right:-11px;top:-13px;font-size:26px;color:#75f4e7;transform:rotate(6deg)}
.rf-guest-eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:900;color:#ff91af;margin-bottom:12px}
.rf-guest-card h2{font-size:clamp(30px,6vw,40px);line-height:1.1;letter-spacing:-1.7px;font-weight:900;margin:0 0 17px}
.rf-guest-card h2 em{font-style:normal;background:linear-gradient(90deg,#ff447b,#ff9d93);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.rf-guest-card p{max-width:338px;margin:0 auto 22px;line-height:1.65;color:#b7b3c0;font-size:14px}
.rf-guest-progress{display:flex;justify-content:center;gap:6px;max-width:315px;margin:0 auto 30px}
.rf-guest-progress span{height:5px;min-width:0;flex:1;background:linear-gradient(90deg,#ff4279,#ff8f97);border-radius:20px}
.rf-guest-signup{display:flex;width:100%;align-items:center;justify-content:center;gap:13px;background:linear-gradient(95deg,#ff3267,#fc527f);border:0;border-radius:12px;color:#fff;font-size:15px;font-weight:900;padding:17px 19px;cursor:pointer;box-shadow:0 8px 30px rgba(255,44,96,.2)}
.rf-guest-signup span{font-size:22px;line-height:1}
.rf-guest-signup:hover{filter:brightness(1.07)}
.rf-guest-login{display:block;width:100%;background:transparent;border:0;color:#a5a1ad;font-size:13px;margin:20px 0 0;cursor:pointer}
.rf-guest-login strong{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rf-guest-foot{font-size:11px;color:#777583;margin-top:28px}
@media(max-width:520px){.rf-guest-gate{padding:16px 13px max(16px,env(safe-area-inset-bottom))}.rf-guest-card{padding:29px 22px 25px;border-radius:22px}.rf-guest-emblem{height:66px;width:66px;font-size:28px;margin-bottom:18px}.rf-guest-card h2{font-size:32px}.rf-guest-progress{margin-bottom:23px}.rf-guest-foot{margin-top:22px}}
@media(max-height:630px){.rf-guest-gate{align-items:flex-start}.rf-guest-card{margin:auto 0;padding-top:20px;padding-bottom:18px}.rf-guest-emblem{width:54px;height:54px;margin-bottom:10px}.rf-guest-card h2{font-size:30px;margin-bottom:9px}.rf-guest-card p{font-size:12px;margin-bottom:14px}.rf-guest-progress{margin-bottom:18px}.rf-guest-foot{margin-top:12px}}