:root{--navy:#061b3b;--navy2:#0b3766;--blue:#176ca0;--aqua:#58b6bd;--gold:#ffd47d;--ink:#10203b;--muted:#6e7b90;--line:#e7ebf1;--bg:#f6f8fb;--white:#fff;--red:#ff4f72;--shadow:0 14px 50px rgba(12,35,66,.1);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}.icon-library{display:none}button,input{font:inherit}button{cursor:pointer}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.12;pointer-events:none}.ambient-one{width:340px;height:340px;background:#65c7cc;top:-160px;left:30%}.ambient-two{width:280px;height:280px;background:#ffd47d;bottom:-180px;right:5%}
.topbar{height:72px;position:fixed;inset:0 0 auto 0;z-index:20;display:grid;grid-template-columns:250px minmax(260px,520px) 1fr;align-items:center;padding:0 28px;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(222,228,237,.85);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font:800 20px Manrope;text-decoration:none;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;color:#fff;font-size:13px;letter-spacing:-.5px;background:linear-gradient(145deg,var(--navy2),var(--aqua) 72%,var(--gold));box-shadow:0 6px 16px rgba(12,68,109,.22)}.search{height:42px;display:flex;align-items:center;gap:10px;border:1px solid #e3e8ef;border-radius:13px;background:#f3f5f8;padding:0 12px;color:#8d98a9}.search svg{width:19px}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink);font-size:14px}.search kbd{border:1px solid #d9dee6;background:#fff;border-radius:6px;padding:3px 7px;color:#98a1af;font:500 11px sans-serif}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px}.icon-button{width:40px;height:40px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;color:#536074;position:relative}.icon-button:hover{background:#f0f3f7}.notification-button i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:8px;right:8px;border:2px solid #fff}.upload-button,.primary-button{border:0;color:#fff;background:linear-gradient(135deg,var(--navy2),var(--blue));border-radius:12px;padding:11px 17px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 6px 18px rgba(15,76,122,.18);text-decoration:none}.upload-button svg{width:18px}.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;flex:0 0 auto;border:0}.avatar-me{width:38px;height:38px;background:linear-gradient(145deg,#134a78,#60bbc0 67%,#ffd47d)}.avatar-a{background:linear-gradient(145deg,#e27756,#f5b16f)}.avatar-b{background:linear-gradient(145deg,#644b9d,#c788c9)}.avatar-c{background:linear-gradient(145deg,#3f7852,#91bc6c)}.avatar-d{background:linear-gradient(145deg,#233d83,#5c93d4)}.avatar-e{background:linear-gradient(145deg,#c34e71,#ef8f83)}.mobile-search{display:none}
.app-shell{max-width:1510px;margin:0 auto;padding-top:72px;display:grid;grid-template-columns:250px minmax(500px,700px) 320px;justify-content:center;gap:34px}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);padding:27px 12px 24px;display:flex;flex-direction:column}.main-nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:49px;border:0;background:transparent;border-radius:14px;display:flex;align-items:center;gap:15px;padding:0 14px;color:#566377;font-weight:600;text-align:left}.nav-item:hover{background:#edf2f6;color:var(--navy)}.nav-item.active{color:var(--navy);background:#e9f2f5}.nav-item.active svg{stroke-width:2.4}.nav-item b{margin-left:auto;background:#e9eef3;color:#3f536b;border-radius:20px;font-size:11px;padding:3px 7px}.sidebar-divider{height:1px;background:var(--line);margin:21px 10px}.sidebar-section>p{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#9aa4b2;font-weight:700;margin:0 12px 13px}.creator{display:flex;align-items:center;gap:10px;padding:9px 7px}.creator .avatar{width:36px;height:36px}.creator>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.creator strong{font-size:13px;white-space:nowrap}.creator em{font-style:normal;color:#2398ce}.creator small{font-size:11px;color:#8b95a5}.creator button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700}.sidebar footer{margin:auto 12px 0;font-size:11px;line-height:2}.sidebar footer a{color:#8a95a5;text-decoration:none;margin-right:11px}.sidebar footer p{color:#a5adba;margin:4px 0}.content{padding:25px 0 80px;min-width:0}.view{display:none}.view.active{display:block}.feed-tabs{display:flex;justify-content:center;gap:37px;position:relative;height:41px;margin-bottom:17px}.feed-tabs button{border:0;background:none;color:#9aa3af;font-weight:700;padding:0 5px}.feed-tabs button.active{color:var(--navy)}.feed-tabs span{position:absolute;bottom:0;width:31px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--aqua));transform:translateX(-39px)}.stories{display:flex;gap:20px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 20px;margin-bottom:20px;box-shadow:0 5px 20px rgba(21,43,73,.035)}.story{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:6px;flex-direction:column;color:#667387}.story-ring{width:58px;height:58px;padding:3px;border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--aqua),var(--gold));position:relative;display:block}.story-ring .avatar{width:52px;height:52px;border:2px solid #fff}.story small{font-size:11px;max-width:65px;overflow:hidden;text-overflow:ellipsis}.add-story .story-ring{background:#e3edf0}.add-story i{position:absolute;bottom:-1px;right:-1px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--blue);border:2px solid #fff;font-style:normal;font-weight:700;font-size:13px}
.clip-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden;box-shadow:0 8px 32px rgba(17,44,74,.055)}.clip-head{height:66px;padding:0 18px;display:flex;align-items:center;gap:11px}.clip-head>.avatar{width:40px;height:40px}.clip-author{display:flex;flex-direction:column}.clip-author strong{font-size:14px}.clip-author strong i{font-style:normal;color:#2297cb;font-size:12px}.clip-author small{font-size:11px;color:#8b95a4}.follow-mini{margin-left:auto;border:1px solid #bfd2dc;background:#f7fbfc;color:var(--blue);border-radius:9px;padding:6px 11px;font-size:11px;font-weight:700}.follow-mini.following{color:#7d8997;border-color:#e0e5eb;background:#fff}.more-button{border:0;background:none;padding:8px;color:#8a94a3}.clip-media{height:min(65vh,570px);min-height:440px;position:relative;overflow:hidden;background:#0b1930;color:#fff;cursor:pointer}.visual{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate}.visual:before,.visual:after{content:"";position:absolute;border-radius:50%;filter:blur(3px)}.visual-1{background:linear-gradient(150deg,#071a38 8%,#125a82 57%,#e9ba68)}.visual-1:before{width:380px;height:380px;background:rgba(89,190,195,.55);right:-80px;bottom:-140px}.visual-1:after{width:230px;height:230px;border:1px solid rgba(255,255,255,.35);left:15%;top:18%;box-shadow:0 0 80px rgba(255,210,119,.25)}.visual-2{background:linear-gradient(145deg,#1c243a,#463457 47%,#ef8b6d)}.visual-2:before{width:360px;height:360px;background:#e6bc76;opacity:.35;left:-110px;bottom:-120px}.visual-2:after{width:190px;height:190px;background:rgba(91,173,183,.36);right:13%;top:15%}.visual-3{background:linear-gradient(145deg,#263f39,#3d6c57 45%,#d7b97b)}.visual-3:before{width:290px;height:290px;background:#99bd73;opacity:.28;right:-40px;top:-40px}.visual-text{z-index:1;text-align:center;text-shadow:0 2px 20px rgba(0,0,0,.25)}.visual-text .emoji{font-size:64px;display:block;margin-bottom:10px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2))}.visual-text strong{font:800 clamp(30px,6vw,54px)/1 Manrope;letter-spacing:-2.5px}.visual-text p{font-size:14px;opacity:.84}.duration{position:absolute;right:14px;top:14px;background:rgba(5,15,30,.55);backdrop-filter:blur(8px);border-radius:8px;padding:5px 8px;font-size:11px}.volume{position:absolute;left:14px;top:14px;width:33px;height:33px;border:0;border-radius:50%;background:rgba(5,15,30,.45);color:#fff;display:grid;place-items:center;backdrop-filter:blur(8px)}.volume svg{width:17px}.play-center{position:absolute;width:66px;height:66px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;background:rgba(8,24,42,.27);backdrop-filter:blur(8px);opacity:0;transform:scale(.8);transition:.2s}.clip-media:hover .play-center{opacity:1;transform:scale(1)}.play-center svg{width:26px;fill:#fff;stroke:#fff;margin-left:3px}.sound-tag{position:absolute;left:16px;bottom:15px;padding:7px 10px;border-radius:9px;background:rgba(7,24,41,.48);backdrop-filter:blur(10px);font-size:11px}.sound-tag span{margin-right:5px}.clip-body{padding:15px 18px 16px}.engagement{display:flex;align-items:center;gap:7px}.action{border:0;background:transparent;border-radius:10px;padding:7px;display:flex;align-items:center;gap:6px;color:#5b687a;font-weight:600;font-size:12px}.action:hover{background:#f2f5f7}.action svg{width:21px}.action.liked{color:var(--red)}.action.liked svg{fill:var(--red);stroke:var(--red);animation:heartpop .32s}.action.saved{color:var(--blue)}.action.saved svg{fill:var(--blue)}.action.reposted{color:#2a9b77}.action.reposted svg{stroke-width:2.5}.action.share{margin-left:auto}.caption{margin:10px 1px 5px;font-size:13px;line-height:1.5}.caption strong{font-weight:700}.caption a{color:var(--blue);text-decoration:none}.comments-link{border:0;background:none;padding:0;color:#9aa3b0;font-size:12px}.comment-box{display:none;margin-top:12px;gap:8px}.comment-box.open{display:flex}.comment-box input{flex:1;border:1px solid var(--line);background:#f6f8fa;border-radius:12px;padding:10px 12px;outline:none;font-size:12px}.comment-box input:focus{border-color:#9dc3d0;background:#fff}.comment-box button{border:0;background:var(--navy);color:#fff;border-radius:10px;padding:0 13px;font-size:11px;font-weight:700}@keyframes heartpop{50%{transform:scale(1.35)}}
.right-rail{padding-top:82px}.rail-card{border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:20px;padding:19px;margin-bottom:17px;box-shadow:0 8px 30px rgba(17,42,70,.04);backdrop-filter:blur(12px)}.welcome{padding:25px;background:linear-gradient(150deg,var(--navy) 5%,#0a416f 63%,#46959e);color:#fff;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:var(--gold);filter:blur(70px);opacity:.36;right:-60px;bottom:-80px}.welcome .spark{color:var(--gold);font-size:22px}.welcome h2{font:800 27px/1.12 Manrope;letter-spacing:-1.2px;margin:13px 0 8px}.welcome p{font-size:12px;line-height:1.55;opacity:.72;margin:0 0 18px}.welcome .primary-button{width:100%;background:#fff;color:var(--navy);box-shadow:none;position:relative;z-index:1}.rail-heading{display:flex;align-items:center;justify-content:space-between}.rail-heading h3{font:700 14px Manrope;margin:0}.rail-heading button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.trending{list-style:none;margin:10px 0 0;padding:0}.trending li{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #edf0f3}.trending li:last-child{border:0}.trending>li>span{color:#b5bdc7;font:700 11px Manrope}.trending div{display:flex;flex-direction:column}.trending strong{font-size:12px}.trending small{font-size:10px;color:#9aa3af}.trending i{margin-left:auto;font-size:10px;color:#34a07e;font-style:normal}.sound-card{display:flex;align-items:center;gap:12px}.sound-art{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#0c3d68,#67bfc0);color:#fff;font-size:20px}.sound-card>div:nth-child(2){display:flex;flex-direction:column}.sound-card small,.sound-card span{font-size:9px;color:#929dab}.sound-card strong{font-size:12px;margin:2px 0}.sound-card button{margin-left:auto;border:0;width:31px;height:31px;border-radius:50%;background:#edf4f5;color:var(--blue);font-size:10px}
.empty-view{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:85px 35px;min-height:540px}.empty-icon{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 20px;color:var(--blue);background:#eaf3f5;border-radius:20px}.empty-icon svg{width:29px;height:29px}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:var(--blue)!important;font-size:10px!important;font-weight:800}.empty-view h1,.section-heading h1{font:800 32px Manrope;letter-spacing:-1.5px;margin:4px 0 9px;color:var(--navy)}.empty-view>p{color:#8490a0;font-size:13px}.topic-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:24px}.topic-pills button,.outline-button{border:1px solid #d6e1e6;background:#f8fbfc;color:var(--blue);border-radius:20px;padding:9px 13px;font-size:11px;font-weight:700}.messages-view{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.section-heading{padding:26px}.section-heading p{margin:0}.message-list button{width:100%;display:flex;align-items:center;gap:12px;border:0;border-top:1px solid var(--line);background:#fff;padding:17px 22px;text-align:left}.message-list button:hover{background:#f8fafb}.message-list .avatar{width:45px;height:45px}.message-list button>span:nth-child(2){display:flex;flex-direction:column}.message-list strong{font-size:13px}.message-list small{font-size:11px;color:#8b96a5;margin-top:3px}.message-list time{margin-left:auto;color:#a4adba;font-size:10px}.profile-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.profile-cover{height:150px;background:linear-gradient(135deg,var(--navy),var(--blue) 57%,var(--aqua) 78%,var(--gold))}.profile-body{padding:0 27px 28px;position:relative}.profile-avatar{width:94px;height:94px;border:5px solid #fff;margin-top:-47px;font-size:22px}.profile-body .outline-button{position:absolute;right:26px;top:17px}.profile-body h1{font:800 24px Manrope;letter-spacing:-1px;margin:15px 0 0}.handle{color:#8d97a4;font-size:12px;margin:2px 0 15px}.profile-body>p:not(.handle){font-size:13px}.profile-stats{display:flex;gap:20px;color:#8994a3;font-size:11px;margin-top:18px}.profile-stats strong{color:var(--ink);font-size:13px}.profile-tabs{display:flex;justify-content:center;gap:25px;margin:21px 0 13px}.profile-tabs button{border:0;background:none;padding:7px;color:#9aa3ae;font-weight:700;font-size:12px}.profile-tabs button.active{color:var(--navy);border-bottom:2px solid var(--blue)}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.grid-placeholder{aspect-ratio:3/4;position:relative;background:linear-gradient(145deg,var(--navy),var(--aqua))}.grid-placeholder.two{background:linear-gradient(145deg,#33294d,#d0717c)}.grid-placeholder.three{background:linear-gradient(145deg,#254b3b,#ddb975)}.grid-placeholder span{position:absolute;bottom:9px;left:9px;color:#fff;font-size:9px}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(3,15,33,.58);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{width:min(510px,100%);background:#fff;border-radius:25px;padding:25px;position:relative;transform:translateY(10px) scale(.98);transition:.2s}.modal-backdrop.open .modal{transform:none}.modal-close{position:absolute;top:13px;right:14px;border:0;background:#f0f3f5;width:33px;height:33px;border-radius:50%;font-size:21px;color:#758192}.upload-drop{border:1.5px dashed #c8d7dd;background:#f8fbfc;border-radius:19px;text-align:center;padding:50px 20px}.upload-icon{width:59px;height:59px;display:grid;place-items:center;margin:0 auto 20px;border-radius:18px;color:var(--blue);background:#e6f0f3}.upload-drop h2{font:800 25px Manrope;color:var(--navy);margin:7px 0}.upload-drop>p:not(.eyebrow){font-size:12px;color:#788595;line-height:1.8}.upload-drop>p span{font-size:10px;color:#a2acb8}.upload-drop .primary-button{margin-top:10px}.toast{position:fixed;z-index:60;left:50%;bottom:30px;transform:translate(-50%,30px);background:var(--navy);color:#fff;display:flex;align-items:center;gap:9px;border-radius:13px;padding:11px 18px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{color:var(--gold)}.toast p{font-size:12px;margin:0}
@media(max-width:1180px){.app-shell{grid-template-columns:220px minmax(480px,680px)}.right-rail{display:none}.topbar{grid-template-columns:220px minmax(260px,500px) 1fr}}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto;height:62px;padding:0 18px}.topbar .search{display:none}.mobile-search{display:grid}.upload-button span{display:none}.upload-button{width:40px;height:40px;padding:0;border-radius:50%}.app-shell{display:block;padding-top:62px}.sidebar{display:none}.content{padding:17px 15px 96px;max-width:660px;margin:auto}.feed-tabs{margin-top:0}.bottom-nav{position:fixed;inset:auto 0 0;z-index:30;height:70px;padding:6px max(16px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;justify-content:space-around;align-items:center;background:rgba(255,255,255,.91);border-top:1px solid var(--line);backdrop-filter:blur(20px)}.bottom-nav button{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;color:#929ba8;font-size:9px;min-width:45px}.bottom-nav button.active{color:var(--navy)}.bottom-nav svg{width:21px}.bottom-nav .create-mobile{width:43px;height:34px;min-width:43px;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--navy2),var(--aqua));box-shadow:0 5px 16px rgba(18,77,115,.22)}.bottom-nav .create-mobile svg{width:20px}.bottom-nav i{position:absolute;background:var(--red);color:#fff;border:2px solid #fff;border-radius:10px;font-size:8px;font-style:normal;right:3px;top:-4px;padding:1px 4px}.clip-media{height:min(66vh,570px)}.stories{margin-left:-15px;margin-right:-15px;border-radius:0;border-left:0;border-right:0}.brand{font-size:18px}}
@media(max-width:480px){.top-actions{gap:3px}.notification-button{display:none}.content{padding:12px 0 90px}.feed-tabs{height:37px}.stories{margin:0 0 10px;padding:13px 14px;gap:13px}.story-ring{width:53px;height:53px}.story-ring .avatar{width:47px;height:47px}.clip-card{border-radius:0;border-left:0;border-right:0;margin-bottom:10px}.clip-head{padding:0 13px}.clip-media{height:64vh;min-height:390px}.clip-body{padding:13px}.empty-view,.messages-view,.profile-card{border-radius:0;border-left:0;border-right:0}.profile-grid{gap:2px}.topbar .avatar-me{display:none}.visual-text strong{font-size:36px}.visual-text .emoji{font-size:52px}}
.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:12px;box-shadow:0 6px 16px rgba(12,68,109,.22)}.clip-media>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.auth-modal{text-align:center;max-width:430px}.auth-logo{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 10px 28px rgba(12,49,82,.18)}.auth-modal h2{font:800 27px Manrope;color:var(--navy);letter-spacing:-1px;margin:6px 0}.auth-copy{color:var(--muted);font-size:12px;margin:0 0 22px}.field{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:6px;margin:12px 0;position:relative}.field>span{font-size:11px;font-weight:700;color:#617084}.field input,.field textarea{width:100%;border:1px solid #dfe5eb;border-radius:12px;background:#f7f9fb;padding:12px 13px;outline:0;color:var(--ink);resize:none}.field textarea{height:83px}.field input:focus,.field textarea:focus{background:#fff;border-color:#70aeba;box-shadow:0 0 0 3px rgba(88,182,189,.12)}.field small{position:absolute;right:9px;bottom:7px;color:#9ba5b2;font-size:9px}.form-error{min-height:16px;color:#d63c5b;font-size:11px;margin:7px 0}.auth-submit,.publish-button{width:100%}.auth-switch{border:0;background:none;color:#7c8999;font-size:11px;margin-top:16px}.auth-switch strong{color:var(--blue)}.upload-details{margin-top:17px}.upload-details video{width:100%;max-height:250px;border-radius:15px;background:var(--navy);object-fit:contain}.file-status{display:flex;justify-content:space-between;color:#7f8b99;font-size:10px;margin:7px 2px}.file-status strong{color:var(--ink);max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-help{font-size:11px;color:#8c98a7}.choose-video{margin-top:8px}.uploading{pointer-events:none;opacity:.65}.account-button.signed-in{font-size:11px}.signup-fields.hidden{display:none}
.settings-view{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.settings-form{padding:0 26px 30px}.settings-group{padding:18px 0;border-top:1px solid var(--line)}.settings-group h2{font:700 15px Manrope;color:var(--navy);margin:0 0 13px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field select{border:1px solid #dfe5eb;border-radius:12px;background:#f7f9fb;padding:12px 13px;color:var(--ink)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.setting-row span{display:flex;flex-direction:column}.setting-row strong{font-size:12px}.setting-row small{font-size:10px;color:var(--muted);margin-top:3px}.switch{appearance:none;width:42px;height:24px;border-radius:20px;background:#dce2e8;position:relative;transition:.2s}.switch:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.18);transition:.2s}.switch:checked{background:var(--blue)}.switch:checked:after{transform:translateX(18px)}.danger-button{border:0;background:none;color:#dc4762;font-weight:700;font-size:12px;padding:12px 16px;margin-left:8px}.text-button{border:0;background:none;color:var(--blue);font-size:11px;font-weight:700}.section-heading .text-button{float:right;margin-top:-36px}.loading-row{padding:30px;text-align:center;color:var(--muted);font-size:12px}.notification-list button.unread{background:#f0f7f8}.notification-list button.unread:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);flex:0 0 auto}@media(max-width:600px){.settings-grid{grid-template-columns:1fr}.settings-view{border-radius:0;border-left:0;border-right:0}}
.chat-shell{display:none;grid-template-columns:270px 1fr;min-height:650px}.chat-shell.active{display:grid}.chat-sidebar{border-right:1px solid var(--line);min-width:0}.chat-sidebar .section-heading{position:relative;padding-bottom:13px}.new-chat-button{border:0;background:#e9f3f5;color:var(--blue);border-radius:10px;font-size:18px;font-weight:700}.section-heading>.new-chat-button{position:absolute;right:22px;bottom:17px;width:34px;height:34px}.conversation-search{display:flex;align-items:center;gap:8px;margin:0 16px 12px;padding:9px 11px;border-radius:11px;background:#f2f5f7;color:#8d98a6}.conversation-search svg{width:16px}.conversation-search input{min-width:0;width:100%;border:0;outline:0;background:none;font-size:11px}.conversation-list button{padding:13px 15px}.conversation-list button.active{background:#eaf3f5}.conversation-list button>span:nth-child(2){min-width:0}.conversation-list small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{min-width:0;position:relative}.chat-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:var(--muted);padding:35px}.chat-empty h2{font:800 23px Manrope;color:var(--navy);margin:4px}.chat-empty p{font-size:12px;margin:3px 0 18px}.active-chat{height:650px;display:grid;grid-template-rows:66px 1fr 68px}.chat-header{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.chat-header>span:nth-of-type(2){display:flex;flex-direction:column}.chat-header strong{font-size:12px}.chat-header small{font-size:10px;color:var(--muted)}.chat-header .more-button{margin-left:auto}.chat-back{display:none;border:0;background:none;font-size:28px;color:var(--navy)}.chat-avatar{width:39px;height:39px}.message-thread{overflow-y:auto;padding:22px 17px;display:flex;flex-direction:column;gap:8px;background:#fafbfd}.bubble{max-width:78%;padding:10px 13px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid var(--line);font-size:12px;line-height:1.45;align-self:flex-start}.bubble.mine{align-self:flex-end;border:0;color:#fff;background:linear-gradient(135deg,var(--navy2),var(--blue));border-radius:15px 15px 4px 15px}.bubble time{display:block;font-size:8px;opacity:.6;margin-top:4px}.day-divider{text-align:center;font-size:9px;color:#a0a9b5;margin:7px}.message-composer{display:flex;align-items:center;gap:8px;padding:11px 13px;border-top:1px solid var(--line)}.message-composer input{flex:1;min-width:0;border:1px solid #e0e6eb;background:#f6f8fa;border-radius:20px;padding:11px 14px;outline:0;font-size:12px}.composer-add,.send-button{border:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800}.composer-add{background:#f0f3f6;color:#647185}.send-button{background:var(--blue);color:#fff;font-size:17px}.creator-results{max-height:310px;overflow:auto}.creator-results button{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:11px;padding:12px;text-align:left}.creator-results button:hover{background:#f5f9fa}.creator-results .avatar{width:40px;height:40px}.creator-results span:nth-child(2){display:flex;flex-direction:column}.creator-results strong{font-size:12px}.creator-results small{font-size:10px;color:var(--muted)}@media(max-width:620px){.chat-shell.active{grid-template-columns:1fr}.chat-panel{display:none}.chat-shell.thread-open .chat-sidebar{display:none}.chat-shell.thread-open .chat-panel{display:block}.chat-back{display:block}.active-chat{height:calc(100vh - 145px)}}
.discover-view{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.discover-hero{padding:34px 28px 26px;background:linear-gradient(145deg,#f9fbfc,#eaf4f4)}.discover-hero h1{font:800 32px Manrope;letter-spacing:-1.5px;color:var(--navy);margin:4px 0 20px}.discover-search{height:48px;max-width:520px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dce5e9;border-radius:14px;padding:0 13px;box-shadow:0 6px 20px rgba(14,52,80,.06)}.discover-search input{flex:1;min-width:0;border:0;outline:0;font-size:13px}.discover-search button{border:0;background:none;color:#9aa4b0;font-size:20px}.discover-section{padding:24px 27px;border-top:1px solid var(--line)}.discover-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.discover-heading h2{font:700 16px Manrope;color:var(--navy);margin:0}.discover-status{font-size:10px;color:#98a2af}.discover-creators{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.discover-creator{border:1px solid var(--line);background:#fff;border-radius:15px;padding:16px 10px;text-align:center}.discover-creator .avatar{width:54px;height:54px;margin:0 auto 9px}.discover-creator strong,.discover-creator small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-creator strong{font-size:12px}.discover-creator small{color:var(--muted);font-size:10px;margin:2px 0 10px}.discover-creator button{border:0;background:#eaf3f5;color:var(--blue);font-weight:700;font-size:10px;border-radius:9px;padding:7px 12px}.discover-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.discover-clip{border:0;aspect-ratio:3/4;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--navy),var(--aqua));color:#fff}.discover-clip:nth-child(3n+2){background:linear-gradient(145deg,#432c57,#da7b79)}.discover-clip:nth-child(3n){background:linear-gradient(145deg,#284a39,#d9b56d)}.discover-clip video{width:100%;height:100%;object-fit:cover}.discover-clip span{position:absolute;left:8px;bottom:8px;font-size:9px;text-shadow:0 1px 5px #000}.safety-modal{max-width:430px}.safety-modal h2{font:800 23px Manrope;color:var(--navy);margin:5px 0 17px}.safety-action{width:100%;display:flex;align-items:center;gap:13px;border:0;border-top:1px solid var(--line);background:#fff;padding:14px 4px;text-align:left}.safety-action>span{width:34px;height:34px;border-radius:10px;background:#eef3f5;display:grid;place-items:center;color:var(--blue);font-weight:800}.safety-action>div{display:flex;flex-direction:column}.safety-action strong{font-size:12px}.safety-action small{font-size:10px;color:var(--muted);margin-top:2px}.safety-action.danger strong,.safety-action.danger>span{color:#d8425f}.report-back{border:0;background:none;color:var(--blue);padding:0 0 12px}.report-reasons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.report-reasons label{cursor:pointer}.report-reasons input{position:absolute;opacity:0}.report-reasons span{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:10px}.report-reasons input:checked+span{border-color:var(--blue);background:#eaf3f5;color:var(--blue);font-weight:700}.report-form>.primary-button{width:100%}@media(max-width:600px){.discover-view{border-radius:0;border-left:0;border-right:0}.discover-creators{grid-template-columns:repeat(2,1fr)}.discover-grid{grid-template-columns:repeat(2,1fr)}.report-reasons{grid-template-columns:1fr}}
.clip-card.highlighted{box-shadow:0 0 0 3px rgba(88,182,189,.45),0 18px 55px rgba(17,67,96,.18)}
.collection-view{background:#fff;border:1px solid var(--line);border-radius:24px;min-height:500px;overflow:hidden}.collection-view .section-heading>p:not(.eyebrow){font-size:11px;color:var(--muted)}.avatar-upload{position:relative;display:block;width:94px;cursor:pointer}.avatar-upload>span{position:absolute;right:1px;bottom:1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;border:3px solid #fff;font-weight:700}.profile-stats button{border:0;background:none;padding:0;color:#8994a3;font-size:11px}.profile-stats button:hover{color:var(--blue)}.profile-grid .collection-clip{border:0;aspect-ratio:3/4;position:relative;background:#0c2947;overflow:hidden;color:#fff}.collection-clip video{width:100%;height:100%;object-fit:cover}.collection-clip span{position:absolute;left:8px;right:8px;bottom:8px;text-align:left;font-size:9px;text-shadow:0 1px 6px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-modal h2{font:800 24px Manrope;color:var(--navy);margin:4px 0 14px}.people-list{max-height:430px;overflow:auto}.people-list article{display:flex;align-items:center;gap:11px;padding:12px 2px;border-top:1px solid var(--line)}.people-list .avatar{width:42px;height:42px}.people-list article>span:nth-child(2){display:flex;flex-direction:column}.people-list strong{font-size:12px}.people-list small{font-size:10px;color:var(--muted)}.people-list button{margin-left:auto;border:0;background:#edf4f5;color:var(--blue);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:700}@media(max-width:600px){.collection-view{border-radius:0;border-left:0;border-right:0}}
.clip-author-button{border:0;background:none;padding:0;text-align:left;cursor:pointer}.creator-profile-actions{position:absolute;right:26px;top:17px;display:flex;gap:8px}.creator-profile-actions .outline-button{position:static}.creator-profile-actions .primary-button{padding:8px 17px;font-size:11px}.comments-backdrop{align-items:end}.comments-sheet{width:min(600px,100%);height:min(76vh,720px);border-radius:25px 25px 0 0;padding:0;display:grid;grid-template-rows:72px 1fr 72px;overflow:hidden}.comments-sheet header{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.comments-sheet header p{margin:0}.comments-sheet header h2{font:800 20px Manrope;color:var(--navy);margin:3px 0}.comments-sheet header h2 span{color:var(--muted);font-size:11px}.comments-sheet header .modal-close{position:static}.comments-list{padding:10px 20px;overflow-y:auto}.comment-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #f0f2f5}.comment-row>.avatar{width:36px;height:36px}.comment-content{flex:1;min-width:0}.comment-content strong{font-size:11px}.comment-content p{font-size:12px;line-height:1.45;margin:3px 0;color:#344055}.comment-meta{display:flex;gap:12px;color:#9aa3af;font-size:9px}.comment-meta button{border:0;background:none;color:inherit;padding:0}.sheet-comment-form{display:flex;align-items:center;gap:9px;padding:11px 17px;border-top:1px solid var(--line);background:#fff}.sheet-comment-form .avatar{width:36px;height:36px}.sheet-comment-form input{flex:1;min-width:0;border:1px solid var(--line);background:#f5f7f9;border-radius:20px;padding:11px 14px;outline:0}.sheet-comment-form button{border:0;background:var(--blue);color:#fff;border-radius:17px;padding:9px 14px;font-size:10px;font-weight:700}@media(min-width:851px){.comments-backdrop{align-items:center}.comments-sheet{border-radius:25px}}@media(max-width:520px){.creator-profile-actions{position:static;margin-top:12px}.comments-sheet{height:84vh}}
.follow-request-row{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff9ed}.follow-request-row>.avatar{width:42px;height:42px}.follow-request-row>span:nth-child(2){display:flex;flex:1;flex-direction:column}.follow-request-row strong{font-size:12px}.follow-request-row small{font-size:10px;color:var(--muted)}.follow-request-row>div{display:flex;gap:5px}.follow-request-row button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:7px 9px;font-size:9px;font-weight:700}.follow-request-row button:last-child{background:#edf1f4;color:#697687}
.settings-link{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;padding:13px 2px;color:var(--ink);font-size:11px;text-align:left}.settings-link span{color:#a1aab5;font-size:18px}.danger-zone p{color:var(--muted);font-size:10px;line-height:1.5}.danger-zone .danger-button{margin:0;padding-left:0}.forgot-password{display:block;margin:-6px 0 7px auto;border:0;background:none;color:var(--blue);font-size:10px}.blocked-list article button{color:#d6405c;background:#fff0f3}
.moderation-view{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.moderation-view .section-heading>p:last-child{color:var(--muted);font-size:11px}.moderation-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px 22px}.moderation-stats article{border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column}.moderation-stats strong{font:800 22px Manrope;color:var(--navy)}.moderation-stats span{font-size:9px;color:var(--muted)}.moderation-toolbar{display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.moderation-toolbar select{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}.report-card{padding:18px 24px;border-bottom:1px solid var(--line)}.report-card header{display:flex;align-items:start;justify-content:space-between}.report-card h3{font:700 13px Manrope;margin:0;color:var(--navy)}.report-card .report-reason{color:#d7425f;text-transform:capitalize;font-size:10px;font-weight:700}.report-card p{font-size:11px;color:#576579}.report-card small{color:var(--muted);font-size:9px}.report-actions{display:flex;gap:6px;margin-top:12px}.report-actions button{border:0;border-radius:9px;padding:8px 10px;font-size:9px;font-weight:700}.report-actions .remove-clip{background:#fff0f3;color:#d63e5c}.report-actions .dismiss-report{background:#eff3f5;color:#687687}.report-actions .resolve-report{background:#e8f5ef;color:#21805f}@media(max-width:600px){.moderation-view{border-radius:0;border-left:0;border-right:0}.moderation-stats{padding:0 14px 15px}.report-card{padding:15px}}
.analytics-view{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.analytics-view .section-heading>p:last-child{font-size:11px;color:var(--muted)}.analytics-range{display:flex;gap:5px;padding:0 25px 18px}.analytics-range button{border:0;background:#f0f3f5;color:#778392;border-radius:9px;padding:7px 11px;font-size:10px}.analytics-range button.active{background:var(--navy);color:#fff}.analytics-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 24px 24px}.analytics-cards article{border:1px solid var(--line);border-radius:15px;padding:14px;display:flex;flex-direction:column}.analytics-cards span,.analytics-cards small{font-size:9px;color:var(--muted)}.analytics-cards strong{font:800 22px Manrope;color:var(--navy);margin:5px 0}.top-clips{border-top:1px solid var(--line);padding:22px 24px}.top-clips h2{font:700 15px Manrope;color:var(--navy)}.analytics-clip-list article{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.analytics-thumb{width:45px;height:58px;object-fit:cover;border-radius:8px;background:var(--navy)}.analytics-clip-list strong{font-size:11px}.analytics-clip-list small{display:block;color:var(--muted);font-size:9px}.clip-metrics{text-align:right}@media(max-width:650px){.analytics-view{border-radius:0;border-left:0;border-right:0}.analytics-cards{grid-template-columns:1fr 1fr;padding:0 14px 18px}}
.video-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.18);z-index:4}.video-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--aqua),var(--gold));transition:width .1s linear}.volume.sound-on{background:rgba(255,255,255,.25)}.onboarding-modal{text-align:center;max-width:480px;padding:34px}.onboarding-modal>img{width:75px;height:75px;border-radius:21px;box-shadow:0 12px 35px rgba(8,43,74,.2)}.onboarding-modal h2{font:800 29px Manrope;color:var(--navy);letter-spacing:-1.2px;margin:5px}.onboarding-modal>p:not(.eyebrow){color:var(--muted);font-size:12px;line-height:1.6}.onboarding-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.onboarding-points span{border:1px solid var(--line);border-radius:13px;padding:13px 8px;display:flex;flex-direction:column}.onboarding-points b{color:var(--aqua);font-size:9px}.onboarding-points strong{font-size:10px;margin:5px}.onboarding-points small{color:var(--muted);font-size:8px;line-height:1.4}.onboarding-start{width:100%}@media(max-width:480px){.onboarding-points{grid-template-columns:1fr}.onboarding-points span{display:grid;grid-template-columns:25px 1fr;text-align:left}.onboarding-points small{grid-column:2}}
.comment-row.reply-row{margin-left:34px;border-left:2px solid #dce9ec;padding-left:10px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:850px){#feed-view .stories{display:none}#feed-view .feed-tabs{margin-bottom:8px}#feed-view .feed{height:calc(100dvh - 117px);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}#feed-view .feed::-webkit-scrollbar{display:none}#feed-view .clip-card{height:100%;display:grid;grid-template-rows:62px minmax(0,1fr) auto;scroll-snap-align:start;scroll-snap-stop:always;margin-bottom:0}#feed-view .clip-media{height:auto;min-height:0}#feed-view .clip-body{background:#fff;z-index:2}#feed-view .clip-head{height:62px}}