@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Arial,Helvetica,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080d14;--panel:#121b26;--text:#f6f7f6;--muted:#9ca9b6;--accent:#f66b5f;--teal:#71d9c7}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--teal);outline-offset:3px}img{max-width:100%;display:block}main{min-height:100vh;overflow:hidden}.header{z-index:20;background:linear-gradient(#070b12e6,#070b1240);border-bottom:1px solid #ffffff0f;align-items:center;gap:76px;height:82px;padding:0 5.15%;display:flex;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:.22em;white-space:nowrap;align-items:center;gap:10px;font:800 19px Manrope,Arial,sans-serif;display:inline-flex}.logo b{background:var(--accent);color:#111;letter-spacing:-.14em;border-radius:7px;place-items:center;width:32px;height:32px;padding-right:4px;font:800 25px Manrope;display:grid;transform:skew(-6deg)}.navigation{align-items:stretch;gap:31px;height:100%;display:flex}.navigation button{color:#a8b1bb;white-space:nowrap;background:0 0;border:0;padding:2px 0 0;font-size:13px;font-weight:700;position:relative}.navigation button:hover,.navigation button.active{color:#fff}.navigation button.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:18px;left:0;right:0}.header-actions{color:#fff;align-items:center;gap:25px;margin-left:auto;display:flex}.header-actions button,.search button{color:inherit;background:0 0;border:0;place-items:center;padding:3px;display:grid}.header-actions i{background:#4a535d;width:1px;height:22px}.user{white-space:nowrap;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.user b{color:#0c2630;background:linear-gradient(135deg,#b9f6e8,#5eaaaf);border-radius:50%;place-items:center;width:31px;height:31px;font:800 18px Manrope;display:grid}.mobile-menu{display:none!important}.search{background:#15202b;border:1px solid #46515d;border-radius:9px;align-items:center;gap:14px;width:min(440px,90vw);padding:16px 19px;display:flex;position:absolute;top:72px;right:4.7%;box-shadow:0 16px 45px #0008}.search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.search input::placeholder{color:#9ba8b4}.hero{background-position:50%;background-size:cover;align-items:center;height:min(720px,71vw);min-height:570px;display:flex;position:relative}.hero-copy{z-index:1;width:min(610px,48vw);margin:66px 0 0 8.1%;position:relative}.overline{letter-spacing:.22em;color:var(--accent);align-items:center;gap:13px;font-size:10px;font-weight:800;display:inline-flex}.overline:before{content:"";background:var(--accent);width:24px;height:2px}.hero h1,.setup h1{letter-spacing:-.055em;text-wrap:balance;margin:20px 0 19px;font-family:Manrope,Arial,sans-serif;font-size:clamp(48px,5.2vw,83px);font-weight:800;line-height:1.08}.hero-meta{color:#e5e9e9;align-items:center;gap:13px;font-size:13px;display:flex}.hero-meta b,.metadata b{color:var(--teal);letter-spacing:.08em;font-size:11px}.hero-summary{color:#d0d6da;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:525px;font-size:15px;line-height:1.75;display:-webkit-box;overflow:hidden}.hero-buttons,.modal-actions{align-items:center;gap:12px;margin-top:30px;display:flex}.button-primary,.button-ghost,.button-secondary{border:0;border-radius:5px;justify-content:center;align-items:center;gap:11px;height:48px;padding:0 24px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button-primary{background:var(--accent);color:#101419}.button-primary:hover{background:#ff867b;transform:translateY(-2px)}.button-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2b;border:1px solid #ffffff57}.button-ghost:hover{background:#ffffff42}.button-secondary{color:#fff;background:0 0;border:1px solid #67717d}.button-secondary:hover{background:#283744}.hero-index{color:#c4cbd1;letter-spacing:.2em;font-size:13px;font-weight:700;position:absolute;bottom:80px;right:5.2%}.catalog{z-index:2;margin-top:-64px;padding:0 0 95px;position:relative}.catalog.top{margin-top:0;padding-top:138px}.catalog-heading{justify-content:space-between;align-items:end;gap:20px;margin:0 5.15% 33px;display:flex}.catalog-heading .overline{font-size:9px}.catalog-heading h2{letter-spacing:-.035em;margin:11px 0 0;font-family:Manrope,Arial,sans-serif;font-size:31px}.catalog-heading>span{color:#a7b2bc;padding-bottom:4px;font-size:12px}.catalog-heading>span b{color:var(--teal);margin-left:10px;font-size:8px}.shelf{margin:0 0 43px}.shelf-title{justify-content:space-between;align-items:end;margin:0 5.15% 18px;display:flex}.shelf-title h2{letter-spacing:-.035em;margin:0 0 3px;font:800 21px Manrope,Arial,sans-serif}.shelf-title p{color:#8794a1;margin:0;font-size:12px}.shelf-title>div:last-child{gap:8px;display:flex}.shelf-title button{color:#e5e9ec;background:#141d28;border:1px solid #3c4956;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.shelf-title button:hover{border-color:var(--accent);color:var(--accent)}.track{overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;gap:18px;padding:0 5.15% 5px;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.card{text-align:left;color:#fff;scroll-snap-align:start;background:0 0;border:0;flex:0 0 clamp(150px,14.1vw,216px);width:clamp(150px,14.1vw,216px);padding:0}.card-image{aspect-ratio:2/3;background:linear-gradient(135deg,#263543,#121a25);border-radius:6px;display:block;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .45s}.card:hover .card-image img,.card:focus-visible .card-image img{filter:brightness(.72);transform:scale(1.065)}.card-play{background:var(--accent);color:#111;opacity:0;border-radius:50%;place-items:center;width:52px;height:52px;transition:opacity .2s,transform .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.9)}.card:hover .card-play,.card:focus-visible .card-play{opacity:1;transform:translate(-50%,-50%)scale(1)}.card strong{white-space:nowrap;text-overflow:ellipsis;margin-top:12px;font-size:13px;display:block;overflow:hidden}.card small{color:#8795a2;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;display:block;overflow:hidden}.no-image{color:#677785;place-items:center;height:100%;display:grid}.progress{background:#fff6;height:4px;position:absolute;bottom:0;left:0;right:0}.progress i{background:var(--accent);height:100%;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:29px 18px;margin:0 5.15%;display:grid}.grid .card{width:100%}.empty{text-align:center;color:#9babb8;padding:100px 20px 160px}.empty h3{color:#fff;font:700 22px Manrope}.end{color:#72808d;letter-spacing:.19em;text-align:center;justify-content:center;align-items:center;gap:20px;margin:65px 5% 0;font-size:9px;font-weight:800;display:flex}.end span{background:#26313c;width:70px;height:1px}.modal-backdrop{z-index:50;background:#02050ac9;justify-content:center;align-items:flex-start;padding:35px 15px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#121b26;border:1px solid #34404c;border-radius:10px;width:min(860px,100%);position:relative;overflow:hidden;box-shadow:0 30px 120px #000d}.modal-close{z-index:2;color:#fff;background:#05090fc9;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:18px}.modal-hero{background-position:50%;background-size:cover;align-items:end;height:360px;padding:40px 45px;display:flex}.modal-hero h2{letter-spacing:-.045em;margin:16px 0 9px;font:800 clamp(32px,5vw,54px)/1.12 Manrope}.modal-hero p{color:#d9dfe3;margin:0}.modal-content{padding:0 45px 45px}.modal-actions{margin:0 0 30px}.modal-columns{grid-template-columns:1fr 155px;gap:42px;display:grid}.metadata{color:#bcc7ce;flex-wrap:wrap;align-items:center;gap:12px;font-size:12px;display:flex}.synopsis{color:#d5dbdf;font-size:14px;line-height:1.75}.genres{color:#a3b1ba;font-size:12px}.modal-columns aside{flex-direction:column;gap:6px;font-size:12px;display:flex}.modal-columns aside span{color:#8c9ba8;letter-spacing:.13em;font-size:9px;font-weight:800}.modal-columns aside strong{margin-bottom:15px}.children{margin-top:28px}.children h3{font:800 20px Manrope}.children button{color:#fff;text-align:left;background:0 0;border:0;border-top:1px solid #2c3844;align-items:center;gap:16px;width:100%;padding:12px 0;display:flex}.children button>span:nth-child(2){flex-direction:column;flex:1;gap:4px;display:flex}.children small{color:#96a3af}.child-thumb{background:#243341;border-radius:4px;place-items:center;width:90px;height:54px;display:grid;overflow:hidden}.child-thumb img{object-fit:cover;width:100%;height:100%}.message{text-align:center;color:#9caab5;flex-direction:column;justify-content:center;align-items:center;min-height:72vh;padding:170px 20px 80px;display:flex}.message h1{color:#fff;font:800 38px Manrope}.message p{max-width:500px;line-height:1.6}.loading-n{color:var(--accent);font:800 65px Manrope}.setup{background:radial-gradient(circle at 76% 44%,#3f303c 0,#0000 34%),linear-gradient(120deg,#101e2b,#080d14 69%);align-items:center;min-height:760px;padding:130px 8% 80px;display:flex}.setup-inner{max-width:780px}.setup h1{font-size:clamp(42px,5.4vw,76px)}.setup h1 em{color:var(--accent);font-style:normal}.setup-inner>p{color:#adbac4;max-width:620px;font-size:17px;line-height:1.7}.setup-card{background:#ffffff0c;border:1px solid #445362;border-radius:8px;align-items:center;gap:20px;max-width:680px;margin:42px 0 19px;padding:25px;display:flex}.setup-card>svg{color:var(--teal);flex-shrink:0}.setup-card div{flex-direction:column;gap:8px;display:flex}.setup-card strong{font:800 17px Manrope}.setup-card span{color:#b4c0c9;font-size:13px;line-height:1.5}.setup-card code{color:#f8b2a9}.setup-inner>small{color:#72818e}footer{border-top:1px solid #26333e;justify-content:space-between;align-items:center;gap:25px;padding:45px 5.15%;display:flex}footer .logo{font-size:14px}footer .logo b{width:26px;height:26px;font-size:20px}footer p{color:#84929e;margin:9px 0 0;font-size:12px}footer small{color:#71808b;text-align:right;font-size:11px}@media (max-width:850px){.header{gap:30px}.navigation{gap:17px}.hero{min-height:600px}.hero-copy{width:62vw}.user{font-size:0}.user b{font-size:18px}.catalog{margin-top:-45px}.card{flex-basis:165px;width:165px}}@media (max-width:620px){.header{gap:0;height:68px;padding:0 5%}.logo{font-size:15px}.logo b{width:28px;height:28px;font-size:22px}.navigation{background:#101925;border-bottom:1px solid #344454;flex-direction:column;gap:0;height:auto;padding:10px 5% 18px;display:none;position:absolute;top:68px;left:0;right:0}.navigation.open{display:flex}.navigation button{text-align:left;padding:14px}.navigation button.active:after{width:3px;height:24px;bottom:10px;left:0;right:auto}.header-actions{gap:14px}.header-actions i,.user{display:none}.mobile-menu{display:grid!important}.search{width:auto;top:63px;left:5%;right:5%}.hero{background-position:58%;align-items:flex-end;height:650px;min-height:0}.hero:before{content:"";background:linear-gradient(#0000 28%,#080d14 95%);position:absolute;inset:0}.hero-copy{width:auto;margin:0 6% 122px}.hero h1{font-size:46px}.hero-summary{-webkit-line-clamp:2;font-size:13px;line-height:1.55}.hero-meta{font-size:11px}.hero-buttons{margin-top:20px}.hero-index{bottom:65px}.catalog{margin-top:-48px}.catalog-heading{margin:0 6% 25px}.catalog-heading h2{font-size:25px}.catalog-heading>span{font-size:10px}.shelf-title{margin:0 6% 16px}.shelf-title h2{font-size:19px}.shelf-title button{width:28px;height:28px}.track{gap:12px;padding:0 6% 4px}.card{flex-basis:140px;width:140px}.card strong{font-size:12px}.card small{font-size:10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 12px;margin:0 6%}.setup{min-height:720px;padding:125px 6% 70px}.setup-inner>p{font-size:15px}.setup-card{padding:20px}.modal-backdrop{padding:0}.modal{border-radius:0;min-height:100vh}.modal-hero{height:320px;padding:30px 22px}.modal-content{padding:0 22px 35px}.modal-columns{grid-template-columns:1fr;gap:5px}.modal-columns aside{display:none}.modal-actions{gap:9px}.modal-actions>*{padding:0 15px;font-size:11px}footer{flex-direction:column;align-items:flex-start}footer small{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.modal-play-hint{color:#b9c5ce;font-size:13px;line-height:1.4}.player-overlay{z-index:100;background:#030507;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.player-overlay video{background:#000;width:100%;height:100%;max-height:100vh}.player-top{z-index:2;pointer-events:none;background:linear-gradient(#000c,#0000);align-items:center;gap:24px;padding:23px 3%;display:flex;position:absolute;top:0;left:0;right:0}.player-top>*{pointer-events:auto}.player-top strong{white-space:nowrap;text-overflow:ellipsis;flex:1;font:700 15px Manrope;overflow:hidden}.player-top button{color:#fff;background:#121b26cc;border:0;border-radius:6px;align-items:center;gap:8px;padding:9px 12px;display:flex}.player-error{text-align:center;background:#15202b;border:1px solid #e2776e;border-radius:8px;width:80%;max-width:480px;padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-next{background:var(--accent);color:#101419;border:0;border-radius:5px;align-items:center;gap:9px;max-width:calc(100vw - 30px);padding:12px 17px;font-weight:800;display:flex;position:absolute;bottom:80px;right:3%}@media (max-width:620px){.player-top{gap:10px;padding:12px}.player-top strong{font-size:11px}.player-top button{padding:7px;font-size:0}.player-top button svg{width:22px}.player-next{font-size:11px;bottom:75px}}.header .user{color:#fff;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:12px;font-weight:700;display:flex}.access,.profiles-screen{background:radial-gradient(circle at 76% 30%,#3e2932 0,#0000 35%),linear-gradient(135deg,#0c1722,#070b11 70%);place-items:center;min-height:100vh;padding:45px 20px;display:grid}.access-card{background:#111b26e8;border:1px solid #3c4956;border-radius:14px;width:min(520px,100%);padding:42px;box-shadow:0 30px 90px #0009}.access-card.compact{max-width:440px}.access-logo{color:var(--accent);letter-spacing:.15em;align-items:center;gap:10px;margin-bottom:45px;font:800 16px Manrope;display:flex}.access-card h1,.profiles-screen h1{letter-spacing:-.045em;margin:18px 0 10px;font:800 clamp(31px,4vw,47px) Manrope}.access-card>p,.profiles-screen>p{color:#9eacb8;line-height:1.6}.access-card form,.admin-form form{gap:17px;margin-top:30px;display:grid}.access-card label,.profile-editor label{color:#b8c3cb;gap:7px;font-size:12px;font-weight:700;display:grid}.access input,.admin-panel input,.admin-panel select{box-sizing:border-box;color:#fff;background:#0b131c;border:1px solid #455462;border-radius:6px;outline:none;width:100%;padding:13px 14px}.access input:focus,.admin-panel input:focus,.admin-panel select:focus{border-color:var(--teal)}.access-card .button-primary{width:100%;margin-top:5px}.form-error{background:#4d2428;border-radius:5px;padding:11px 13px;color:#ff968d!important;font-size:12px!important}.profiles-screen{flex-direction:column;justify-content:center;display:flex}.profiles-screen .access-logo{position:absolute;top:38px;left:5%}.profile-grid{flex-wrap:wrap;justify-content:center;gap:30px;margin:40px 0;display:flex}.profile-choice>button{color:#fff;background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;width:150px;display:flex}.profile-choice>button>span{background:linear-gradient(145deg,#273c4d,#15212d);border:2px solid #0000;border-radius:13px;place-items:center;width:125px;height:125px;font-size:56px;display:grid}.profile-choice>button:hover>span{border-color:#fff}.profile-choice strong{font:700 16px Manrope}.profile-choice small{color:#91a0ac}.profile-choice form{margin-top:10px;display:flex}.profile-choice form input{width:105px}.profile-choice form button{background:var(--accent);border:0;font-weight:800}.text-button{color:#9eadb9;background:0 0;border:0;text-decoration:underline}.admin-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020509df;place-items:center;padding:3%;display:grid;position:fixed;inset:0}.admin-panel{background:#111a24;border:1px solid #3a4753;border-radius:12px;width:min(1050px,100%);max-height:91vh;padding:30px;overflow:auto;box-shadow:0 30px 100px #000}.admin-panel>header{border-bottom:1px solid #2c3945;justify-content:space-between;align-items:flex-start;padding-bottom:22px;display:flex}.admin-panel>header h2{align-items:center;gap:10px;margin:10px 0 0;font:800 28px Manrope;display:flex}.admin-panel>header>button{color:#fff;background:#26333f;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.admin-layout{grid-template-columns:220px 1fr;gap:28px;margin-top:25px;display:grid}.admin-layout aside{border-right:1px solid #2c3945;padding-right:18px}.admin-layout aside h3{align-items:center;gap:8px;display:flex}.admin-layout aside>button{color:#fff;text-align:left;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:11px;display:flex}.admin-layout aside>button.active,.admin-layout aside>button:hover{background:#22313e}.admin-layout aside small{color:#8997a3}.admin-main{min-width:0}.admin-form{border:1px solid #354452;border-radius:7px;margin-bottom:22px;padding:13px 16px}.admin-form summary{cursor:pointer;align-items:center;gap:8px;font-weight:800;display:flex}.admin-form form{grid-template-columns:1fr 1fr}.admin-form .button-primary{grid-column:1/-1}.user-admin{border-bottom:1px solid #2e3a45;margin-bottom:20px;padding:7px 0 25px}.user-title{justify-content:space-between;align-items:center;display:flex}.user-title h3{margin:0;font:800 20px Manrope}.user-title p{color:#8997a3;margin:3px 0}.user-title>div:last-child{gap:8px;display:flex}.user-title button,.form-actions>button{color:#fff;background:#1b2834;border:1px solid #465563;border-radius:5px;align-items:center;gap:7px;padding:8px 11px;display:inline-flex}.danger{color:#ff9a91!important;border-color:#784844!important}.admin-profiles{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.admin-profiles button{text-align:left;color:#fff;background:#15212c;border:1px solid #354552;border-radius:7px;grid-template-columns:42px 1fr;align-items:center;column-gap:11px;min-width:170px;padding:10px;display:grid}.admin-profiles button span{grid-row:1/3;font-size:28px}.admin-profiles button small{color:#8d9aa5}.profile-editor{border:1px solid var(--teal);border-radius:8px;grid-template-columns:1fr 1fr;gap:15px;padding:22px;display:grid}.profile-editor h3,.profile-editor fieldset,.profile-editor .form-actions{grid-column:1/-1}.profile-editor fieldset{border:1px solid #354452;border-radius:6px}.profile-editor fieldset p{color:#8997a3;font-size:11px}.profile-editor .check{flex-direction:row;align-items:center;display:flex}.profile-editor .check input{width:auto}.form-actions{justify-content:flex-end;gap:8px;display:flex}.form-actions .button-primary{height:auto}@media (max-width:720px){.access-card{padding:28px}.profile-choice>button{width:115px}.profile-choice>button>span{width:95px;height:95px;font-size:43px}.admin-backdrop{padding:0}.admin-panel{border-radius:0;min-height:100vh;padding:22px}.admin-layout{grid-template-columns:1fr}.admin-layout aside{border:0;border-bottom:1px solid #2c3945;padding:0 0 15px}.admin-form form,.profile-editor{grid-template-columns:1fr}.profile-editor h3,.profile-editor fieldset,.profile-editor .form-actions{grid-column:1}.header .user{font-size:0!important}}