*,:before,:after{box-sizing:border-box}:root{--bg:#0d0f14;--surface:#161a24;--surface2:#1f2535;--text:#e2e8f0;--muted:#8892a4;--accent:#6c63ff;--radius:16px;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px}html,body{height:100%;margin:0}#app{flex-direction:column;min-height:100dvh;display:flex}.home{flex-direction:column;align-items:center;min-height:100dvh;padding:0 24px 80px;display:flex}.home-topbar{justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:960px;padding:16px 0;display:flex}.site-header{text-align:center;margin-top:8px;margin-bottom:48px}.logo-link{line-height:0;display:inline-block}.site-logo{filter:drop-shadow(0 4px 24px #00000080);width:100%;max-width:min(960px,92vw);height:auto;transition:opacity .2s}.site-logo:hover{opacity:.88}.site-subtitle{color:var(--text);margin:16px 0 4px;font-size:1.1rem;font-weight:500}.site-choosecat{color:var(--muted);margin:4px 0 0;font-size:.95rem}.subtitle-social-row{justify-content:center;align-items:center;width:100%;margin:12px 0 0;display:flex;position:relative}.subtitle-social-row .site-subtitle{text-align:center;margin:0}.subtitle-social-row .social-row{flex-shrink:0;margin:0;position:absolute;inset-inline-end:0}.lang-dropdown{display:inline-block;position:relative}.lang-current{color:var(--text);cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:background .15s;display:flex}.lang-current:hover{background:#ffffff21}.lang-caret{opacity:.6;font-size:.7rem}.lang-menu{top:calc(100% + 6px);background:var(--surface2);z-index:200;border:1px solid #ffffff1f;border-radius:10px;min-width:120px;display:none;position:absolute;inset-inline-start:0;overflow:hidden;box-shadow:0 8px 24px #0006}.lang-menu.open{display:block}.lang-option{width:100%;color:var(--text);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:background .12s;display:flex}.lang-option:hover{background:#ffffff14}.flag{object-fit:cover;vertical-align:middle;border-radius:2px;flex-shrink:0;width:18px;height:12px;margin-inline-end:8px;display:inline-block}.social-row{flex-direction:row;justify-content:flex-start;gap:8px;margin:6px 0 2px;display:flex}.social-row--right{justify-content:flex-end}.social-link{background:var(--surface2);width:40px;height:40px;color:var(--muted);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.social-link svg{flex-shrink:0;width:18px;height:18px}.social-link:hover{background:var(--accent);color:#fff;border-color:#0000;transform:scale(1.12)}.search-bar-wrap{width:100%;max-width:960px;margin-bottom:28px}.search-input{background:var(--surface2);width:100%;color:var(--text);box-sizing:border-box;border:1px solid #ffffff1a;border-radius:99px;outline:none;padding:14px 28px;font-size:1rem;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-results{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;max-width:960px;margin-bottom:32px}.search-empty{color:var(--muted);text-align:center;padding:32px}.search-result-card{background:var(--surface2);border-radius:var(--radius);cursor:pointer;text-align:start;color:var(--text);border:1px solid #ffffff12;flex-direction:column;gap:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.search-result-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0006}.sr-thumb-wrap{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.sr-thumb{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.sr-title-wrap{padding:10px 14px 14px}.sr-title{-webkit-line-clamp:3;line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;width:100%;max-width:960px;display:grid}.category-card{border-radius:var(--radius);cursor:pointer;border:none;flex-direction:column;align-items:center;gap:10px;padding:36px 24px 28px;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden}.category-card:after{content:"";background:#fff0;transition:background .18s;position:absolute;inset:0}.category-card:hover:not([disabled]){transform:translateY(-6px)scale(1.03);box-shadow:0 20px 40px #00000080}.category-card:hover:not([disabled]):after{background:#ffffff0f}.category-card:active:not([disabled]){transform:translateY(-2px)scale(1.01)}.category-card[disabled]{filter:grayscale(.6)opacity(.5);cursor:not-allowed}.cat-icon{filter:drop-shadow(0 2px 8px #0006);font-size:3rem;line-height:1}.cat-label{color:#fff;text-shadow:0 1px 4px #0006;font-size:1.3rem;font-weight:700}.cat-count{color:#ffffffbf;background:#00000040;border-radius:99px;padding:3px 10px;font-size:.85rem}.player-view{background:#000;flex-direction:column;height:100dvh;display:flex;position:relative}.player-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#000000b3;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex;position:absolute;top:0;left:0;right:0}.back-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #ffffff26;border-radius:99px;flex-shrink:0;padding:7px 16px;font-size:.9rem;transition:background .15s}.back-btn:hover{background:#fff3}.player-category{color:#fff;white-space:nowrap;border-radius:99px;padding:6px 16px;font-size:.9rem;font-weight:600}.player-counter{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.9rem}.player-stage{flex:1;justify-content:center;align-items:stretch;min-height:0;padding:56px 0 60px;display:flex}.split-screen{direction:ltr;flex-direction:row;flex:1;gap:0;min-width:0;height:100%;display:flex;overflow:hidden}.split-video{background:#000;flex:0 0 70%;justify-content:center;align-items:center;min-width:0;display:flex}.split-video iframe,.split-video video{border:none;width:100%;height:100%;display:block}.split-info{background:var(--surface);border-left:1px solid #ffffff12;flex-direction:column;flex:0 0 30%;min-width:0;display:flex;overflow-y:auto}:root[dir=rtl] .split-info{text-align:right;direction:rtl}:root[dir=ltr] .split-info{text-align:left;direction:ltr}.info-loading{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:.9rem;display:flex}.spinner{border:3px solid #ffffff1a;border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.info-content{flex-direction:column;gap:14px;padding:28px 24px 40px;display:flex}.info-channel{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}.info-title{color:#fff;margin:0;font-size:clamp(1rem,2vw,1.4rem);font-weight:700;line-height:1.35}.info-desc{color:var(--muted);white-space:pre-wrap;word-break:break-word;font-size:.88rem;line-height:1.7}.info-empty{color:var(--muted);margin:0;font-size:.88rem;font-style:italic}.info-cats{border-top:1px solid #ffffff12;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:14px;display:flex}.info-cat-tag{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:99px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:opacity .15s,transform .1s}.info-cat-tag:hover{opacity:.85;transform:scale(1.04)}.yt-embed-wrap{width:100%;height:100%;position:relative}.yt-embed-wrap iframe{border:none;width:100%;height:100%;display:block}.yt-fallback{width:100%;height:100%;color:var(--muted);text-align:center;background:#0f0f0f;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.yt-fallback p{margin:0;font-size:.95rem}.yt-fallback a{color:#fff;background:red;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.yt-fallback a:hover{opacity:.85}.embed-unsupported{color:var(--muted);text-align:center;padding:24px;line-height:1.8}.embed-unsupported a{color:#a78bfa}.vi-title--loading{opacity:.5;font-style:italic}#google-signin-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gsi-modal{background:var(--surface);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:20px;min-width:320px;max-width:90vw;padding:36px 32px;display:flex;box-shadow:0 24px 64px #0009}.gsi-modal h3{color:#fff;margin:0;font-size:1.3rem}.gsi-modal p{color:var(--muted);text-align:center;margin:0;font-size:.9rem}.gsi-cancel-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:8px 24px;font-size:.9rem;transition:border-color .15s}.gsi-cancel-btn:hover{color:#fff;border-color:#ffffff59}.site-footer{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:40px 0 24px;font-size:.82rem;display:flex}.site-footer a{color:var(--muted);text-decoration:none;transition:color .15s}.site-footer a:hover{color:#fff}.footer-sep{opacity:.3}.share-row{border-top:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding-top:14px;display:flex}@media (width<=600px){.share-row{justify-content:center}.share-label{text-align:center;width:100%}.share-btn{flex:calc(50% - 8px);justify-content:center;max-width:calc(50% - 8px)}}.share-label{color:var(--muted);font-size:.82rem}.share-btn{color:#fff;border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.share-btn svg{flex-shrink:0;width:16px;height:16px}.share-btn:hover{opacity:.85;transform:translateY(-1px)}.share-wa{background:#25d366}.share-fb{background:#1877f2}.share-x{background:#000;border:1px solid #fff3}.share-yt{background:red}.end-mode-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;background:#0009;justify-content:center;gap:10px;padding:10px 16px;display:flex;position:relative}.end-mode-btn{color:var(--muted);cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--sans);background:#ffffff12;border:1px solid #fff3;border-radius:99px;align-items:center;gap:6px;padding:7px 18px;transition:background .15s,color .15s,border-color .15s;display:flex}.end-mode-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.end-mode-btn:hover:not(.active){color:#fff;background:#ffffff21}.privacy-page{max-width:720px;color:var(--text);direction:rtl;margin:0 auto;padding:48px 24px 80px;line-height:1.8}.privacy-page h1{margin:24px 0 8px;font-size:1.8rem}.privacy-page h2{color:var(--accent);margin:28px 0 8px;font-size:1.1rem}.privacy-page p{color:var(--muted);margin:0 0 12px}.privacy-page a{color:var(--accent);text-decoration:underline}.privacy-back{margin-bottom:16px}@media (width<=768px){.player-view{height:auto;min-height:100dvh;overflow:hidden auto}.player-stage{flex:none;width:100%;padding:48px 0 0;display:block}.split-screen{flex-direction:column;width:100%;height:auto;display:flex;overflow:visible}.split-video{flex:none;width:100%;height:calc(70dvh - 56px);display:block}.split-video iframe,.split-video video{width:100%;height:100%;display:block}.split-info{border-inline-start:none;border-top:1px solid #ffffff12;flex:none;width:100%;max-height:none;padding-bottom:80px}.player-dots{z-index:20;position:fixed;bottom:0}}.nav-btn{color:#fff;cursor:pointer;z-index:10;background:#00000073;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:2.4rem;line-height:1;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nav-btn:hover:not([disabled]){background:#fff3;transform:translateY(-50%)scale(1.08)}.nav-btn[disabled]{opacity:.2;cursor:not-allowed}.prev-btn{left:12px}.next-btn{right:12px}.player-dots{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;gap:8px;padding:14px 20px;display:flex;position:absolute;bottom:0;left:0;right:0}.dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .15s,transform .15s}.dot.active{background:#fff;transform:scale(1.4)}.dot:hover:not(.active){background:#fff9}.player-topbar{gap:10px}.admin-view{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.admin-topbar{background:var(--surface);z-index:10;border-bottom:1px solid #ffffff12;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.export-btn{color:#000;cursor:pointer;background:#22c55e;border:none;border-radius:8px;margin-inline-start:auto;padding:8px 16px;font-size:.85rem;font-weight:700;transition:opacity .15s}.export-btn:hover{opacity:.85}.admin-title{color:#fff;text-align:center;flex:1;margin:0;font-size:1.1rem;font-weight:700}.admin-notice{color:#a78bfa;text-align:center;background:#6c63ff1f;border:1px solid #6c63ff4d;padding:10px 24px;font-size:.85rem}.admin-section--videos,.admin-section--sync{grid-column:1/-1}.admin-sections{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;width:100%;max-width:1100px;margin:0 auto;padding:24px;display:grid}.admin-section{background:var(--surface);border-radius:var(--radius);border:1px solid #ffffff0f;padding:24px}.admin-section h3{color:#fff;margin:0 0 18px;font-size:1rem;font-weight:700}.admin-form{flex-direction:column;gap:12px;display:flex}.admin-form label{color:var(--muted);flex-direction:column;gap:5px;font-size:.85rem;display:flex}.admin-form input,.admin-form select{background:var(--surface2);color:var(--text);font-size:.9rem;font-family:var(--sans);border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;transition:border-color .15s}.admin-form input:focus,.admin-form select:focus{border-color:var(--accent)}.field-hint{color:var(--muted);margin-top:2px;font-size:.75rem}.admin-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-self:flex-start;margin-top:4px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .15s}.admin-save-btn:hover{opacity:.85}.saved-msg{color:#4ade80;align-self:center;margin-inline-start:12px;font-size:.85rem}.admin-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.admin-tab{background:var(--surface2);color:var(--muted);cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;border-radius:20px;padding:5px 12px;font-size:.8rem;transition:background .15s,color .15s}.admin-tab:hover{background:var(--surface);color:var(--text)}.admin-tab--active{background:var(--accent);color:#fff;border-color:var(--accent)}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:600px;padding:4px 2px;display:grid;overflow-y:auto}.vcard{background:var(--surface2);border:1px solid #ffffff12;border-radius:10px;flex-direction:column;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.vcard:hover{border-color:#fff3}.vcard-thumb{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.vcard-thumb--empty{aspect-ratio:16/9;background:var(--surface);justify-content:center;align-items:center;font-size:2rem;display:flex}.vcard-info{flex-direction:column;flex:1;gap:6px;padding:8px 10px;display:flex}.vcard-title{color:var(--text);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.vcard-cats{flex-wrap:wrap;gap:4px;display:flex}.vcard-cat-btn{background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border:1px solid #ffffff1a;border-radius:12px;padding:2px 7px;font-size:.7rem;transition:background .15s,color .15s}.vcard-cat-btn:hover{color:var(--text);background:#ffffff1a}.vcard-cat-btn--on{background:var(--accent);color:#fff;border-color:var(--accent)}.vcard-del{top:6px;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:6px;padding:3px 5px;font-size:.9rem;transition:opacity .15s;position:absolute;inset-inline-end:6px}.vcard:hover .vcard-del{opacity:1}.vcard-del:hover{background:#c80000b3}.cat-list{flex-direction:column;gap:8px;display:flex}.vi-delete{cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:1rem;transition:opacity .15s}.vi-delete:hover{opacity:1}.cat-item{color:#fff;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.cat-item span:nth-child(2){flex:1}@media (width<=600px){.subtitle-social-row{flex-direction:column;gap:10px}.subtitle-social-row .social-row{position:static}.nav-btn{width:44px;height:44px;margin:0 4px;font-size:2rem}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px}.category-card{padding:24px 16px 20px}.cat-icon{font-size:2.2rem}.cat-label{font-size:1.1rem}.admin-sections{grid-template-columns:1fr;gap:16px;padding:16px}.home-topbar{padding:12px 0}}