/* FEETTOK | FRAME — one stylesheet for the Live Server preview and Java deployment.
   No fonts, icons, trackers, or runtime CSS loaded from third-party CDNs. */
:root{color-scheme:dark;--bg:#080809;--shell:#0b0b0e;--surface:#121216;--surface-2:#19191f;--line:#252329;--muted:#929098;--text:#faf9fb;--pink:#ff62ac;--pink-2:#ef3c94;--pink-soft:#ffbad7;--radius:14px;--nav-width:232px;--right-width:300px}
*{box-sizing:border-box}html{height:100%;background:var(--bg)}body{height:100%;margin:0;overflow:hidden;background:radial-gradient(circle at 49% 15%,#1c1119 0,transparent 38%),#080809;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:var(--pink-soft)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--pink);outline-offset:3px}svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.hidden{display:none!important}
.app-shell{width:100%;height:100dvh;max-width:1720px;margin:0 auto;display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr) var(--right-width);gap:0;background:linear-gradient(110deg,#09090b,#0d0c10 50%,#08080a)}
.side-nav{min-width:0;display:flex;flex-direction:column;padding:25px 15px 24px 20px;border-right:1px solid #1b1b20;background:#09090b}
.brand{display:flex;align-items:center;align-self:flex-start;gap:10px;padding:0;margin:0 0 34px;border:0;background:none;font-size:24px;font-weight:760;letter-spacing:-1px;line-height:1;text-decoration:none;white-space:nowrap}.brand>span:last-child>span{color:var(--pink)}.brand-mark{display:grid;place-items:center;width:30px;height:31px}.brand-mark svg{width:27px;height:30px;stroke:var(--pink);stroke-width:1.8;fill:none;filter:drop-shadow(0 0 8px #fc47933b)}
.side-links{display:flex;flex-direction:column;gap:6px}.nav-item{width:100%;display:flex;align-items:center;gap:14px;min-height:45px;border:1px solid transparent;border-radius:12px;padding:9px 13px;background:transparent;color:#b0adb4;text-align:left;font-weight:540;white-space:nowrap;transition:background .18s,color .18s}.nav-item svg{width:19px;height:19px}.nav-item.active{background:linear-gradient(105deg,#34212f,#201b23 95%);border-color:#3a2632;color:#ff72b4;box-shadow:inset 0 1px #ffffff08}.nav-item.active svg{fill:var(--pink);stroke:var(--pink)}.nav-item:hover:not(.active){background:#19171d;color:white}
.side-divider{height:1px;flex:none;margin:22px 9px 20px;background:#27242b}.section-label{font-size:12px;font-weight:600;margin:0 0 12px 10px;color:#bfbac2}.category-nav{display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding-left:9px}.category-link{display:flex;align-items:center;background:#1b1a1f;border:1px solid #29262e;border-radius:999px;color:#bbb6c0;padding:7px 13px;font-size:12px;text-align:left;transition:.16s;min-height:32px}.category-link:hover,.category-link.active{background:#3b2433;border-color:#79435f;color:#ffd2e6}.category-emoji{display:none}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:6px;border-top:1px solid #28252b;padding:20px 5px 0;color:#97919b;font-size:11px}.side-bottom small{font-size:10px;color:#68636d}
.main-column{min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 22%,#1b141a45,transparent 55%),#0a0a0c}
.topbar{height:76px;flex:none;width:100%;display:flex;align-items:center;gap:18px;padding:0 30px;justify-content:space-between;z-index:10}.search-form{height:44px;display:flex;align-items:center;gap:10px;flex:1;max-width:540px;min-width:0;border:1px solid #26232c;border-radius:13px;padding:0 13px;background:linear-gradient(130deg,#1d1c22,#16151a 75%);box-shadow:inset 0 1px #ffffff06}.search-form>svg{width:19px;color:#8a848e}.search-form input{flex:1;min-width:0;border:0;outline:none;color:#faf7fb;background:none;font-size:12px}.search-form input::placeholder{color:#89838f}.search-form:focus-within{border-color:#b44982}.top-actions{display:flex;gap:15px;align-items:center}.new-upload-btn{height:43px;display:flex;align-items:center;gap:8px;border:0;border-radius:15px;padding:0 18px;background:linear-gradient(120deg,#ff96c6 0%,#ff6fae 50%,#f854a1 100%);box-shadow:0 5px 25px #f43e8330,inset 0 1px #ffe6f080;color:#1b0b14;font-size:12px;font-weight:780;white-space:nowrap}.new-upload-btn:hover{filter:brightness(1.08);box-shadow:0 5px 30px #ff5aa450}.new-upload-btn svg{width:18px;stroke-width:2.2}.user-menu-btn{width:42px;height:42px;border:1px solid #28232d;border-radius:50%;display:grid;place-items:center;background:#111015;color:#f1e8ed}.user-menu-btn:hover{border-color:var(--pink)}.user-menu-btn svg{width:19px}.mobile-brand,.mobile-search{display:none}
.feed-header{width:100%;height:49px;flex:none;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.feed-tabs{height:100%;display:flex;align-items:stretch;justify-content:center;gap:27px}.feed-tab{height:100%;position:relative;white-space:nowrap;border:0;padding:0 4px;background:none;color:#aca7b1;font-size:13px;font-weight:600}.feed-tab.active{color:#fff}.feed-tab.active::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:3px;border-radius:10px;background:var(--pink);box-shadow:0 0 13px #ff4d9d43}.feed-tab:hover{color:#fff}.selected-category{position:absolute;right:16px;top:8px;border:1px solid #743b5a;background:#291822;color:#ffbed8;border-radius:40px;padding:7px 10px;font-size:11px}
.mobile-category-strip{display:none}.feed-scroller{flex:1;min-width:0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:20px;padding:8px 12px 20px;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;scroll-behavior:smooth}.feed-scroller::-webkit-scrollbar{display:none}
.video-card,.loading-screen,.empty-state{position:relative;flex:none;display:block;width:min(calc((100dvh - 164px)*9/16),min(100%,416px));aspect-ratio:9/16;height:auto;max-width:100%;border-radius:16px;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;border:1px solid #39303a;background:radial-gradient(ellipse at 85% 45%,#3b323c 0,transparent 50%),linear-gradient(145deg,#28222c,#141318 62%,#29232b);box-shadow:0 30px 65px #000b,0 0 0 1px #f3b7d00b,inset 0 0 35px #4c384222;isolation:isolate}
.video-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000003c 0,transparent 26%,#00000008 48%,#000b 100%);pointer-events:none}.clip-player{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;background:linear-gradient(135deg,#28232c,#151317 60%,#332b35)}.video-shade-toggle{position:absolute;inset:0;width:100%;border:none;z-index:2;background:transparent;cursor:pointer}.video-play-icon{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);width:73px;height:73px;border:1px solid #e7d7e03b;border-radius:50%;display:grid;place-items:center;background:#08070b70;backdrop-filter:blur(7px);box-shadow:0 10px 24px #0004;pointer-events:none;opacity:0;transition:opacity .18s}.video-play-icon svg{width:34px;height:34px;fill:#f7f5fa;stroke:#f7f5fa;margin-left:5px}.video-card.paused .video-play-icon,.video-card.video-error .video-play-icon{opacity:1}
.video-pill{position:absolute;z-index:4;top:18px;left:16px;padding:7px 10px;background:#120d1499;border:1px solid #f6d6e42d;border-radius:18px;color:#f6d9e5;font-size:10px;font-weight:600;backdrop-filter:blur(9px);opacity:0;transition:opacity .2s}.video-card:hover .video-pill{opacity:1}
.video-top-actions{z-index:5;position:absolute;top:16px;right:14px;display:flex;gap:8px;opacity:0;transition:opacity .2s}.video-card:hover .video-top-actions,.video-top-actions:focus-within{opacity:1}.glass-btn{width:31px;height:31px;border:1px solid #ffffff36;border-radius:50%;display:grid;place-items:center;background:#12111788;backdrop-filter:blur(10px)}.glass-btn svg{width:16px;height:16px}
.video-sidebar{position:absolute;z-index:5;right:12px;bottom:50px;display:flex;align-items:center;flex-direction:column;gap:16px}.video-action{border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#f8f5f8;min-width:42px;font-size:10px;font-weight:650;text-shadow:0 1px 6px #000}.video-action .action-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:transparent;filter:drop-shadow(0 2px 6px #0008)}.video-action svg{width:29px;height:29px;stroke-width:1.9;fill:#f7f5fa;stroke:#f7f5fa}.video-action.like-action svg{fill:var(--pink);stroke:var(--pink)}.video-action.save-action svg{fill:#f3f0f4;stroke:#f3f0f4}.video-action.saved svg{fill:var(--pink);stroke:var(--pink)}.video-action:active .action-icon{transform:scale(.9)}.video-avatar{display:none}.video-sidebar .video-action:nth-last-child(1){order:3}.video-sidebar .video-action[data-action="share"]{order:4}.video-sidebar .video-action[data-action="comments"]{order:2}.video-sidebar .video-action[data-action="like"]{order:1}
.video-bottom{position:absolute;z-index:5;left:15px;right:66px;bottom:22px;text-shadow:0 2px 8px #000b;pointer-events:none}.creator-line{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:770;background:none;border:0;padding:0 0 5px;color:#fff;pointer-events:auto;text-shadow:0 1px 7px #000e}.creator-line .verified{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--pink);color:#200e18;font-size:9px}.creator-line .verified svg{width:10px;height:10px;stroke-width:3}.video-bottom h3{font-size:12px;line-height:1.35;margin:1px 0 5px;font-weight:620}.video-bottom p{margin:0 0 8px;color:#eeeaf0;font-size:11px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.video-meta{font-size:10px;display:flex;gap:6px;align-items:center;color:#f9e5ef}.video-meta i{opacity:.6}.video-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px;background:#ffffff25;cursor:pointer}.video-progress-fill{height:100%;width:0;background:var(--pink)}.big-heart{position:absolute;top:42%;left:40%;z-index:8;font-size:100px;color:var(--pink);text-shadow:0 0 30px #ff4e9e91;pointer-events:none;animation:heartpop .8s forwards}@keyframes heartpop{0%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1.3)}100%{opacity:0;transform:scale(1)}}
.feed-end,.feed-status{font-size:11px;color:#807b85;text-align:center;padding:12px}.loading-screen,.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;gap:12px}.loading-screen p,.empty-state p{color:#b6acb6;font-size:12px;max-width:270px;line-height:1.6}.loading-pulse{height:36px;width:36px;border:3px solid #493244;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state h2{font-size:23px;margin:0;letter-spacing:-.6px}.empty-eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--pink)}.empty-state .empty-visual{width:90px;height:90px;border-radius:30px;border:1px solid #753952;background:radial-gradient(circle at 35% 32%,#8e486a60,#241921)}.empty-state button{border:0;border-radius:11px;background:var(--pink);color:#200b13;padding:11px 17px;font-size:12px;font-weight:750}
.discovery-panel{min-width:0;max-height:100dvh;display:flex;flex-direction:column;gap:15px;padding:79px 20px 25px 7px}.panel-block{padding:19px 16px;background:linear-gradient(140deg,#141317,#101014);border:1px solid #1b1a1f;border-radius:17px;box-shadow:0 11px 36px #0005}.panel-block h2{font-size:14px;margin:0 0 17px;font-weight:660;letter-spacing:-.2px}.trending-list{display:flex;flex-direction:column;gap:12px}.trending-card{width:100%;height:106px;display:flex;gap:11px;align-items:center;text-align:left;background:none;border:0;padding:0;color:#fff;border-radius:10px}.trending-card:hover .trending-info strong{color:var(--pink-soft)}.trending-card img,.trending-placeholder{display:block;flex:none;width:78px;height:106px;object-fit:cover;border:1px solid #3d3742;border-radius:10px;background:linear-gradient(125deg,#4a4650,#28252d 55%,#3a2937);box-shadow:inset 0 0 25px #fff1}.trending-info{display:flex;flex-direction:column;min-width:0;gap:7px}.trending-info strong{font-size:12px;font-weight:650;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.trending-info small{font-size:10px;color:#8e8994}.panel-subtle{color:#8e8892;font-size:12px;line-height:1.5}.panel-topics{padding:9px 17px}.panel-topics h3{font-size:12px;font-weight:650;margin:0 0 13px}.discovery-categories{display:flex;gap:7px;flex-wrap:wrap}.topic-chip{padding:6px 10px;border:1px solid #29242d;background:#19161d;color:#a9a0ab;border-radius:20px;font-size:10px}.topic-chip.active,.topic-chip:hover{border-color:#a85480;color:#ffd2e6}.topic-chip>span{display:none}.panel-guidelines{margin-top:auto;padding:10px 14px;color:#65606a;font-size:10px;line-height:1.6}.panel-guidelines a{color:#93818c;text-decoration:none}
.mobile-bottom{display:none}
/* Real interactive modals used by login, upload, comments, profiles, reporting. */
.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:#000c;backdrop-filter:blur(13px)}.modal-window{width:min(100%,490px);max-height:min(90dvh,900px);overflow:auto;border:1px solid #4d2b40;border-radius:20px;padding:24px;background:linear-gradient(140deg,#1b141b,#111015);box-shadow:0 30px 120px #000e,0 0 70px #f0368310}.modal-window.large-modal{width:min(100%,640px)}.modal-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.modal-header h2{font-size:23px;margin:0 0 7px;letter-spacing:-.65px}.modal-header p{color:#aaa0ad;font-size:12px;line-height:1.5;margin:0}.modal-close{flex:none;width:30px;height:30px;border:1px solid #51404d;border-radius:50%;background:#2c222c;display:grid;place-items:center}.modal-close svg{width:16px;height:16px}.modal-form{display:grid;gap:13px}.field{display:grid;gap:7px;min-width:0}.field label{font-size:12px;color:#d6c6d1;font-weight:650}.field input,.field textarea,.field select,.comment-form input{background:#111015;border:1px solid #373039;border-radius:10px;color:#fff;padding:12px;width:100%;min-width:0;outline:none;font-size:13px}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus,.comment-form input:focus{border-color:#d9639e}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:11px}.submit-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#ff96c6,#f65ba3);color:#220e17;border:0;border-radius:10px;font-size:13px;font-weight:790}.submit-btn svg{width:17px}.form-foot{margin:17px 0 0;font-size:12px;color:#9d939e;text-align:center}.link-btn{border:0;background:none;padding:0;color:var(--pink);font-weight:680}.form-note{font-size:11px;line-height:1.6;color:#a9a0a9;margin:2px 0}.error-text{color:#ff91ab;font-size:12px;min-height:0;margin:0}.upload-drop{display:grid;justify-items:center;gap:9px;padding:22px;border:1px dashed #6b4056;border-radius:12px;background:#211821}.upload-drop>svg{color:var(--pink);width:34px;height:34px}.upload-drop h3{font-size:14px;margin:0}.upload-drop p{font-size:11px;color:#ac9aa8;margin:0}.upload-drop input[type=file]{max-width:100%;font-size:11px}.upload-file-name{max-width:100%;overflow-wrap:anywhere}.comment-form{display:flex;gap:9px;margin-top:12px}.comment-form button{padding:0 16px;border:0;border-radius:10px;background:var(--pink);color:#1c0912;font-size:12px;font-weight:750}.comments-content{max-height:45dvh;overflow-y:auto}.comment-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #32252c}.comment-avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#503145;font-size:11px;font-weight:800}.comment-body{flex:1;min-width:0}.comment-body strong{display:block;font-size:12px}.comment-body small{font-size:10px;color:#a199a3}.comment-body p{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.comment-body button{border:0;background:none;padding:0;color:var(--pink);font-size:11px}.profile-header{display:flex;gap:18px}.profile-avatar{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#9e4d78,#3d273b);font-size:28px;font-weight:750}.profile-info h3{font-size:18px;margin:4px 0}.profile-info p,.profile-bio{font-size:12px;color:#c3b6c2}.stats-strip{display:flex;gap:20px;margin-top:15px}.stats-strip>div{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#b3a6b1}.stats-strip strong{font-size:14px;color:#fff}.profile-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary-btn{padding:9px 12px;border:1px solid #654159;border-radius:10px;background:#2b1b28;color:#f8d4e5;font-size:11px}.profile-video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.profile-video{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #42303d;border-radius:10px;background:#231c25;text-align:left;font-size:11px;color:#fff}.profile-video img{width:100%;aspect-ratio:9/16;object-fit:cover;background:#342631}.profile-video span{padding:7px;overflow-wrap:anywhere}.status-chip{color:var(--pink);font-size:10px}.interest-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.interest-summary>div{border-radius:10px;padding:14px;background:#241b26}.interest-summary strong{display:block}.interest-summary span{color:#a99eaa;font-size:11px}.interest-row{margin:12px 0}.interest-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.interest-row span{color:#b29bad}.interest-track{height:7px;margin-top:6px;border-radius:12px;background:#332530;overflow:hidden}.interest-track>div{height:100%;background:var(--pink)}.toast{position:fixed;z-index:120;left:50%;bottom:95px;transform:translateX(-50%);max-width:min(92vw,520px);border:1px solid #aa5a80;border-radius:12px;background:#241421;color:#ffeaf1;padding:12px 17px;box-shadow:0 10px 40px #000a;text-align:center;font-size:12px}.preview-banner{position:fixed;z-index:80;bottom:10px;left:50%;transform:translateX(-50%);padding:7px 13px;border:1px solid #563649;border-radius:20px;background:#180f17ea;color:#ffcbdf;font-size:10px;text-align:center;max-width:95vw;pointer-events:none;white-space:nowrap;box-shadow:0 5px 19px #0008}
@media(max-width:1200px){:root{--nav-width:205px;--right-width:260px}.side-nav{padding-left:13px}.discovery-panel{padding-right:13px}.topbar{padding-left:20px;padding-right:20px}.trending-card{height:92px}.trending-card img,.trending-placeholder{width:67px;height:92px}}
@media(max-width:1000px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.discovery-panel{display:none}.topbar{max-width:750px}.feed-scroller{padding-bottom:16px}}
@media(max-width:690px){body{background:#070708}.app-shell{display:block;height:100dvh}.side-nav,.discovery-panel{display:none}.main-column{height:100dvh;background:#09090b}.topbar{height:63px;min-height:63px;justify-content:space-between;padding:0 18px;gap:10px}.topbar .brand{display:flex;margin:0;font-size:22px;gap:7px}.topbar .brand-mark{width:25px;height:27px}.topbar .brand-mark svg{width:23px;height:26px}.topbar .search-form{display:none}.mobile-search{display:grid;place-items:center;border:0;background:none;padding:4px}.mobile-search svg{width:22px;height:22px}.top-actions{gap:15px}.new-upload-btn{display:none}.user-menu-btn{width:29px;height:32px;background:none;border:none}.user-menu-btn svg{width:21px;height:21px}.feed-header{height:49px;min-height:49px}.feed-tabs{gap:22px}.feed-tab{font-size:12px;padding:0 3px}.feed-tab.active:after{bottom:1px}.selected-category{position:absolute;top:45px;right:8px;font-size:10px;z-index:3}.feed-scroller{flex:1;min-height:0;padding:5px 8px calc(72px + env(safe-area-inset-bottom));gap:13px;scroll-padding-top:5px;scroll-snap-type:y proximity}.video-card,.loading-screen,.empty-state{width:min(calc((100dvh - 199px - env(safe-area-inset-bottom))*9/16),calc(100% - 4px),430px);height:auto;aspect-ratio:9/16;border-radius:13px;box-shadow:0 15px 40px #000b}.video-sidebar{right:8px;bottom:50px;gap:13px}.video-action svg{width:26px;height:26px}.video-action .action-icon{width:33px;height:33px}.video-bottom{left:11px;right:57px;bottom:18px}.video-bottom h3{font-size:12px}.video-bottom p{font-size:10px}.video-pill{top:12px;left:12px}.video-top-actions{top:12px;right:12px}.mobile-bottom{position:fixed;z-index:40;display:flex;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:4px 13px calc(4px + env(safe-area-inset-bottom));align-items:center;justify-content:space-around;border-top:1px solid #2a252d;background:#0a090cf5;box-shadow:0 -8px 27px #0009;backdrop-filter:blur(18px)}.mobile-nav-item{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;min-width:48px;padding:5px 0;color:#aaa4ae;font-size:10px}.mobile-nav-item.active{color:var(--pink)}.mobile-nav-item.active svg{fill:var(--pink);stroke:var(--pink)}.mobile-nav-item svg{width:23px;height:23px}.mobile-create{display:grid;place-items:center;width:35px;height:29px;border:0;border-radius:6px;background:linear-gradient(120deg,#f9bdcf,#ff65ab 60%);color:#180c14;box-shadow:0 0 13px #fc4b8c32}.mobile-create svg{width:22px;height:22px;stroke-width:2.5}.preview-banner{bottom:calc(75px + env(safe-area-inset-bottom));white-space:normal;font-size:9px;max-width:96vw}.toast{bottom:calc(112px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.topbar{padding-left:11px;padding-right:11px}.feed-tabs{gap:15px}.video-card,.loading-screen,.empty-state{width:min(calc((100dvh - 189px - env(safe-area-inset-bottom))*9/16),calc(100% - 2px),430px)}}
@media(max-height:660px) and (min-width:691px){.topbar{height:59px}.feed-header{height:40px}.video-card,.loading-screen,.empty-state{width:min(calc((100dvh - 119px)*9/16),416px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Video action order follows the reference: like, comments, saved, share. */
.video-sidebar .video-action[data-action="like"]{order:1}.video-sidebar .video-action[data-action="comments"]{order:2}.video-sidebar .video-action[data-action="save"]{order:3}.video-sidebar .video-action[data-action="share"]{order:4}
.creator-line .creator-accent{color:var(--pink);font-size:14px}.video-meta svg{height:13px;width:13px;fill:#fff;stroke-width:1}.video-meta{white-space:nowrap}.video-meta>span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:690px){.topbar .search-form.mobile-open{display:flex;position:absolute;z-index:12;left:15px;right:15px;top:63px;max-width:none;height:42px;box-shadow:0 12px 26px #000b}.topbar .search-form.mobile-open input{font-size:12px}}

.age-confirm{display:flex;align-items:center;gap:9px;color:#bfb3bc;font-size:11px;line-height:1.5}.age-confirm input{accent-color:var(--pink);width:16px;height:16px;flex:none}

.video-sidebar .video-disc{order:5;position:relative;display:grid;place-items:center;width:32px;height:32px;margin-top:1px;border-radius:50%;background:radial-gradient(circle at 30% 24%,#4e3d4b,#151317 76%);border:1px solid #635260;box-shadow:0 3px 9px #000b}.video-sidebar .video-disc span{position:absolute;left:50%;bottom:-4px;transform:translateX(-50%);display:grid;place-items:center;width:16px;height:16px;background:var(--pink);color:#1c0c15;border-radius:50%;font-size:13px;font-weight:900}.video-sidebar .video-disc:hover{border-color:#ff78b8}