@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f5f4f8;background:#101014;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#101014;--panel:#17171e;--panel2:#1d1d26;--muted:#9998a8;--line:#2b2a35;--accent:#c6ff5e;--purple:#9e84ff}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#131318;border-right:1px solid #26252f;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;border:0;background:none;color:#f8f7fb;font:800 28px Manrope,sans-serif;letter-spacing:-1.4px;padding:0 12px 49px;text-align:left}.brand-mark{width:36px;height:36px;border-radius:12px;background:var(--accent);color:#151515;display:inline-flex;align-items:center;justify-content:center;font:800 26px Manrope,sans-serif;letter-spacing:-3px;padding-right:3px}.brand-dot{color:var(--accent)}.side-caption{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#777684;padding:0 13px 12px}.nav{width:100%;height:47px;display:flex;align-items:center;gap:14px;border:0;border-radius:12px;background:transparent;color:#a7a6b4;padding:0 13px;margin:3px 0;text-align:left;font-weight:600;font-size:13px;transition:.18s}.nav:hover{background:#202028;color:#fff}.nav.active{background:#25272a;color:var(--accent)}.nav.active svg{stroke:var(--accent)}.sidebar-bottom{margin-top:auto}.account-card{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid #2c2b35;border-radius:14px;background:#19191f}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c6ff5e,#8ee7bf);color:#161616;font-weight:800}.avatar.small{border:0;width:34px;height:34px}.account-text{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.account-text b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-text span{font-size:11px;color:var(--muted)}.icon-btn{border:0;background:transparent;color:#aaa9b7;padding:5px}.icon-btn:hover{color:var(--accent)}.login-side{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;padding:12px;background:#25252e;color:#f7f6fb;border:1px solid #33323d;border-radius:12px;font-weight:700}.side-foot{padding:25px 12px 0;font-size:10px;line-height:1.8;color:#777684}.main-content{margin-left:244px;min-height:100vh;padding:0 48px;max-width:1800px}.topbar{height:84px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #24232c}.searchbar{height:44px;max-width:520px;flex:1;display:flex;align-items:center;gap:10px;padding:0 10px 0 15px;border:1px solid #2e2d38;border-radius:12px;background:#18181f;color:#898898}.searchbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f8f7fc;font-size:12px}.searchbar input::placeholder{color:#747382}.searchbar button{border:0;border-radius:8px;background:#2b2a35;color:#e8e7ef;padding:7px 12px;font-size:11px;font-weight:700}.searchbar button:hover{background:#393846}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto;white-space:nowrap}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #c6ff5e77}.online-label{font-size:11px;color:#a4a3b1}.top-login{border:1px solid #373641;border-radius:9px;background:transparent;color:#f5f4f8;padding:9px 15px;font-size:12px;font-weight:700}.mobile-brand{display:none}.welcome-row{min-height:360px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;border-bottom:1px solid #282731;padding:39px 3px 37px}.eyebrow{display:flex;align-items:center;gap:8px;color:#a3a1b0;font-size:9px;font-weight:700;letter-spacing:1.9px}.eyebrow-line{width:21px;height:2px;background:var(--accent)}h1,h2,h3,p{margin-top:0}.welcome-row h1{font:800 clamp(34px,4vw,54px)/1.11 Manrope,sans-serif;letter-spacing:-2.2px;margin:20px 0 14px}.welcome-row h1 span{color:var(--accent)}.welcome-row p{max-width:400px;color:#a5a4b1;font-size:13px;line-height:1.8;margin-bottom:23px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;padding:12px 16px;background:var(--accent);color:#151611;font-size:12px;font-weight:800;box-shadow:0 6px 22px #c6ff5e13;transition:transform .15s,filter .15s}.primary-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.hero-art{width:330px;height:260px;position:relative;display:flex;align-items:center;justify-content:center;margin-right:5%;flex-shrink:0}.hero-ring{position:absolute;border:1px solid #33313f;border-radius:50%;transform:rotate(-23deg)}.ring1{width:285px;height:195px}.ring2{width:230px;height:280px;transform:rotate(49deg);border-color:#3b3947}.hero-play{width:114px;height:114px;border-radius:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c6ff5e,#a1f0a7);color:#171815;box-shadow:0 0 65px #c6ff5e2c;transform:rotate(-8deg);z-index:1}.hero-play svg{margin-left:5px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;border:1px solid #383744;border-radius:11px;background:#1a1a22;padding:11px 13px;color:#e9e8ef;font-size:10px;font-weight:700;box-shadow:0 12px 35px #0004}.chip-top{top:34px;right:-8px;transform:rotate(5deg)}.chip-top svg{color:var(--accent)}.chip-bottom{bottom:27px;left:-8px;transform:rotate(-5deg)}.chip-bottom svg{color:#ff759c}.feed-section{padding:33px 0 48px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-heading h2{font:800 25px Manrope,sans-serif;letter-spacing:-.7px;margin:7px 0 0}.refresh-btn{display:flex;align-items:center;gap:7px;border:1px solid #302f39;border-radius:9px;background:#19191f;color:#bdbbc9;padding:9px 12px;font-size:11px;font-weight:600}.refresh-btn:hover{color:var(--accent)}.filter-row{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.filter{border:1px solid #302f39;border-radius:9px;background:transparent;color:#a4a3b1;padding:9px 13px;font-size:11px;font-weight:600}.filter.active{background:#c6ff5e;color:#161710;border-color:#c6ff5e}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.video-card{min-width:0;border:1px solid #2a2933;border-radius:15px;background:#17171d;overflow:hidden;transition:transform .2s,border-color .2s}.video-card:hover{transform:translateY(-3px);border-color:#45434f}.video-frame{height:205px;background:#202028;position:relative;overflow:hidden}.video-frame video{width:100%;height:100%;object-fit:contain;background:#08080a}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;border:0;color:#aaa9b8;background:radial-gradient(ellipse at 50% 40%,#373343,#22212b 38%,#191920 77%);position:relative;overflow:hidden}.video-placeholder:before,.video-placeholder:after{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff0a;border-radius:50%}.video-placeholder:after{width:240px;height:240px}.play-button{display:flex;align-items:center;justify-content:center;width:53px;height:53px;border-radius:50%;background:#c6ff5e;color:#171815;z-index:1;box-shadow:0 0 30px #c6ff5e24}.play-button svg{margin-left:3px}.video-type,.video-file{position:relative;z-index:1}.video-type{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#d5d3e2}.video-file{max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#888696}.video-info{padding:14px}.creator-line{display:flex;align-items:center;gap:9px;text-align:left;background:transparent;border:0;color:#f5f4f8;padding:0;margin:0 0 12px}.creator-line>span:last-child{display:flex;flex-direction:column;gap:3px;min-width:0}.creator-line b{font-size:11px}.creator-line small{font-size:10px;color:#8f8d9c}.avatar.mini{width:29px;height:29px;font-size:11px}.video-info h3{font:700 14px/1.4 Manrope,sans-serif;margin:0 0 7px;overflow-wrap:anywhere}.video-description{font-size:11px;line-height:1.6;color:#9998a7;margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-actions{display:flex;align-items:center;gap:15px;border-top:1px solid #2b2a34;padding-top:12px}.action{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#a7a5b4;padding:0;font-size:11px}.action:hover,.action.liked{color:#ff7398}.video-date{margin-left:auto;font-size:9px;color:#8b8999;border:1px solid #33313d;border-radius:5px;padding:4px 6px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:280px;border:1px dashed #34323e;border-radius:16px;padding:30px 15px;color:#8f8d9d}.empty-icon{width:58px;height:58px;border-radius:18px;background:#24242d;color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.empty-state h3{font:700 17px Manrope,sans-serif;color:#efedf5;margin:0 0 8px}.empty-state p{max-width:360px;font-size:12px;line-height:1.7;margin:0 0 18px}.empty-state .primary-btn{margin-top:2px}.footer{border-top:1px solid #292832;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0 26px;color:#777684;font-size:10px}.footer>span:first-child{font-weight:800;color:#c9c7d4}.footer>span:first-child span:last-child{font-weight:400;color:#777684}.footer>span:last-child{font-size:8px;letter-spacing:1.4px}.notice{position:fixed;top:18px;right:18px;z-index:100;max-width:min(480px,calc(100vw - 36px));display:flex;align-items:center;justify-content:space-between;gap:12px;background:#25252d;border:1px solid #3b3945;color:#eae9f2;padding:11px 14px;border-radius:10px;font-size:12px;margin-top:10px}.notice button{display:flex;border:0;background:transparent;color:#aaa9b7}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#07070bd9;display:flex;align-items:center;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{position:relative;width:min(100%,470px);max-height:92vh;overflow:auto;background:#19191f;border:1px solid #393743;border-radius:20px;padding:30px;box-shadow:0 25px 100px #0008}.modal-close{position:absolute;top:15px;right:15px;display:flex;align-items:center;justify-content:center;border:1px solid #363541;background:#222129;color:#aaa9b7;border-radius:9px;width:32px;height:32px}.modal-close svg{width:17px}.modal-logo{margin-bottom:19px}.modal-logo .brand-mark{width:40px;height:40px}.modal h2{font:800 26px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:12px 0 9px}.modal-sub{font-size:12px;line-height:1.7;color:#a09eac;margin:0 0 22px}.form-stack{display:flex;flex-direction:column;gap:15px}.form-stack label{display:flex;flex-direction:column;gap:8px;color:#cfced9;font-size:11px;font-weight:700}.form-stack input,.form-stack textarea,.form-stack select{width:100%;min-width:0;border:1px solid #383641;border-radius:10px;background:#111116;color:#f7f6fa;padding:12px 13px;font-size:12px;outline:none}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#b5ed57}.form-stack input::placeholder,.form-stack textarea::placeholder{color:#777583}.form-stack textarea{resize:vertical}.primary-btn.full{width:100%;margin-top:3px}.switch-auth{text-align:center;margin-top:20px;color:#a2a0ae;font-size:11px}.switch-auth button{border:0;background:transparent;color:var(--accent);font-weight:800;padding:0 0 0 4px}.file-drop{align-items:center!important;justify-content:center;border:1px dashed #4a4756;border-radius:13px;background:#202028;padding:21px 15px;text-align:center;color:var(--accent)!important}.file-drop b{color:#f0eef7}.file-drop span{font-size:10px;font-weight:400;line-height:1.6;color:#9997a5}.file-drop input{border:0!important;background:transparent!important;padding:4px!important;font-size:10px!important}.upload-modal{width:min(100%,520px)}.compact{min-height:170px}.comments-modal{width:min(100%,520px);padding:25px;display:flex;flex-direction:column}.comments-header{padding-right:30px;border-bottom:1px solid #302f39;padding-bottom:15px}.comments-header h2{font-size:22px;margin:0 0 7px}.comments-header span{font-size:11px;color:#a3a1b0}.comments-list{min-height:220px;max-height:45vh;overflow:auto;padding:16px 0}.comment{display:flex;gap:10px;margin-bottom:17px}.comment b{font-size:11px}.comment p{font-size:12px;line-height:1.6;color:#c3c1ce;margin:5px 0 0;overflow-wrap:anywhere}.no-comments{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8f8d9b;font-size:12px}.no-comments p{margin:10px 0 0}.comment-form{display:flex;gap:8px;border-top:1px solid #302f39;padding-top:14px}.comment-form input{flex:1;min-width:0;background:#101014;border:1px solid #363540;border-radius:10px;padding:11px 12px;color:#fff;font-size:12px}.comment-form button{width:42px;border:0;border-radius:10px;background:var(--accent);color:#141510;display:flex;align-items:center;justify-content:center}.profile-page{padding:28px 0 45px}.back-btn{border:0;background:transparent;color:#aaa8b8;font-size:11px;margin-bottom:22px;padding:0}.profile-banner{display:flex;align-items:center;gap:22px;background:linear-gradient(115deg,#22222b,#19191f);border:1px solid #33313d;border-radius:17px;padding:26px;margin-bottom:35px}.profile-avatar{width:78px;height:78px;flex-shrink:0;border-radius:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c6ff5e,#9de7b8);color:#171815;font:800 32px Manrope,sans-serif}.profile-main{min-width:0;flex:1}.profile-main h1{font:800 26px Manrope,sans-serif;margin:0 0 3px}.handle{color:#a2a0b0;font-size:11px}.profile-main p{color:#bbb9c7;font-size:12px;margin:12px 0}.profile-stats{display:flex;gap:19px;color:#9d9ba9;font-size:10px}.profile-stats b{color:#f2f0f8;font-size:12px}.follow-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;background:var(--accent);color:#171815;border:0;border-radius:9px;padding:10px 14px;font-size:11px;font-weight:800}.follow-btn.following{background:#292831;border:1px solid #494652;color:#dedce7}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.main-content{padding:0 30px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{margin-right:0;width:280px}.welcome-row h1{font-size:45px}}@media(max-width:850px){.sidebar{width:72px;padding:22px 10px}.brand{padding:0 8px 42px}.brand>span:last-child,.side-caption,.nav:not(.active),.nav.active{font-size:0}.brand{justify-content:center}.brand-mark{flex-shrink:0}.nav{justify-content:center;padding:0;gap:0}.nav svg{width:21px;height:21px}.sidebar .nav{font-size:0}.sidebar-bottom .account-card{justify-content:center;padding:8px 3px}.account-text,.icon-btn,.login-side,.side-foot{display:none}.main-content{margin-left:72px;padding:0 24px}.welcome-row{min-height:325px}.hero-art{width:220px;transform:scale(.8);margin-left:-20px;margin-right:-20px}.welcome-row h1{font-size:39px}.top-actions .online-label{display:none}}@media(max-width:600px){.sidebar{display:none}.main-content{margin:0;padding:0 16px}.topbar{height:68px;gap:12px}.mobile-brand{display:flex;align-items:center;gap:7px;font:800 21px Manrope,sans-serif;letter-spacing:-1px}.mobile-brand .brand-mark{width:29px;height:29px;border-radius:9px;font-size:22px}.searchbar{height:39px;padding-left:10px;gap:7px}.searchbar input{font-size:10px}.searchbar button{font-size:10px;padding:7px}.top-actions{gap:5px}.top-actions .online-dot,.top-actions .online-label{display:none}.top-login{padding:8px 10px;font-size:10px}.welcome-row{min-height:0;padding:37px 0 27px}.welcome-row h1{font-size:37px;letter-spacing:-1.6px}.welcome-row p{font-size:12px}.hero-art{display:none}.feed-section{padding-top:26px}.section-heading h2{font-size:22px}.video-grid{grid-template-columns:1fr;gap:13px}.video-frame{height:230px}.video-info{padding:13px}.video-card{display:block}.filter-row{gap:6px}.filter{padding:8px 10px;font-size:10px}.footer{align-items:flex-start;flex-direction:column}.profile-banner{align-items:flex-start;flex-wrap:wrap;padding:18px;gap:14px}.profile-avatar{width:58px;height:58px;border-radius:18px;font-size:25px}.profile-main{flex-basis:calc(100% - 75px)}.profile-main h1{font-size:22px}.follow-btn{margin-left:72px}.modal{padding:25px 20px}.modal h2{font-size:23px}.notice{font-size:11px}.refresh-btn{font-size:10px;padding:8px}.welcome-row .primary-btn{font-size:11px}}:root{--bg: #0b0b12;--panel: #141420;--panel2: #1c1b2b;--muted: #a5a3b8;--line: #2b2940;--accent: #a78bfa;--purple: #818cf8}body{background:radial-gradient(ellipse at 75% 0%,#30205a35,transparent 42%),var(--bg)}.sidebar{background:#0f0e19f5;border-right-color:#29243d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark{background:linear-gradient(135deg,#c4b5fd,#818cf8);box-shadow:0 5px 24px #8b5cf633}.brand-dot,.nav.active,.nav.active svg{color:#c4b5fd}.nav.active{background:#8b5cf61c}.nav.active svg{stroke:#c4b5fd}.primary-btn,.filter.active,.play-button{background:linear-gradient(135deg,#c4b5fd,#818cf8);color:#151322}.eyebrow-line,.empty-icon{background:#a78bfa}.hero-play{background:linear-gradient(135deg,#c4b5fd,#818cf8);box-shadow:0 0 65px #8b5cf633}.video-card{background:linear-gradient(160deg,#191827,#12121c);border-color:#302b47;border-radius:18px}.video-card:hover{border-color:#8b5cf677;box-shadow:0 12px 35px #0003}.video-placeholder{background:radial-gradient(ellipse at 50% 40%,#41345e,#252137 42%,#15141f 80%)}.filter.active{border-color:#a78bfa}.modal{background:#171525;border-color:#393252}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:#a78bfa}@media(max-width:600px){.video-card{border-radius:16px}.video-frame{height:280px}.primary-btn{box-shadow:0 5px 20px #8b5cf622}}.mobile-bottom-nav{display:none}@media(max-width:600px){.main-content{padding-bottom:82px}.mobile-bottom-nav{position:fixed;z-index:50;left:0;right:0;bottom:0;display:flex;justify-content:space-around;align-items:center;gap:4px;padding:9px 8px calc(9px + env(safe-area-inset-bottom));background:#11101df5;border-top:1px solid #393252;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-nav-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#a5a3b8;padding:5px 2px;font-size:10px;font-weight:600}.mobile-nav-item.active{color:#c4b5fd}.mobile-nav-item.upload-nav-item svg{background:linear-gradient(135deg,#c4b5fd,#818cf8);color:#151322;border-radius:10px;padding:3px;box-sizing:content-box}}