:root{--bg:#000;--surface:#0d0d0f;--surface-2:#141417;--line:#232327;--text:#f6f6f8;--muted:#8b8b95;--accent:#0aa2bd;--accent-hover:#088c9f;--accent-soft:#0aa2bd29;--radius:14px;--header-height:64px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif}button{font:inherit}.app{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:40;height:var(--header-height);min-height:var(--header-height);max-height:var(--header-height);box-sizing:border-box;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#000000e0;grid-template-columns:48px 1fr 48px;align-items:center;padding:0 18px;display:grid;position:sticky;top:0}.topbar--search-open{grid-template-columns:1fr;padding:0 10px}.topbar__left,.topbar__right{align-items:center;height:100%;display:flex}.topbar__right{justify-content:flex-end}.topbar__back-btn,.topbar__search-trigger-btn{width:40px;height:40px;color:var(--accent);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .1s,color .15s;display:inline-flex}.topbar__back-btn:hover,.topbar__search-trigger-btn:hover{background:var(--accent-soft);color:#fff;border-color:#0aa2bd59}.topbar__back-btn:active,.topbar__search-trigger-btn:active{transform:scale(.92)}.logo{letter-spacing:1.5px;color:var(--text);text-align:center;margin:0 auto;font-size:22px;font-weight:800;text-decoration:none}.logo span{color:var(--accent)}.topbar__search-form{background:var(--surface-2);border:1px solid #0aa2bd66;border-radius:999px;align-items:center;gap:8px;width:100%;height:42px;padding:0 6px 0 10px;animation:.22s cubic-bezier(.16,1,.3,1) forwards searchSlideIn;display:flex}@keyframes searchSlideIn{0%{opacity:0;transform-origin:100%;transform:scaleX(.85)}to{opacity:1;transform-origin:100%;transform:scaleX(1)}}.topbar__search-close-btn,.topbar__search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:inline-flex}.topbar__search-close-btn:hover,.topbar__search-clear-btn:hover{color:#fff}.topbar__search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:14px;font-weight:500}.topbar__search-input::placeholder{color:#6c6c78;font-size:13px}.topbar__search-submit-btn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .15s,filter .15s;display:inline-flex}.topbar__search-submit-btn:hover{filter:brightness(1.15);transform:scale(1.05)}.topbar__search-submit-btn:active{transform:scale(.92)}.main{width:100%;max-width:1120px;margin:0 auto;padding:24px 20px 88px}.player__frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.player__poster-img{object-fit:cover;pointer-events:none;z-index:2;background:#000;width:100%;height:100%;position:absolute;inset:0}.detail__player-wrapper{width:100%;position:relative}.player__video{background:#000;width:100%;height:100%;display:block}.player__video::-webkit-media-controls-enclosure{overflow:hidden}.player__video::-webkit-media-controls-panel{width:calc(100% + 30px)}.player__frame--fullscreen{aspect-ratio:auto!important;z-index:99990!important;background:#000!important;border:none!important;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;position:fixed!important;inset:0!important}@media (orientation:portrait){.player__frame--fullscreen{transform-origin:50%!important;width:100dvh!important;max-width:100dvh!important;height:100vw!important;max-height:100vw!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)rotate(90deg)!important}}.player__fallback-fs-btn{z-index:20;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#000000a6;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background .18s,transform .12s;display:inline-flex;position:absolute;top:12px;right:12px}.player__fallback-fs-btn:hover{border-color:var(--accent);background:#0aa2bdd9}.player__fallback-fs-btn:active{transform:scale(.92)}.player__big-play-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:15;background:#0d0d0fbf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .2s cubic-bezier(.25,1,.5,1),background .2s,border-color .2s,box-shadow .2s,color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #0aa2bd59,0 8px 32px #000000d9}.player__big-play-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;transform:translate(-50%,-50%)scale(1.12);box-shadow:0 0 35px #0aa2bdd9,0 10px 36px #000000f2}.player__big-play-btn:active{transform:translate(-50%,-50%)scale(.96)}.player__big-play-icon{justify-content:center;align-items:center;width:100%;height:100%;padding-left:3px;display:flex}.player__video::-internal-media-controls-download-button{display:none!important}.player__video::-webkit-media-controls-download-button{display:none!important}.player__overlay{text-align:center;color:var(--muted);background:#000000bd;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;font-size:14px;display:flex;position:absolute;inset:0}.player__overlay--loading{pointer-events:none}.player__overlay--error{color:#ff8f8f}.spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.detail{max-width:900px;margin:0 auto}.detail__message{text-align:center;opacity:.7;padding:3rem 1rem;font-size:15px}.detail__head{justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 2px 0;display:flex}.detail__title{color:var(--text);flex:1;min-width:0;margin:0;font-weight:700;line-height:1.28}.detail__title--short{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(20px,2.6vw,26px);display:-webkit-box;overflow:hidden}.detail__title--long{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(16px,2.1vw,20px);display:-webkit-box;overflow:hidden}.detail__meta-bar{align-items:center;gap:12px;width:100%;min-width:0;margin-top:14px;display:flex}.detail__categories-scroll{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-width:0;padding:4px 0;overflow:auto hidden}.detail__categories-scroll::-webkit-scrollbar{display:none}.chips--nowrap{flex-wrap:nowrap;gap:6px;display:inline-flex}.detail__ad-container{justify-content:center;align-items:center;width:100%;margin-top:14px;display:flex}.detail__ad--mobile{display:none}.detail__ad--desktop{justify-content:center;width:100%;display:flex}.popunder-overlay{z-index:99999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;width:100vw;height:100vh;position:fixed;inset:0}.watch-layout{flex-direction:column;gap:32px;display:flex}.watch-main,.watch-sidebar{width:100%}.related__title{color:var(--text);letter-spacing:.3px;margin:0 0 16px;font-size:18px;font-weight:700}.related__loading,.related__empty{opacity:.6;padding:1.5rem 0;font-size:14px}.related__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.related-card{background:var(--surface);border:1px solid var(--line);color:inherit;border-radius:10px;gap:12px;padding:8px;text-decoration:none;transition:transform .18s,border-color .18s;display:flex}.related-card:hover{border-color:#0aa2bd80;transform:translateY(-2px)}.related-card__thumb{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;border-radius:6px;width:110px;min-width:110px;position:relative;overflow:hidden}.related-card__thumb img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;width:100%;height:100%;display:block}.related-card__thumb-shield{z-index:2;background:0 0;width:100%;height:100%;position:absolute;inset:0}.related-card__duration{background:#000c;border-radius:4px;padding:2px 5px;font-size:10px;font-weight:700;position:absolute;bottom:4px;right:4px}.related-card__info{flex-direction:column;justify-content:space-between;min-width:0;padding:2px 0;display:flex}.related-card__title{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:13px;font-weight:600;line-height:1.32;display:-webkit-box;overflow:hidden}.related__ad-container{justify-content:center;align-items:center;width:100%;margin-top:24px;display:flex}.square-ad-wrapper{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:300px;max-width:100%;height:250px;min-height:250px;display:flex;overflow:hidden}@media (width>=1024px){.watch-layout{grid-template-columns:1fr 340px;align-items:flex-start;gap:28px;display:grid}.detail{max-width:none;margin:0}.main:has(.watch-layout){max-width:1380px}.watch-sidebar{width:340px}.related__grid{flex-direction:column;gap:12px;display:flex}.related-card__thumb{width:120px;min-width:120px}}.share-btn{background:var(--accent);border:1px solid var(--accent);color:#000;cursor:pointer;border-radius:999px;flex-shrink:0;align-self:flex-start;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s;animation:5s cubic-bezier(.25,1,.5,1) infinite sharePop;display:inline-flex;box-shadow:0 0 12px #0aa2bd59}.share-btn:hover{filter:brightness(1.12);box-shadow:0 0 18px #0aa2bd8c}.share-btn:active{transform:scale(.95)!important}.share-btn--copied{color:#000;background:#22c55e;border-color:#22c55e;animation:none;box-shadow:0 0 12px #22c55e66}.share-btn--copied:hover{filter:brightness(1.1);color:#000;box-shadow:0 0 16px #22c55e99}@keyframes sharePop{0%,88%,to{transform:scale(1);box-shadow:0 0 12px #0aa2bd59}92%{transform:scale(1.12);box-shadow:0 0 22px #0aa2bdb3}95%{transform:scale(.97)}97%{transform:scale(1.04)}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:.6px;text-transform:uppercase;background:var(--surface-2);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700;line-height:normal;text-decoration:none;display:inline-block}.chip--muted{color:var(--muted);font-weight:600}.chip--accent{background:var(--accent-soft);color:var(--accent);border-color:#0aa2bd59}.chip--clickable{cursor:pointer;transition:transform .15s,background .15s,border-color .15s}.chip--clickable:hover{border-color:var(--accent);color:#fff;background:#0aa2bd47;transform:translateY(-1px)}.btn{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#000;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;transition:filter .15s}.btn:hover{filter:brightness(1.1)}.feed{padding-top:4px}.feed__header-banner{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:12px;margin-bottom:20px;padding:6px 6px 6px 14px;display:inline-flex}.feed__category-info{align-items:center;gap:8px;display:inline-flex}.feed__category-label{color:var(--muted);font-size:13px;font-weight:500}.feed__category-name{color:var(--accent);font-size:13px;font-weight:700}.feed__clear-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.feed__clear-btn:hover{color:var(--text);background:#0aa2bd29;border-color:#0aa2bd66}.feed__clear-btn svg{opacity:.7}.feed__clear-btn:hover svg{opacity:1;color:var(--accent)}.feed__message{text-align:center;opacity:.7;padding:3rem 1rem;font-size:15px}.feed__loader-trigger{text-align:center;min-height:60px;padding:2.5rem 1rem}.feed__sub-message{opacity:.75;font-size:.92rem}.feed__end-message{opacity:.5;font-size:.88rem}.grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.grid__ad{border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;grid-column:1/-1;justify-content:center;align-items:center;width:100%;margin:6px 0;padding:14px 0;display:flex;overflow:hidden}.ad-feed-banner{justify-content:center;align-items:center;width:100%;display:flex}.ad-feed-banner--mobile{min-height:50px}.ad-feed-banner--desktop{min-height:90px}.grid__ad--mobile{display:none}.grid__ad--desktop{display:flex}.card{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;padding:0;text-decoration:none;transition:transform .18s,border-color .18s;display:block;overflow:hidden}.card:hover{border-color:#0aa2bd8c;transform:translateY(-3px)}.card__thumb{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;position:relative;overflow:hidden}.card__thumb img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none;width:100%;height:100%;transition:transform .25s;display:block}.card__thumb-shield{z-index:2;background:0 0;width:100%;height:100%;position:absolute;inset:0}.card:hover .card__thumb img{transform:scale(1.05)}.card__duration{background:#000000c7;border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700;position:absolute;bottom:8px;right:8px}.card__play{background:var(--accent);color:#000;opacity:0;pointer-events:none;z-index:5;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1),box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85);box-shadow:0 0 20px #0aa2bdbf,0 4px 12px #0009}.card__play svg{margin-left:2px;display:block}.card:hover .card__play{opacity:1;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 28px #0aa2bdf2,0 6px 16px #000000bf}.card__body{padding:12px 14px 14px}.card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}@media (width<=640px){.main{padding:16px 14px 32px}.topbar{padding:0 14px}.detail__head{padding-top:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.grid__ad--mobile{display:flex}.grid__ad--desktop{display:none}.detail__ad--mobile{display:flex}.detail__ad--desktop{display:none}}.admin-container{justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px);padding:24px 16px 48px;display:flex}.admin-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:440px;padding:28px 24px;box-shadow:0 10px 30px #0006}.admin-card--wide{max-width:760px}.admin-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.admin-title{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:700}.admin-subtitle{color:var(--muted);margin:0;font-size:13px}.admin-status{color:var(--muted);margin-top:40px;font-size:15px}.admin-alert{border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:13px}.admin-alert--error{color:#f87171;background:#ef444426;border:1px solid #ef444459}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-field{flex-direction:column;gap:6px;display:flex}.admin-field label{color:#c4c4cc;font-size:13px;font-weight:600}.admin-field input{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;padding:11px 14px;font-size:14px;transition:border-color .15s}.admin-field input:focus{border-color:var(--accent);outline:none}.admin-field input:disabled{opacity:.6;cursor:not-allowed}.admin-actions{margin-top:6px}.admin-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:11px 18px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s,transform .1s;display:inline-flex}.admin-btn:active{transform:scale(.98)}.admin-btn--primary{background:var(--accent);color:#000;width:100%}.admin-btn--primary:hover{background:var(--accent-hover)}.admin-btn--primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn--secondary{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);padding:7px 14px;font-size:12px}.admin-btn--secondary:hover{color:var(--text);border-color:#3b3b42}.admin-btn--danger{color:#fff;background:#dc2626;width:100%}.admin-btn--danger:hover{background:#ef4444}.admin-progress-banner{background:var(--accent-soft);color:var(--accent);border:1px solid #0aa2bd59;border-radius:8px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.admin-spinner{border:2px solid #0aa2bd4d;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}.admin-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.admin-stat-item{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.admin-stat-value{color:var(--text);font-size:22px;font-weight:700}.admin-stat-label{color:var(--muted);font-size:12px}.admin-console{border:1px solid var(--line);background:#09090b;border-radius:8px;margin-top:20px;overflow:hidden}.admin-console-header{color:var(--muted);background:var(--surface-2);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.5px;padding:8px 14px;font-size:12px;font-weight:600}.admin-console-body{flex-direction:column;gap:4px;height:220px;padding:12px 14px;font-family:Consolas,Courier New,monospace;font-size:12px;display:flex;overflow-y:auto}.admin-console-empty{color:#55555c;margin:0;font-style:italic}.admin-console-line{word-break:break-all;line-height:1.45}.admin-console-time{color:#55555c;margin-right:6px}.admin-console-line--info{color:#a1a1aa}.admin-console-line--success{color:#4ade80}.admin-console-line--warn{color:#facc15}.admin-console-line--error{color:#f87171}.admin-main-tabs{gap:12px;width:100%;margin-bottom:24px;display:flex}.admin-main-tab{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.admin-main-tab:hover{color:var(--text);border-color:#ffffff40;transform:translateY(-1px)}.admin-main-tab--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 16px #0aa2bd40}.admin-reels-panel{flex-direction:column;gap:24px;display:flex}.admin-reels-box{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:20px}.admin-reels-box__title{color:var(--text);margin:0 0 6px;font-size:16px;font-weight:700}.admin-reels-box__desc{color:var(--muted);margin:0 0 18px;font-size:13px;line-height:1.45}.admin-btn--success{color:#000;background:#10b981;font-weight:700}.admin-btn--success:hover{background:#059669}.admin-reel-preview-card{border:1px solid var(--line);background:#0006;border-radius:12px;margin-top:20px;padding:16px}.admin-reel-preview-title{color:var(--accent);margin:0 0 12px;font-size:14px}.admin-reel-preview-grid{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-reel-preview-video{aspect-ratio:9/16;border:1px solid var(--line);background:#000;border-radius:8px;width:140px;max-width:100%;overflow:hidden}.admin-reel-preview-player{object-fit:cover;width:100%;height:100%;display:block}.admin-reel-preview-info{flex-direction:column;flex:1;gap:10px;min-width:200px;font-size:13px;display:flex}.admin-reel-preview-link a{color:var(--accent);word-break:break-all;text-decoration:underline}.admin-reels-list-section{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:20px}.admin-reels-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-reels-list-header h4{color:var(--text);margin:0;font-size:15px}.admin-empty-box{text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px;padding:24px;font-size:13px}.admin-reels-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.admin-reel-item{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;transition:border-color .18s;display:flex;overflow:hidden}.admin-reel-item:hover{border-color:#0aa2bd66}.admin-reel-item__thumb{aspect-ratio:9/16;background:#000;width:100%;position:relative}.admin-reel-item__thumb img{object-fit:cover;width:100%;height:100%;display:block}.admin-reel-item__placeholder{background:linear-gradient(135deg,#18181f 0%,#0d0d12 100%);width:100%;height:100%}.admin-reel-item__badge{background:var(--accent);color:#000;letter-spacing:.5px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:8px;left:8px}.admin-reel-item__info{flex-direction:column;gap:8px;padding:10px 12px;display:flex}.admin-reel-item__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.admin-reel-item__actions{gap:8px;margin-top:4px;display:flex}.admin-reel-btn{text-align:center;cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px 8px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .15s}.admin-reel-btn--view{background:var(--surface-2);color:var(--accent);border:1px solid var(--line)}.admin-reel-btn--del{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.admin-reel-btn:hover{opacity:.85}.admin-mode-tabs{gap:10px;margin-bottom:18px;display:flex}.admin-mode-tab{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s}.admin-mode-tab:hover{color:var(--text);border-color:#3b3b42}.admin-mode-tab--active{border-color:var(--accent);color:var(--accent);background:#0aa2bd26}.admin-category-explorer{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;margin-bottom:20px;padding:14px}.admin-explorer-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-explorer-tabs{gap:6px;display:flex}.admin-subtab{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.admin-subtab:hover{color:var(--text)}.admin-subtab--active{background:var(--accent);border-color:var(--accent);color:#000}.admin-search-input{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:6px;min-width:200px;padding:6px 12px;font-size:12px}.admin-search-input:focus{border-color:var(--accent);outline:none}.admin-batch-toolbar{background:#0aa2bd14;border:1px dashed #0aa2bd4d;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.admin-batch-count{color:var(--accent);font-size:12px;font-weight:600}.admin-batch-buttons{gap:6px;display:flex}.admin-tool-btn{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.admin-tool-btn:hover{border-color:var(--accent);color:var(--accent)}.admin-tool-btn--clear{color:#f87171}.admin-tool-btn--clear:hover{color:#f87171;border-color:#f87171}.admin-category-grid{flex-wrap:wrap;gap:8px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.admin-cat-pill{background:var(--surface);border:1px solid var(--line);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.admin-cat-pill:hover{border-color:var(--accent);color:var(--accent)}.admin-cat-pill--active{border-color:var(--accent);color:var(--accent);background:#0aa2bd33}.admin-cat-pill--selectable input{accent-color:var(--accent);cursor:pointer;margin:0}.admin-cat-pill--checked{border-color:var(--accent);background:#0aa2bd40}.admin-cat-title{font-weight:500}.admin-cat-meta{color:var(--muted);opacity:.8;font-size:10px}.admin-cat-badge{color:#4ade80;text-transform:uppercase;background:#22c55e33;border:1px solid #22c55e66;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.admin-field-label-row{justify-content:space-between;align-items:center;display:flex}.admin-field-hint{color:var(--muted);font-size:11px}.admin-field-hint--accent{color:var(--accent);font-weight:600}.admin-empty-text{color:var(--muted);margin:10px 0;font-size:12px;font-style:italic}.page-loader{place-items:center;min-height:40vh;padding:2rem;display:grid}.skeleton-card{pointer-events:none;background:var(--surface);border-color:#0aa2bd33;box-shadow:0 0 15px #0aa2bd0d}.skeleton-box{background:#0aa2bd14;border:1px solid #0aa2bd24;position:relative;overflow:hidden}.skeleton-box:after{content:"";background:linear-gradient(90deg,#0000 0%,#0aa2bd26 35%,#0aa2bd4d 50%,#0aa2bd26 65%,#0000 100%);animation:1.6s cubic-bezier(.4,0,.2,1) infinite skeletonCyanShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeletonCyanShimmer{to{transform:translate(100%)}}.skeleton-box--thumb{background:#0aa2bd17;border:none;width:100%;height:100%}.skeleton-box--title{border-radius:4px;width:90%;height:15px;margin-bottom:8px}.skeleton-box--title-short{border-radius:4px;width:60%;height:15px}.skeleton-box--ad-mobile{border-radius:8px;width:320px;max-width:95%;height:50px;box-shadow:0 0 12px #0aa2bd1a}.skeleton-box--ad-desktop{border-radius:8px;width:728px;max-width:95%;height:90px;box-shadow:0 0 16px #0aa2bd1a}.bottom-nav{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:1000;background:#0b0b0ef0;justify-content:center;align-items:center;height:62px;padding:0 8px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0009}.bottom-nav__item{max-width:120px;height:48px;color:var(--accent);-webkit-user-select:none;user-select:none;opacity:.85;text-align:center;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 6px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .18s,transform .15s,filter .18s;display:flex}.bottom-nav__item:hover{opacity:1;filter:drop-shadow(0 0 8px #0aa2bd99)}.bottom-nav__item:active{transform:scale(.92)}.bottom-nav__item--active{opacity:1;color:#fff;background:var(--accent-soft);border:1px solid #0aa2bd59}.bottom-nav__item--active .bottom-nav__icon{color:var(--accent);filter:drop-shadow(0 0 8px #0aa2bdcc);transform:translateY(-1px)}.bottom-nav__icon{color:var(--accent);justify-content:center;align-items:center;transition:transform .18s;display:flex}.bottom-nav__label{letter-spacing:.3px}.categories-page{padding-top:8px;padding-bottom:80px}.categories-page__header{margin-bottom:24px}.categories-page__title{letter-spacing:-.5px;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:800;display:flex}.categories-page__desc{color:var(--muted);margin:0;font-size:14px}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}@media (width<=540px){.categories-grid{grid-template-columns:1fr 1fr;gap:10px}}.category-card{aspect-ratio:16/10;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:block;position:relative;overflow:hidden}.category-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 8px 24px #0aa2bd33}.category-card__thumb{object-fit:cover;width:100%;height:100%;transition:transform .35s}.category-card:hover .category-card__thumb{transform:scale(1.05)}.category-card__placeholder{background:linear-gradient(135deg,#141419 0%,#08080a 100%);width:100%;height:100%}.category-card__overlay{text-align:center;background:linear-gradient(#0009 0%,#00000073 50%,#000000e6 100%);justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.category-card__title,.category-card__name{color:var(--accent);text-transform:capitalize;letter-spacing:.4px;text-shadow:0 2px 10px #000000f2,0 0 16px #0aa2bd66;font-size:16px;font-weight:800;transition:color .18s,transform .18s}.category-card:hover .category-card__title,.category-card:hover .category-card__name{color:#fff;transform:scale(1.06)}.library-page{padding-top:8px;padding-bottom:80px}.library-tabs{border-bottom:1px solid var(--line);gap:12px;width:100%;margin-bottom:20px;padding-bottom:16px;display:flex}.library-tab{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.library-tab:hover{color:var(--text);border-color:#fff3}.library-tab--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 14px #0aa2bd33}.library-subbar{border:1px solid var(--line);background:#ffffff05;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:8px 12px;display:flex}.library-subbar__count{color:var(--muted);font-size:13px;font-weight:600}.library-clear-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444459;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.library-clear-btn:hover{background:#ef444433;border-color:#ef4444;transform:translateY(-1px)}.library-clear-btn:active{transform:scale(.96)}.library-empty{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);padding:60px 20px}.library-empty svg{margin-bottom:12px}.library-empty h3{color:var(--text);margin:0 0 8px;font-size:18px}.library-empty p{margin:0 0 20px;font-size:14px}.reels-feed-container{scroll-snap-type:y mandatory;scrollbar-width:none;flex-direction:column;align-items:center;height:calc(100dvh - 120px);display:flex;overflow-y:scroll}.reels-feed-container::-webkit-scrollbar{display:none}.reels-feed-container--loading{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.reel-slide{scroll-snap-align:start;scroll-snap-stop:always;flex-shrink:0;justify-content:center;align-items:center;width:100%;max-width:420px;height:100%;padding:8px 0;display:flex}.reel-video-wrapper{border:1px solid var(--line);background:#000;border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #000000b3}.reel-video-element{object-fit:cover;width:100%;height:100%;display:block}.reel-overlay-info{pointer-events:none;background:linear-gradient(#0000 0%,#0006 40%,#000000d9 100%);flex-direction:column;gap:6px;padding:24px 16px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.reel-overlay-title{color:#fff;text-shadow:0 2px 6px #000000e6;margin:0;font-size:15px;font-weight:700;line-height:1.35}.reel-tweet-link{color:var(--accent);pointer-events:auto;align-self:flex-start;font-size:12px;text-decoration:underline}.reels-page,.reels-placeholder-page{justify-content:center;align-items:center;min-height:65vh;padding:20px 0;display:flex}.reels-placeholder-card{aspect-ratio:9/16;border:1px solid var(--line);text-align:center;background:linear-gradient(#121217 0%,#08080a 100%);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:360px;padding:32px 24px;display:flex;box-shadow:0 12px 36px #000000b3}.reels-placeholder-icon{background:var(--accent-soft);border:2px solid var(--accent);width:80px;height:80px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;display:flex;box-shadow:0 0 24px #0aa2bd59}.reels-placeholder-badge{background:var(--accent);color:#000;letter-spacing:1px;border-radius:999px;margin-bottom:14px;padding:3px 10px;font-size:11px;font-weight:800}.reels-placeholder-title{margin:0 0 10px;font-size:22px;font-weight:800}.reels-placeholder-desc{color:var(--muted);margin:0 0 24px;font-size:13px;line-height:1.5}.fav-btn{background:var(--surface);border:1px solid var(--line);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.fav-btn:hover{color:var(--text);border-color:#ffffff4d}.fav-btn:active{transform:scale(.92)}.fav-btn--active{color:#ef4444;background:#ef444426;border-color:#ef444499;box-shadow:0 0 12px #ef444440}.fav-btn--active:hover{color:#ef4444;background:#ef444438;border-color:#ef4444}.autoplay-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.autoplay-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:center;width:100%;max-width:360px;padding:20px;box-shadow:0 12px 32px #000c}.autoplay-timer-circle{place-items:center;width:52px;height:52px;margin:0 auto 12px;display:grid;position:relative}.autoplay-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.autoplay-circle-bg{stroke:#ffffff1a}.autoplay-circle-progress{stroke:var(--accent);transition:stroke-dashoffset 1s linear}.autoplay-seconds{color:var(--accent);font-size:18px;font-weight:800}.autoplay-label{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.autoplay-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0 0 16px;font-size:14px;font-weight:700;overflow:hidden}.autoplay-actions{justify-content:center;gap:10px;display:flex}.autoplay-btn{cursor:pointer;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.autoplay-btn--cancel{background:var(--surface-2);color:var(--text);border:1px solid var(--line)}.autoplay-btn--cancel:hover{background:#ffffff1a}.autoplay-btn--watch{background:var(--accent);color:#000}.autoplay-btn--watch:hover{filter:brightness(1.12);box-shadow:0 0 12px #0aa2bd66}