:root{--bg: #07070b;--bg-2: #0e0e15;--card: #14141d;--card-2: #1b1b27;--text: #f5f5f8;--muted: #9494a6;--line: #23232f;--brand: #ff2d55;--brand-2: #ff5e7e;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit}.splash,.center{display:grid;place-items:center;height:100%}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand{display:flex;align-items:center}.brand-logo{height:30px;width:auto;display:block}.auth-card .brand-logo{height:38px;margin:0 auto 4px}.auth-screen{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 460px at 50% -8%,rgba(255,45,85,.16),transparent 62%),var(--bg)}.auth-card{width:100%;max-width:380px;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:22px;padding:30px 24px 22px;box-shadow:0 40px 100px #0009;text-align:center}.auth-card h1{margin:16px 0 4px;font-size:26px;letter-spacing:-.02em}.auth-card h2{margin:6px 0;font-size:22px}.auth-card .sub{margin:0 0 22px;color:var(--muted);font-size:14px}.auth-card form{text-align:left}input{width:100%;padding:15px 14px;margin-bottom:10px;background:var(--card-2);border:1px solid var(--line);border-radius:13px;color:var(--text);font-size:16px;outline:none;transition:border-color .15s}input:focus{border-color:var(--brand)}.btn{width:100%;padding:15px;border-radius:13px;border:1px solid transparent;font-size:15px;font-weight:650;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .08s ease,filter .2s,opacity .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 10px 30px #ff2d554d}.btn.primary:hover{filter:brightness(1.06)}.btn.google{background:#fff;color:#1f1f1f}.btn.ghost{background:transparent;color:var(--muted);border-color:var(--line)}.gbtn{display:flex;justify-content:center;width:100%;min-height:44px;color-scheme:light}.divider{display:flex;align-items:center;color:var(--muted);font-size:12px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.divider span{padding:0 12px}.error{color:#ff6b6b;font-size:13px;margin:10px 0 0}.legal{color:var(--muted);font-size:11px;line-height:1.5;margin:16px 0 0}.sent p{color:var(--muted);line-height:1.5}.sent strong{color:var(--text)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(12px + var(--safe-top)) 16px 12px;position:sticky;top:0;z-index:20;background:linear-gradient(180deg,rgba(7,7,11,.95),rgba(7,7,11,.7) 70%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-right{display:flex;align-items:center;gap:12px}.badge{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff}.icon-btn{background:#ffffff0f;border:1px solid var(--line);color:var(--muted);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;transition:.15s}.icon-btn:active{transform:scale(.92)}.searchbar{display:flex;align-items:center;gap:10px;margin:10px 16px 2px;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:var(--muted);transition:border-color .15s}.searchbar:focus-within{border-color:var(--brand)}.searchbar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px;padding:0}.searchbar input::placeholder{color:var(--muted)}.search-clear{background:none;border:none;color:var(--muted);font-size:15px;cursor:pointer;padding:2px 6px}@media (min-width: 720px){.searchbar{max-width:1100px;margin:10px auto 2px}}.catalog{min-height:100%}.catalog-body{padding:8px 0 calc(40px + var(--safe-bot))}.row{margin:18px 0}.row-title{font-size:17px;font-weight:750;letter-spacing:-.01em;margin:0 0 12px;padding:0 16px}.empty{text-align:center;padding:80px 24px;color:var(--muted)}.empty p{font-size:18px;color:var(--text);margin:0 0 6px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 14px}.hscroll{display:flex;gap:12px;overflow-x:auto;padding:0 16px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hscroll::-webkit-scrollbar{display:none}.hero{display:flex;gap:12px;overflow-x:auto;padding:12px 16px 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hero::-webkit-scrollbar{display:none}.hero-item{flex:0 0 100%;border:none;padding:0;background:none;border-radius:18px;overflow:hidden;cursor:pointer;scroll-snap-align:center;box-shadow:0 14px 40px #00000073;transition:transform .12s}.hero-item img{width:100%;height:auto;display:block}.hero-item:active{transform:scale(.985)}.card{background:none;border:none;padding:0;cursor:pointer;text-align:left;color:var(--text);scroll-snap-align:start}.card-wide{flex:0 0 38%;max-width:150px}.card-thumb{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:var(--card-2) center/cover no-repeat;border:1px solid var(--line);transition:transform .16s ease,box-shadow .16s ease}.card:active .card-thumb{transform:scale(.97)}@media (hover:hover){.card:hover .card-thumb{transform:translateY(-4px);box-shadow:0 20px 50px #00000080;border-color:#ff2d5580}}.card-grad{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}.chip{position:absolute;top:9px;left:9px;font-size:11px;font-weight:700;padding:4px 8px;border-radius:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chip-done{color:#6ee07a;background:#142816b3}.chip-lock{left:auto;right:9px}.card-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ff2d55eb;box-shadow:0 8px 24px #ff2d5580;opacity:0;transform:scale(.8);transition:.18s}@media (hover:hover){.card:hover .card-play{opacity:1;transform:scale(1)}}.card-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff2e}.card-progress-fill{height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.card-title{margin-top:7px;font-size:12px;font-weight:550;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skeleton-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.skel-card{aspect-ratio:9/16;border-radius:16px;background:linear-gradient(100deg,var(--card) 30%,var(--card-2) 50%,var(--card) 70%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{to{background-position:-200% 0}}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden;touch-action:none}.player-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.p-top{position:absolute;top:0;left:0;right:0;padding:calc(14px + var(--safe-top)) 14px 30px;display:flex;align-items:center;gap:10px;z-index:6;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent);opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s;pointer-events:none}.p-top.show{opacity:1;transform:none;pointer-events:auto}.p-back{width:40px;height:40px;border-radius:12px;background:#0006;border:1px solid rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer}.p-title{font-size:15px;font-weight:650;text-shadow:0 1px 6px rgba(0,0,0,.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.p-center-group{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:28px;pointer-events:none;animation:pop .2s ease}.p-center-group>button{pointer-events:auto}.p-center{width:72px;height:72px;border-radius:50%;background:#0000006b;border:1px solid rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.p-skip{width:50px;height:50px;border-radius:50%;background:#00000052;border:1px solid rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.p-center:active,.p-skip:active{transform:scale(.9)}@keyframes pop{0%{transform:scale(.85);opacity:.4}}.p-spin{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5}.p-bottom{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:30px 16px calc(18px + var(--safe-bot));display:flex;align-items:center;gap:12px;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s;pointer-events:none}.p-bottom.show{opacity:1;transform:none;pointer-events:auto}.p-time{font-size:12px;color:#e7e7ee;font-variant-numeric:tabular-nums;min-width:38px;text-align:center}.p-fs{background:none;border:none;color:#e7e7ee;cursor:pointer;display:grid;place-items:center;padding:2px 2px 2px 6px}.p-fs:active{transform:scale(.9)}.p-free{position:absolute;top:-2px;right:16px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#6ee07a}.p-scrub{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:5px;border-radius:5px;cursor:pointer;background:linear-gradient(to right,var(--brand) 0 var(--p, 0%),rgba(255,255,255,.25) var(--p, 0%) 100%)}.p-scrub::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff2d5559}.p-scrub::-moz-range-thumb{width:15px;height:15px;border:none;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #ff2d5559}.paywall{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;z-index:8;background:#050509d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade .25s ease}@keyframes fade{0%{opacity:0}}.paywall-card{width:100%;max-width:360px;text-align:center;background:linear-gradient(180deg,var(--card),var(--bg-2));border:1px solid var(--line);border-radius:22px;padding:28px 22px;box-shadow:0 30px 80px #0009}.paywall-lock{font-size:40px;margin-bottom:6px;filter:drop-shadow(0 6px 14px rgba(255,45,85,.4))}.paywall-card h2{margin:4px 0;font-size:22px}.paywall-card p{color:var(--muted);margin:6px 0 20px;line-height:1.5}.paywall-card .btn{margin-top:10px}.paywall-back{margin-top:16px;background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer}@media (min-width: 720px){.grid{grid-template-columns:repeat(5,1fr);gap:16px;padding:0 24px}.skeleton-grid{grid-template-columns:repeat(4,1fr)}.row-title,.topbar{padding-left:24px;padding-right:24px}.card-wide{flex-basis:200px}.catalog-body{max-width:1100px;margin:0 auto}.player-video{max-width:480px;margin:0 auto}}