:root{color-scheme:dark;--bg:#0d0e10;--panel:#151719;--line:#26282b;--text:#f4f4f2;--muted:#82868d;--accent:#bbf77a;--teal:#87dbc8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;background:none;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}input,textarea,select{color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:10px;outline:none}input::placeholder,textarea::placeholder{color:#6e7279}textarea{resize:vertical}svg{flex-shrink:0}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,opacity .16s,transform .16s}button:not(:disabled):active{transform:scale(.97)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{display:flex;height:100dvh;overflow:hidden}.sidebar{width:240px;flex-shrink:0;border-right:1px solid var(--line);padding:34px 20px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:34px;line-height:1;font-weight:850;letter-spacing:-1.6px;padding:0 13px}.brand-symbol{display:flex;align-items:center;gap:4px;margin-right:10px;transform:rotate(-18deg)}.brand-symbol i{display:block;width:5px;height:24px;border-radius:6px;background:var(--accent)}.brand-symbol i:nth-child(2){height:34px}.brand-symbol i:nth-child(3){height:19px}.brand-dot{height:7px;width:7px;background:var(--accent);border-radius:50%;align-self:flex-end;margin:0 0 3px 4px}.brand-note{font-size:11px;color:#747981;margin:16px 0 38px 16px;letter-spacing:.5px}.sidebar nav{display:grid;gap:7px}.nav-item{height:49px;display:flex;align-items:center;gap:14px;padding:0 16px;border-radius:9px;text-align:left;color:#a8abb1;font-size:14px;font-weight:560}.nav-item:hover{background:#171a1c;color:#fff}.nav-item.selected{background:#20271c;color:var(--accent)}.nav-item.selected:before{content:"";position:absolute;left:0;height:22px;width:3px;background:var(--accent);border-radius:0 4px 4px 0}.nav-item small{font-size:8px;border:1px solid #414638;padding:3px 4px;border-radius:4px;color:#a9c48d;margin-left:auto}.upload-main{display:flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#17220f;font-size:13px;font-weight:750;border-radius:9px;height:46px;margin-top:25px}.upload-main:hover,.pill:hover{background:#d1ffa3}.sidebar-bottom{margin-top:auto;padding-top:24px}.small-promo{position:relative;overflow:hidden;background:linear-gradient(130deg,#1d2921,#181c1b);border:1px solid #2d3c2c;border-radius:12px;padding:20px 16px}.small-promo strong{font-size:17px;line-height:1.4;letter-spacing:-.4px}.small-promo p{color:#949e94;font-size:11px;line-height:1.7;margin-top:9px}.small-promo button{color:var(--accent);font-size:11px;display:flex;gap:8px;align-items:center;padding:0;margin-top:18px}.promo-art{position:absolute;right:-18px;top:8px;font-size:86px;line-height:1;color:#b1e89929;transform:rotate(15deg)}.side-settings{display:flex;align-items:center;gap:10px;color:#9b9ea4;font-size:12px;padding:23px 12px 16px}.sidebar-links{display:flex;gap:6px;align-items:center;color:#686d74;padding:0 12px;font-size:10px}.sidebar-links button{padding:0;font-size:10px}.copyright{display:block;color:#4f545b;font-size:10px;margin:12px 12px 0}main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:83px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:24px}.search-box{display:flex;align-items:center;gap:10px;background:#191b1e;border:1px solid #282a2e;border-radius:9px;height:39px;width:min(390px,50vw);padding:0 13px;color:#858a92}.search-box input{background:none;border:0;min-width:0;width:100%;padding:0;font-size:12px;outline:none}.search-box input:focus-visible{outline:none}.search-box:focus-within{border-color:#839c6f}.search-box kbd{font-size:10px;border:1px solid #3c3e43;border-radius:4px;padding:2px 6px;color:#757a83}.search-box button{display:flex;padding:0}.topbar-actions{display:flex;align-items:center;gap:25px}.live-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#888e95;white-space:nowrap}.live-label i,.video-quality i{height:5px;width:5px;border-radius:50%;background:var(--accent)}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--avatar) 20%,#141419);border:1px solid color-mix(in srgb,var(--avatar) 40%,transparent);color:var(--avatar);font-weight:750;letter-spacing:-.6px;padding:0}.login-link{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent)}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.icon-btn:hover{background:#ffffff0e}.mobile-brand,.top-upload{display:none}.content-grid{display:grid;grid-template-columns:minmax(420px,1fr) 280px;gap:38px;flex:1;min-height:0;max-width:1230px;width:100%;padding:0 38px;margin:auto}.main-content{min-width:0;display:flex;flex-direction:column;min-height:0}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin-top:27px;flex-shrink:0}.feed-tabs{display:flex;align-items:center;gap:27px}.feed-tabs>button{font-size:20px;font-weight:680;letter-spacing:-.65px;padding:0 0 11px;color:#787d84;position:relative}.feed-tabs>button.active{color:var(--text)}.feed-tabs>button.active:after{content:"";height:2px;width:25px;background:var(--accent);position:absolute;bottom:0;left:0;border-radius:4px}.feed-tabs>button>span{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;vertical-align:top;margin:4px 0 0 5px}.feed-tabs h1{font-size:21px;letter-spacing:-.6px;padding-bottom:11px}.feed-filter{color:#858b92;margin-top:-7px}.category-list{display:flex;gap:7px;overflow:auto;flex-shrink:0;margin:20px 0 22px;scrollbar-width:none;padding:2px}.category-list button{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;padding:7px 13px;border:1px solid #292c30;border-radius:7px;font-size:10px;color:#a2a7ae}.category-list button.chosen{background:#ebeee6;border-color:#ebeee6;color:#1b1e19;font-weight:650}.category-list button:not(.chosen):hover{background:#23262a}.feed-stage{flex:1;min-height:0;position:relative;display:flex;justify-content:center}.feed-scroll{height:100%;width:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;scroll-behavior:smooth}.feed-scroll::-webkit-scrollbar{display:none}.video-row{height:100%;min-height:300px;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;gap:16px;padding-bottom:10px;position:relative}.video-frame{position:relative;height:100%;aspect-ratio:9/16;max-width:calc(100% - 70px);border-radius:15px;background:#151f24;overflow:hidden;isolation:isolate}.video-frame video,.video-poster{width:100%;height:100%;object-fit:cover;display:block}.video-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(30deg,#211d4c,#235b56);color:#ffffff60}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000036,transparent 22%,transparent 48%,#00000010 60%,#000000c4 100%);pointer-events:none}.video-top{position:absolute;left:17px;right:14px;top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px}.video-quality{display:inline-flex;align-items:center;gap:6px;border-radius:5px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 9px;font-size:9px;font-weight:500;letter-spacing:.25px}.glass{background:#00000030;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-caption{position:absolute;bottom:51px;left:19px;right:19px;text-shadow:0 1px 8px #00000040}.creator{display:flex;align-items:center;gap:8px;padding:0;font-size:12px}.creator svg{color:var(--accent)}.video-caption p{font-size:12px;line-height:1.7;margin-top:9px;overflow-wrap:anywhere;max-height:102px;overflow:auto;scrollbar-width:none}.hashtag{font-weight:650}.sound{display:flex;align-items:center;gap:6px;font-size:9px;color:#d6d7d9;margin-top:12px;white-space:nowrap;overflow:hidden}.sound span{overflow:hidden;text-overflow:ellipsis}.playback{position:absolute;bottom:14px;left:18px;right:18px;display:flex;align-items:center;gap:8px;font-size:8px;color:#d7d9d9}.playback>button{display:flex;padding:0}.seek{height:16px;flex:1;position:relative;display:flex;align-items:center}.seek progress{width:100%;height:2px;border:0;border-radius:3px;appearance:none;background:#ffffff38;pointer-events:none}.seek progress::-webkit-progress-bar{background:#ffffff38;border-radius:3px}.seek progress::-webkit-progress-value{background:#f0f7eb;border-radius:3px}.seek progress::-moz-progress-bar{background:#f0f7eb}.seek input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.seek:focus-within{outline:1px solid var(--accent)}.video-actions{width:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:20px;flex-shrink:0;padding-bottom:8px}.creator-action{position:relative;margin-bottom:6px}.follow-plus{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:17px;height:17px;border-radius:50%;background:var(--accent);color:#14220d;display:grid;place-items:center;padding:0;border:2px solid var(--bg)}.follow-plus.checked{background:#3d453b;color:var(--accent)}.action{display:flex;align-items:center;flex-direction:column;gap:7px;padding:0;color:#f3f3f3;width:100%}.action>span{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#202328}.action:hover>span{background:#30353a}.action small{font-size:9px;white-space:nowrap;font-weight:550;color:#bfc2c7}.action.liked{color:#ff6686}.action.saved{color:var(--accent)}.more-action{font-size:17px;color:#a5a9af;letter-spacing:3px;line-height:1;padding:0 0 5px 4px}.feed-arrows{position:absolute;right:-20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px}.feed-arrows button{width:32px;height:32px;border:1px solid #30343a;border-radius:50%;display:grid;place-items:center;color:#d5d9df;background:#15171a}.feed-arrows button:hover{background:#2a2d31}.feed-footer{display:flex;align-items:center;gap:15px;height:39px;flex-shrink:0;font-size:8px;color:#676e77}.feed-footer>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.keycap{border:1px solid #30343a;padding:2px 4px;border-radius:3px;line-height:1.1;font-size:8px}.feed-footer .footer-motto{margin-left:auto;color:#50565f;font-size:8px}.feed-end{height:100%;min-height:300px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#aab3aa;font-size:13px}.feed-end button{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--accent)}.center-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);background:#0003;border:1px solid #ffffff29;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-left:9px}.center-play:active{transform:translate(-50%,-50%)!important}.video-loader{position:absolute;top:45%;left:calc(50% - 15px);color:#ffffffa0}.video-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column;background:#111b22bb;text-align:center;padding:20px;font-size:13px}.heart-burst{position:absolute;top:42%;left:calc(50% - 50px);color:#ff7997;filter:drop-shadow(0 5px 15px #0004);animation:heart .7s both;pointer-events:none}@keyframes heart{0%{transform:scale(.1) rotate(-20deg);opacity:0}25%{transform:scale(1.2) rotate(-10deg);opacity:1}65%{transform:scale(1);opacity:1}to{transform:scale(1.1) translateY(-40px);opacity:0}}.search-summary{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;padding-bottom:12px}.search-summary button{display:flex}.rightbar{padding-top:36px;overflow:auto;scrollbar-width:none}.eyebrow{font-size:8px;letter-spacing:1.6px;color:#707b79;font-weight:650}.right-intro h2{font-size:22px;font-weight:620;letter-spacing:-.8px;line-height:1.42;margin-top:15px}.right-intro h2 span{color:#a9b8af}.right-intro>p{font-size:11px;color:#797f86;margin-top:13px}.discovery-title{display:flex;justify-content:space-between;align-items:center;margin:39px 0 18px;color:#8e9b8c}.discovery-title h3{font-size:13px;color:#e2e5df;font-weight:590}.trend-list{display:grid;gap:20px}.trend{display:flex;align-items:center;width:100%;text-align:left;gap:12px;padding:0}.trend-number{color:#545f61;font-size:10px;font-weight:650;align-self:flex-start;margin-top:4px}.trend div{flex:1;min-width:0}.trend b{font-size:12px;font-weight:550;letter-spacing:-.15px}.trend small{display:block;font-size:9px;color:#747d85;margin-top:7px}.trend img{height:43px;width:43px;border-radius:7px;object-fit:cover}.author-card{padding:18px 15px 15px;margin-top:30px;border:1px solid #2a2f30;border-radius:11px;background:linear-gradient(120deg,#171b1c,#141617)}.author-card-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9fa8a6}.suggested-author{display:flex;align-items:center;gap:9px;margin-top:20px}.suggested-author>div{flex:1;min-width:0}.suggested-author>div button{display:flex;align-items:center;gap:5px;font-size:11px;padding:0;text-align:left;white-space:nowrap}.suggested-author svg{color:#93cdb7}.suggested-author small{font-size:9px;color:#77827e;display:block;margin-top:5px}.small-follow{width:25px;height:25px;border:1px solid #424a3c;border-radius:6px;display:grid;place-items:center;padding:0}.author-card>p{font-size:9px;color:#77817c;margin:15px 0 0 3px}.now-playing{margin-top:30px;padding-top:22px;border-top:1px solid #24292a}.now-playing>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0;font-size:11px;margin-top:13px;color:#afbdb8}.now-playing>p{font-size:11px;line-height:1.8;color:#767f7f;margin-top:10px}.now-playing>small{font-size:8px;color:#5e7168;display:inline-block;margin-top:10px}.right-footer{display:flex;align-items:center;gap:12px;margin-top:32px;padding-bottom:20px}.mini-wave{font-size:47px;color:#4d6457;line-height:1}.right-footer p{font-size:9px;line-height:1.8;color:#5a6963}.empty{width:100%;height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:15px}.empty>span{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:#1c231c;color:#a7c88d;margin-bottom:3px}.empty h3{font-size:20px;font-weight:650;letter-spacing:-.5px}.empty p{font-size:12px;line-height:1.8;color:#88938d;max-width:290px}.pill{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--accent);color:#17250f;border-radius:8px;font-size:12px;font-weight:700;padding:12px 18px}.pill.secondary{background:#2b3327;color:var(--accent)}.outline-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3b4141;border-radius:8px;padding:10px 15px;font-size:11px}.outline-btn:hover{background:#23282a}.feed-loading{height:100%;position:relative;display:flex;justify-content:center;gap:12px}.feed-loading>.spin{position:absolute;top:43%;left:45%;color:#96b28a}.skeleton-video{height:100%;aspect-ratio:9/16;max-width:calc(100% - 70px);border-radius:15px;background:linear-gradient(110deg,#182421,#202a26,#182421);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:200% 0}}.loading-line{padding:60px;text-align:center;color:var(--accent)}.profile-content{overflow:auto;scrollbar-width:none}.profile-header{padding-top:24px}.back-link{font-size:10px;display:flex;align-items:center;gap:8px;color:#939e97;padding:0}.profile-identity{display:flex;align-items:center;gap:22px;margin-top:25px}.profile-identity h1{font-size:25px;letter-spacing:-.7px}.profile-identity p{font-size:12px;color:#88938d;margin-top:7px}.profile-stats{display:flex;gap:16px;font-size:10px;color:#8b9690;margin-top:18px;flex-wrap:wrap}.profile-stats b{color:#e1e7df;font-weight:650;font-size:12px;margin-right:3px}.profile-bio{font-size:12px;color:#a0aaa4;line-height:1.8;margin:23px 0 16px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-tabs{display:flex;gap:24px;margin:27px 0 20px;border-bottom:1px solid var(--line)}.profile-tabs button{display:flex;gap:7px;align-items:center;font-size:11px;padding:12px 0;color:#838d87;border-bottom:2px solid transparent}.profile-tabs button.active{color:var(--accent);border-color:var(--accent)}.profile-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:20px}.video-thumb{position:relative;aspect-ratio:9/15;overflow:hidden;border-radius:8px;padding:0;background:#16221f;text-align:left}.video-thumb>img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.video-thumb:hover>img{transform:scale(1.04)}.thumb-gradient{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(35deg,#355b53,#292c4e);color:#bdd2cd}.thumb-bottom{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:5px;padding:25px 10px 12px;background:linear-gradient(transparent,#000b);font-size:10px}.thumb-bottom em{font-style:normal;margin-left:auto;font-size:9px}.thumb-title{position:absolute;left:10px;right:10px;bottom:38px;font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px #000}.load-more{margin:0 auto 20px}.notifications-page{overflow:auto;padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center}.section-heading h1{font-size:24px;letter-spacing:-.5px}.section-heading svg{color:var(--accent)}.subtext{font-size:12px;line-height:1.8;color:#8b9590;margin-top:12px}.notification{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid var(--line);font-size:11px;text-align:left;width:100%;line-height:1.7}.notification>span:nth-child(2){flex:1}.notification small{display:block;color:#718077;font-size:9px;margin-top:5px}.notification-icon{background:#202a21;color:var(--accent);width:40px;height:40px;display:grid;place-items:center;border-radius:50%}.mobile-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#000a;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px}.modal{max-width:470px;width:100%;background:#171b1c;border:1px solid #343d38;border-radius:18px;box-shadow:0 30px 150px #0008;max-height:90dvh;overflow:auto;scrollbar-width:thin;animation:enter .18s ease-out}.modal.wide{max-width:790px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid #2c3430;position:sticky;top:0;background:#171b1cf5;z-index:2}.modal-header h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.modal-header .icon-btn{color:#a4aea6}.login-modal{text-align:center;padding:32px 30px 35px}.login-art{font-size:80px;color:var(--accent);display:block;line-height:1.2}.login-modal h3{font-size:30px;line-height:1.2;margin-top:18px;letter-spacing:-1px}.login-modal p{font-size:12px;color:#97a198;line-height:1.8;margin:20px 0 25px}.login-modal>.pill{width:100%;padding:14px}.login-modal>small{display:block;font-size:9px;color:#6d7b71;margin-top:20px}.settings-body,.prose,.edit-form{padding:24px}.setting-row{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:5px 0 24px;margin-bottom:20px;border-bottom:1px solid #2c3430}.setting-row b{font-size:13px;font-weight:600}.setting-row p{font-size:11px;line-height:1.8;color:#85958a;margin-top:8px}.switch{width:39px;height:23px;background:#424b43;border-radius:25px;padding:3px;flex-shrink:0;display:flex;align-items:center}.switch>i{height:17px;width:17px;display:block;border-radius:50%;background:#d0d6cd;transition:transform .15s}.switch.on{background:var(--accent)}.switch.on>i{background:#23301b;transform:translate(16px)}.keyboard-help{font-size:12px}.keyboard-help p{font-size:11px;line-height:2.1;color:#82948a;margin-top:12px}.signout{display:flex;align-items:center;gap:10px;color:#c1b0a9;font-size:12px;border-top:1px solid #2c3430;margin-top:25px;padding-top:22px}.prose{font-size:13px;line-height:1.9;color:#a6b2a9}.prose h3{color:#eff6ed;font-size:23px;margin-bottom:20px;letter-spacing:-.7px}.prose p+p{margin-top:20px}.text-input{width:100%;padding:12px;font-size:11px;margin-top:16px}.comments-list{max-height:53dvh;min-height:230px;overflow:auto;padding:16px 24px}.comments-list>.spin{display:block;margin:60px auto;color:var(--accent)}.comments-list .empty{padding:25px 0;min-height:260px}.comment{display:flex;gap:11px;padding:14px 0}.comment>div{flex:1;min-width:0}.comment-name{font-size:11px;font-weight:650;padding:0;text-align:left}.comment p{font-size:12px;line-height:1.7;margin:6px 0 7px;overflow-wrap:anywhere;white-space:pre-wrap;color:#b9c3bc}.comment small{font-size:9px;color:#697e6f}.comment .icon-btn{color:#77867b;align-self:flex-start}.comment-form{margin:10px 24px 24px;background:#242b27;border:1px solid #364136;display:flex;align-items:center;border-radius:10px;overflow:hidden}.comment-form input{background:none;border:0;flex:1;min-width:0;padding:14px;font-size:11px}.comment-form button{padding:0 14px;display:flex;color:var(--accent)}.comments-login{display:block;text-align:center;font-size:12px;color:var(--accent);padding-bottom:22px}.upload-form{padding:0 25px 25px}.upload-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:22px 0}.drop-zone{min-height:285px;position:relative;display:flex;align-items:center;justify-content:center;border:1px dashed #4a5e4f;background:#1c2520;border-radius:12px;overflow:hidden}.drop-zone.dragging{border-color:var(--accent);background:#2e3e2c}.drop-content{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:25px 12px;gap:14px}.drop-content>span{width:64px;height:64px;border-radius:50%;background:#2b3b2e;display:grid;place-items:center;color:var(--accent)}.drop-content b{font-size:12px}.drop-content p{font-size:10px;color:#829b89}.drop-content small{font-size:9px;color:#5f7e69;margin-top:13px}.drop-zone video{display:block;width:100%;max-height:340px;background:#000;object-fit:contain;min-height:285px}.change-file{position:absolute;top:10px;left:10px;background:#0009;border:1px solid #ffffff30;border-radius:5px;font-size:9px;padding:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upload-fields label,.edit-form label{display:block;font-size:11px;font-weight:550;margin-bottom:20px}.upload-fields textarea,.edit-form textarea{display:block;width:100%;height:109px;padding:12px;margin-top:10px;font-size:11px;line-height:1.8;background:#202622;border-color:#394439}.upload-fields label>small{display:block;text-align:right;color:#758776;font-size:9px;margin-top:7px}.upload-fields select{display:block;width:100%;padding:11px 10px;margin-top:10px;background:#202622;border-color:#394439;font-size:11px}.upload-info{display:flex;align-items:flex-start;gap:10px;font-size:10px;line-height:1.8;color:#7f9585}.upload-info svg{color:#9dbd8b;margin-top:2px}.file-info{font-size:9px;color:#647a6b;line-height:1.8;margin-top:18px;overflow-wrap:anywhere}.upload-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid #2c3a2e}.upload-bottom>span{font-size:9px;color:#728775;max-width:280px;line-height:1.7}.upload-bottom .pill{white-space:nowrap}.form-error{font-size:11px;color:#ffadba;line-height:1.7;border-radius:7px;background:#542a3133;padding:12px;margin:12px 0}.upload-progress{display:flex;align-items:center;gap:12px;margin:16px 0;font-size:10px;color:var(--accent)}.upload-progress progress{flex:1;height:4px;accent-color:var(--accent)}.edit-form input{display:block;width:100%;padding:12px;margin:10px 0 0;font-size:12px;background:#202622;border-color:#394439}.edit-form label small{display:block;font-size:9px;color:#778e7c;margin-top:9px}.edit-form>.pill{width:100%}.more-menu{padding:12px 24px 24px}.menu-row{display:flex;align-items:center;gap:12px;font-size:12px;padding:18px 0;border-bottom:1px solid #2b382c;width:100%;text-align:left}.menu-row>svg:last-child:not(:first-child){margin-left:auto}.danger{color:#fca8a8}.confirm-delete{padding-top:20px;font-size:12px;line-height:1.8}.danger-btn{padding:11px 15px;background:#a2404a;border-radius:8px;font-size:11px;margin-top:15px}.report-form textarea{width:100%;height:100px;padding:12px;font-size:12px;line-height:1.8;margin:20px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:9px;background:#d2f7b5;color:#1c3113;padding:14px 20px;border-radius:11px;box-shadow:0 10px 40px #0005;font-size:12px;max-width:90vw;animation:enter .15s ease-out}@keyframes enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.account-tabs{display:flex;gap:10px;margin-bottom:18px}.account-tabs button{flex:1;padding:10px;border-radius:7px;background:#222c25;color:#899d8d;font-size:12px}.account-tabs button.chosen{background:#bbf77a;color:#193011;font-weight:650}.account-form>.subtext{margin:0 0 24px}.comments-login{width:100%}.signout{width:100%;text-align:left;padding-bottom:0}.top-notifications{display:none}@media(max-width:760px){.top-notifications{display:flex;width:25px;height:30px;color:#9aa69c}}@media(min-height:1000px){.video-frame,.video-actions{max-height:820px}.video-row,.feed-loading{align-items:center}.skeleton-video{max-height:820px}}@media(max-height:800px)and (min-width:761px){.small-promo{display:none}.sidebar{padding-top:26px}.brand-note{margin-bottom:25px}.topbar{height:72px}.feed-heading{margin-top:20px}.category-list{margin:16px 0}.video-actions{gap:12px}.action>span{width:39px;height:39px}.action>span svg{width:22px}.creator-action>.avatar{width:38px!important;height:38px!important}.right-intro h2{font-size:20px}.rightbar{padding-top:25px}.discovery-title{margin-top:27px}.trend-list{gap:14px}.author-card{margin-top:22px}.now-playing{margin-top:20px;padding-top:17px}.right-footer{margin-top:20px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:15px;padding-right:15px}.brand{font-size:31px}.content-grid{grid-template-columns:minmax(350px,1fr) 240px;padding:0 28px;gap:32px}.topbar{padding:0 28px}.right-intro h2{font-size:20px}.feed-footer .footer-motto{display:none}.feed-arrows{right:-17px}.feed-tabs{gap:22px}.feed-tabs>button{font-size:18px}.trend{gap:9px}.trend b{font-size:11px}.suggested-author{gap:7px}.suggested-author>div button{font-size:10px}}@media(max-width:1050px){.rightbar{display:none}.content-grid{display:flex;padding:0 45px;max-width:750px}.main-content{flex:1;min-width:0}.sidebar{width:220px}.topbar-actions{gap:15px}.feed-footer .footer-motto{display:flex}.video-actions{gap:18px}.feed-arrows{right:-25px}}@media(max-width:760px){:root{--bg:#0b0d0f}.sidebar,.rightbar,.live-label,.search-box kbd{display:none}.app-shell{height:100dvh}main{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}.topbar{height:58px;padding:0 17px;gap:16px;border-bottom:1px solid #202527;background:#0e1112}.mobile-brand{display:block;font-size:25px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap;padding:0}.mobile-brand span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:3px}.search-box{height:32px;padding:0 10px;gap:7px;flex:1;width:auto;max-width:420px;background:#1b2021;border:0;border-radius:7px}.search-box input{font-size:10px}.search-box>svg{width:15px;height:15px}.topbar-actions{gap:11px}.topbar-actions>.avatar{width:29px!important;height:29px!important;font-size:10px!important}.login-link{font-size:11px}.login-link svg{display:none}.content-grid{display:flex;padding:0;gap:0;max-width:100%}.main-content{width:100%}.feed-heading{margin:13px 18px 0;min-height:28px}.feed-tabs{gap:22px}.feed-tabs>button{font-size:16px;padding-bottom:8px}.feed-tabs>button>span{margin-top:3px}.feed-tabs h1{font-size:17px;padding-bottom:7px}.feed-filter{height:27px;width:27px;margin-top:-4px}.category-list{margin:10px 0 12px;padding:1px 18px;gap:6px}.category-list button{font-size:9px;padding:6px 11px;border-radius:6px}.feed-stage{flex:1}.video-row{gap:0;padding:0;min-height:220px}.video-frame{max-width:100%;width:100%;height:100%;aspect-ratio:auto;border-radius:0;background:#070b10}.video-frame video,.video-poster{object-fit:cover}.video-frame .video-top{top:13px;left:16px;right:16px}.video-quality{font-size:8px}.video-top>.icon-btn{width:30px;height:30px;margin-right:0}.video-caption{left:17px;right:83px;bottom:51px}.video-caption p{font-size:12px;line-height:1.6;max-height:78px}.creator{font-size:12px;gap:7px}.creator>.avatar{display:none}.sound{font-size:9px;margin-top:10px}.video-actions{position:absolute;right:11px;bottom:69px;gap:18px;width:45px;padding:0}.creator-action>.avatar{width:41px!important;height:41px!important;font-size:12px!important;background:color-mix(in srgb,var(--avatar) 22%,#19262a)}.action>span{width:42px;height:38px;background:none;filter:drop-shadow(0 2px 4px #0009)}.action:hover>span{background:none}.action>span svg{width:28px;height:28px;stroke-width:1.9}.action small{font-size:9px;text-shadow:0 2px 5px #000;color:#fff}.action{gap:3px}.more-action{font-size:16px;color:#fff}.feed-arrows,.feed-footer{display:none}.playback{left:17px;right:17px;bottom:16px}.search-summary{padding:0 18px 10px;font-size:10px}.feed-loading{height:100%}.skeleton-video{width:100%;max-width:100%;aspect-ratio:auto;border-radius:0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;height:calc(66px + env(safe-area-inset-bottom,0px));padding:7px 4px calc(7px + env(safe-area-inset-bottom,0px));z-index:20;background:#101315;border-top:1px solid #292e30}.mobile-nav>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:60px;padding:0;color:#818c89}.mobile-nav small{font-size:8px}.mobile-nav>button.active{color:var(--accent)}.mobile-nav>button.mobile-create{width:44px;height:34px;border-radius:9px;background:var(--accent);color:#19321b;border-left:3px solid #67c9b8;border-right:3px solid #e1ffb0}.profile-content{padding:0 18px}.profile-header{padding-top:18px}.profile-identity{gap:16px;margin-top:24px}.profile-identity>.avatar{width:72px!important;height:72px!important;font-size:24px!important}.profile-identity h1{font-size:21px}.profile-identity p{font-size:11px}.profile-stats{gap:11px;font-size:9px;margin-top:14px}.profile-stats b{font-size:11px}.profile-bio{font-size:11px;margin-top:19px}.profile-tabs{gap:21px;margin-top:20px}.profile-tabs button{font-size:10px;gap:6px}.profile-videos{gap:7px}.video-thumb{border-radius:5px}.thumb-title{font-size:9px;left:8px;right:8px}.thumb-bottom{font-size:9px;padding-left:8px;padding-right:8px}.notifications-page{padding:24px 20px}.section-heading h1{font-size:23px}.empty{padding:25px;min-height:220px}.empty h3{font-size:19px}.modal-backdrop{align-items:flex-end;padding:0;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal,.modal.wide{max-width:100%;border-radius:20px 20px 0 0;border-left:0;border-right:0;border-bottom:0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}.modal-header{padding:18px 20px}.modal-header h2{font-size:17px}.comments-list{max-height:52dvh;padding:10px 20px}.comment-form{margin:10px 20px 20px}.modal .empty{min-height:210px}.upload-form{padding:0 20px 22px}.upload-columns{gap:16px;grid-template-columns:1fr 1fr;margin-top:17px}.drop-zone{min-height:245px}.drop-zone video{max-height:280px;min-height:245px}.drop-content{padding:20px 10px}.drop-content b{font-size:10px}.drop-content p{font-size:9px;line-height:1.7}.drop-content small{font-size:8px;line-height:1.8;text-align:center}.drop-content>span{width:50px;height:50px}.upload-fields label{font-size:10px}.upload-fields textarea{height:90px;padding:9px;font-size:10px}.upload-fields select{font-size:10px;padding:10px 6px}.upload-info{font-size:9px;gap:6px}.upload-info svg{width:15px}.upload-bottom>span{font-size:8px;max-width:170px}.upload-bottom>.pill{font-size:10px;padding:11px 14px}.toast{bottom:calc(80px + env(safe-area-inset-bottom,0px));font-size:11px;width:max-content}.feed-end{font-size:12px}.login-modal{padding-top:20px}.login-modal h3{font-size:28px}.center-play{width:66px;height:66px}}@media(max-width:760px)and (min-aspect-ratio:3/4){.video-frame video,.video-poster{object-fit:contain}.video-frame{background:radial-gradient(ellipse,#1e3530,#0d1317)}.video-caption{right:90px}.video-actions{gap:10px;bottom:53px}.action>span{height:32px}.creator-action{margin-bottom:1px}}@media(max-height:660px)and (max-width:760px){.category-list{margin:6px 0 8px}.feed-heading{margin-top:8px}.video-actions{gap:12px;bottom:51px}.video-actions .creator-action{display:none}.video-caption p{max-height:58px}.video-caption{bottom:44px}.sound{margin-top:6px}.video-top{top:8px!important}.video-actions .more-action{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}.feed-scroll{scroll-behavior:auto}}