@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf3fa;background:#080d16;font-synthesis:none;font-weight:400;color-scheme:dark;--blue:#65ccff;--muted:#8895a8}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{transition:background .2s,color .2s,transform .2s}button{cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}svg{flex-shrink:0}header{height:90px;padding:0 5%;display:flex;align-items:center;gap:65px;border-bottom:1px solid #ffffff0b;background:#080d16;position:relative;z-index:2}.brand{font-family:Outfit,sans-serif;letter-spacing:3px;font-size:24px;font-weight:700;display:flex;align-items:center;gap:10px}.brand svg{color:var(--blue);font-size:27px}.brand>span{color:var(--blue);margin-left:3px}nav{display:flex;align-items:center;gap:32px;height:100%}nav button{background:none;color:var(--muted);height:100%;position:relative;font-size:14px}nav button.active{color:#fff}nav button.active:after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}.count{margin-left:8px;color:var(--blue)}.account{margin-left:auto;background:#111b29;border:1px solid #263446;border-radius:6px;display:flex;gap:10px;align-items:center;padding:11px 18px;font-size:13px}.account svg{color:var(--blue)}.hero{min-height:540px;position:relative;overflow:hidden;display:flex;align-items:center;padding:65px 5% 85px;background:linear-gradient(100deg,#0b1220,#102333)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0b1220 0%,#0b1220d9 35%,transparent 80%),linear-gradient(0deg,#080d16,transparent 25%)}.hero-content{max-width:660px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.6px;color:var(--blue);display:flex;gap:10px;align-items:center;margin:0 0 20px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--blue)}h1,h2,h3{font-family:Outfit,sans-serif}h1{font-size:clamp(42px,5.3vw,76px);font-weight:600;line-height:1.06;letter-spacing:-2px;margin:0 0 24px}h1 em{font-style:normal;color:var(--blue)}.hero-description{color:#a7b4c5;font-size:15px;line-height:1.8;max-width:475px;margin:22px 0 28px}.metadata{display:flex;align-items:center;gap:20px;font-size:13px;color:#a8b7c8}.rating{color:var(--blue);display:flex;align-items:center;gap:7px}.rating small{color:#8191a4}.tag{font-size:9px;letter-spacing:1px;border:1px solid #52677b;padding:4px 6px}.hero-actions{display:flex;gap:12px}.button{padding:13px 21px;border-radius:5px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:700}.primary{background:var(--blue);color:#071320}.primary:hover{background:#a0e1ff;transform:translateY(-1px)}.secondary{background:#ffffff0b;border:1px solid #ffffff28}.secondary:hover{background:#ffffff16}.hero-caption{position:absolute;bottom:36px;right:5%;z-index:1;color:#8194aa;font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:20px}.hero-caption i{width:40px;height:1px;background:#63849b}.collection{padding:32px 5% 70px;scroll-margin-top:30px;min-height:440px}.collection-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.collection .eyebrow{color:#77889d;margin-bottom:8px;font-size:9px}h2{font-size:30px;font-weight:500;letter-spacing:-.5px;margin:0}.blue-dot{color:var(--blue)}.search{width:320px;display:flex;align-items:center;gap:10px;background:#0e1622;border:1px solid #223044;border-radius:6px;padding:11px 14px;color:#8193a8}.search input{width:100%;min-width:0;background:transparent;border:0;color:#fff;font-size:12px;outline:none}.search:focus-within{border-color:var(--blue)}.search button{background:none;padding:0;display:flex}.results-label{font-size:10px;color:#8998ab;margin-bottom:20px;letter-spacing:1px}.results-label span{margin:0 10px;color:var(--blue)}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.poster-wrap{position:relative}.poster-button{display:block;padding:0;width:100%;border-radius:7px;background:#101d2b;overflow:hidden;aspect-ratio:2/3;position:relative}.poster-button img,.detail-poster img{width:100%;height:100%;object-fit:cover}.poster-placeholder{height:100%;min-height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:22px;text-align:center;background:radial-gradient(ellipse at 80% 0%,#34566b,transparent 65%),linear-gradient(145deg,#172a3a,#0e1723);position:relative}.tone-1{background:radial-gradient(ellipse at 10% 100%,#365069,transparent 65%),linear-gradient(145deg,#192332,#0c1927)}.tone-2{background:radial-gradient(ellipse at 90% 30%,#395566,transparent 65%),#111d28}.tone-3{background:radial-gradient(ellipse at 20% 0%,#273954,transparent 65%),#111c2a}.poster-placeholder svg{font-size:35px;color:#789bb2}.poster-placeholder span{font:500 23px/1.1 Outfit,sans-serif;letter-spacing:-.5px}.poster-placeholder small{font-size:7px;letter-spacing:2px;color:#8193a7}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;background:#020812b0;opacity:0;transition:opacity .2s;font-size:12px}.poster-button:hover .poster-overlay,.poster-button:focus-visible .poster-overlay{opacity:1}.icon-button{background:#101c2c;border:1px solid #ffffff1a;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%}.save{position:absolute;top:10px;right:10px;background:#08101cd9}.save[aria-pressed=true]{color:var(--blue)}.rank{position:absolute;bottom:10px;left:12px;color:#ffffff75;font:600 24px Outfit,sans-serif;pointer-events:none}.movie-title{font-size:13px;font-weight:600;text-align:left;background:none;padding:14px 0 7px;line-height:1.5}.movie-title:hover{color:var(--blue)}.card-meta{display:flex;justify-content:space-between;gap:6px;color:#8291a5;font-size:11px}.card-meta>span:last-child{color:#d3e0ee;display:flex;align-items:center;gap:4px}.card-meta svg{color:var(--blue);font-size:11px}.card-meta small{color:#718196}.empty{padding:55px 20px;text-align:center;border:1px dashed #283447;border-radius:8px;color:var(--muted)}.empty>svg{font-size:32px;color:var(--blue)}.empty h3{color:#e5edf7;font-size:23px;font-weight:500;margin-bottom:8px}.empty p{font-size:14px;line-height:1.7}.empty .button{margin-top:10px}.notice{display:flex;align-items:center;gap:12px;background:#102438;color:#b9ddf5;border:1px solid #214360;padding:10px 15px;border-radius:6px;font-size:12px;margin-bottom:24px;line-height:1.6}.notice .icon-button{margin-left:auto;flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:35px;font-size:12px;color:var(--muted)}.skeleton{aspect-ratio:2/3;border-radius:7px;background:linear-gradient(100deg,#101a28 30%,#1b2a3b,#101a28 70%);background-size:300% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-150% 0}}footer{margin:0 5%;border-top:1px solid #1c2838;padding:28px 0;display:flex;align-items:center;gap:25px;color:#6f7f92;font-size:11px}footer .brand{font-size:15px;color:#aab7c8;letter-spacing:2px}footer .brand svg{font-size:19px}footer>span:last-child{margin-left:auto}dialog{padding:0;border:1px solid #2a3a50;border-radius:12px;background:#0d1623;color:#ecf3fa;max-width:760px;width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#020711d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.close{position:absolute;right:14px;top:14px;z-index:2}.auth-content{padding:42px;max-width:460px;margin:auto}.dialog-mark{font-size:32px;color:var(--blue);margin-bottom:25px}.auth-content>p:not(.eyebrow){color:var(--muted);font-size:14px}.auth-content form{display:grid;gap:14px;margin-top:26px}.auth-content label{display:grid;gap:8px;font-size:12px}.auth-content input{border:1px solid #2a3a50;border-radius:5px;padding:12px;background:#080f19;color:#fff;width:100%}.auth-content small{color:var(--muted);font-size:11px}.auth-content form .button{margin-top:10px}.text-button{background:none;color:var(--blue);font-size:12px;padding:22px 0 0}.form-error{color:#ffb9b9;font-size:13px}.detail{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.detail-poster{min-height:420px}.detail-content{padding:52px 30px 35px}.detail-content .metadata{margin-top:18px}.detail-content>p:not(.eyebrow){color:#9aabbe;font-size:14px;line-height:1.8}.detail-content dl{font-size:12px;margin:25px 0}.detail-content dt{color:var(--muted);margin-bottom:8px}.detail-content dd{margin:0}@media(min-width:1600px){main,header,footer{max-width:1600px;margin-left:auto;margin-right:auto}}@media(max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-content{max-width:560px}header{gap:35px}}@media(max-width:700px){header{height:74px;gap:20px}.brand{font-size:18px;letter-spacing:2px}.brand svg{font-size:23px}.brand>span{display:none}nav{gap:17px}nav button{font-size:12px}.account{padding:10px}.account span{display:none}.hero{min-height:480px;padding-top:48px}.hero-content{max-width:100%}h1{font-size:46px}.hero-description{font-size:14px}.hero-caption{left:5%;font-size:7px;gap:12px}.collection-top{align-items:stretch;flex-direction:column;gap:22px}.search{width:100%}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.collection{padding-top:20px}h2{font-size:27px}.poster-placeholder span{font-size:24px}.hero-actions{gap:8px}.button{padding:12px 15px;font-size:12px}footer{flex-wrap:wrap;gap:10px}footer p{width:100%;order:3;margin:0}footer>span:last-child{font-size:9px}.detail{display:block}.detail-poster{height:260px;min-height:0}.detail-poster img{object-fit:contain;background:#080d16}.detail-content{padding:30px 24px}.auth-content{padding:40px 25px}.metadata{gap:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--yellow: #ffda57;color:#fff}.brand{color:#fff;letter-spacing:-.6px}.brand svg,.rating,.card-meta svg,.dialog-mark{color:var(--yellow)}.primary{background:#fff;color:#080d16}.primary:hover{background:var(--yellow)}nav button.active:after{background:var(--yellow)}.count,.blue-dot,.save[aria-pressed=true],.hero .eyebrow{color:var(--yellow)}.hero{min-height:440px}.collection{padding-top:48px}footer>.brand:last-child{color:#fff;margin-left:0;letter-spacing:-.3px}@media(max-width:700px){header{gap:14px}.brand{font-size:19px;gap:6px}nav{gap:12px}.hero{min-height:380px}.collection{padding-top:30px}}:root{color-scheme:light;color:#172234;background:#fff;--blue: #0876b5;--muted: #5d6b7c}body,header{background:#fff}header,footer{border-color:#e2e8f0}.brand,footer>.brand:last-child,nav button.active{color:#172234}.brand svg,.dialog-mark{color:#947000}.account,.search,.icon-button{background:#f5f8fb;border-color:#d5dee8;color:#334155}.search input,.auth-content input{color:#172234}.search input::placeholder,.auth-content input::placeholder{color:#637184}.primary{background:var(--yellow);color:#172234}.primary:hover{background:#f4ca34}.secondary{background:#fff;border-color:#cbd5e1;color:#243449}.secondary:hover{background:#eef5fa}.count,.blue-dot,.rating,.card-meta svg{color:#896500}.save{background:#fffffff2}.save[aria-pressed=true]{color:#0876b5}.hero{background:linear-gradient(100deg,#f4f9fd,#e3f1fa)}.hero:after{background:linear-gradient(90deg,#f4f9fd 0%,#f4f9fddd 35%,transparent 80%),linear-gradient(0deg,#fff,transparent 25%)}.hero .eyebrow{color:#806000}.hero-description,.metadata,.detail-content>p:not(.eyebrow),.card-meta,.results-label,.rating small,.card-meta small,footer{color:#5d6b7c}.card-meta>span:last-child{color:#334155}.tag{border-color:#b8c8d7}.empty{background:#fafcfe;border-color:#cbd5e1}.empty h3{color:#172234}.notice{background:#eff8ff;color:#245479;border-color:#c7e3f7}.skeleton{background:linear-gradient(100deg,#edf2f7 30%,#f9fbfd,#edf2f7 70%);background-size:300% 100%}dialog{background:#fff;color:#172234;border-color:#d5dee8}dialog::backdrop{background:#17223480}.auth-content input{background:#f8fafc;border-color:#cbd5e1}.form-error{color:#b42318}.poster-placeholder,.poster-overlay{color:#fff}.poster-placeholder svg,.poster-placeholder small{color:#c5d7e6}footer details{max-width:32rem;font-size:.8rem}footer summary{cursor:pointer}footer details p{margin:.7rem 0}footer details img{height:auto}.movie-title:disabled,.poster-button:disabled{cursor:default}@media(max-width:600px){footer{align-items:flex-start;gap:1rem;flex-direction:column}}@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto auto;height:auto;padding:14px 5% 0;gap:10px}header .brand{grid-column:1}header .account{margin-left:0}header nav{grid-row:2;grid-column:1 / -1;height:38px}}.spinner{display:inline-block;flex-shrink:0;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.request-status{position:fixed;bottom:20px;right:20px;z-index:10;display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #c7e3f7;border-radius:8px;background:#fff;color:#245479;box-shadow:0 4px 20px #17223418;font-size:13px}.profile-page{padding:48px 5%}.profile-panel{max-width:720px;margin:auto}.profile-panel h1{font-size:36px;letter-spacing:-1px}.profile-panel>p{color:var(--muted);line-height:1.6}.profile-panel fieldset{padding:0;border:0;margin:24px 0;min-width:0}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-fields label{display:grid;align-content:start;gap:8px;font-size:13px}.profile-fields input,.profile-fields textarea{width:100%;min-width:0;font:inherit;padding:12px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:5px;color:#172234}.profile-fields textarea{resize:vertical}.profile-fields small{color:var(--muted)}.full-width{grid-column:1 / -1}@media(max-width:600px){.profile-fields{grid-template-columns:1fr}}.admin-page h1{font-size:36px;margin-bottom:32px}.admin-nav{font-size:14px;color:var(--muted)}.admin-nav.active{color:var(--blue)}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px}.hero-content{grid-column:1;grid-row:1;min-width:0}.hero-poster{grid-column:2;grid-row:1;position:relative;z-index:1;width:min(100%,320px);aspect-ratio:2 / 3;justify-self:center;overflow:hidden;border-radius:12px;background:#e4ecf3;box-shadow:0 18px 45px #17223426}.hero-poster img{display:block;width:100%;height:100%;object-fit:contain}.hero-poster .poster-placeholder{height:100%}.password-field{display:grid;gap:8px}.password-control{position:relative}.password-control input{padding-right:48px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;color:#52657a;border-radius:4px}.password-toggle:hover{background:#e8f1f8;color:#0876b5}@media(max-width:700px){.hero{grid-template-columns:1fr;gap:28px}.hero-poster{grid-column:1;grid-row:2;width:min(70%,260px)}}.button.remove-favorite,.save.remove-favorite[aria-pressed=true]{color:#b42318;border-color:#f0b4ae;background:#fff5f4}.remove-favorite:hover:not(:disabled){background:#ffe5e2;border-color:#d76b60}.movie-navigation{grid-column:1 / -1;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:16px}.movie-dots{display:flex;justify-content:center;flex-wrap:wrap}.movie-dot{width:28px;height:36px;padding:0;background:transparent;display:grid;place-items:center;border-radius:5px}.movie-dot span{width:8px;height:8px;border-radius:50%;background:#91a3b5;transition:width .2s,background .2s}.movie-dot[aria-current=true] span{width:22px;border-radius:6px;background:#b58b00}.movie-dot:hover span{background:#0876b5}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.hero-content,.hero-poster{animation:featured-appear .25s ease-out}@keyframes featured-appear{0%{opacity:.4;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media(max-width:700px){.movie-navigation{grid-row:3;gap:8px}.movie-dot{width:24px}}