:root{--brand-950:#071f3a;--brand-900:#0b3e78;--brand-700:#175a9c;--brand-500:#1e78c2;--teal-500:#18a0a6;--mint-400:#aee8c7;--cream-300:#ffeec3;--text-on-dark:#fff;--text-on-light:#0e1a2b;--surface-solid-900:#081a30;--surface-solid-800:#0b223c;--shadow-lg:0 20px 40px #00000040;--shadow-md:0 10px 20px #0000002e;--radius-lg:18px;--radius-md:12px;color-scheme:dark}@media (prefers-color-scheme:dark){:root{--surface-0:#ffffff0f;--surface-1:#ffffff1a}}*{box-sizing:border-box}#root,body,html{height:100%}html{scroll-behavior:smooth}body{background:#071f3a;background:var(--brand-950);color:#fff;color:var(--text-on-dark);font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.6;margin:0}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.visually-hidden{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.app-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.skip-link{background:#aee8c7;background:var(--mint-400);border-radius:999px;box-shadow:0 10px 20px #0000002e;box-shadow:var(--shadow-md);color:#00233e;font-weight:800;left:1rem;padding:.6rem 1rem;position:fixed;top:-100px;z-index:9999}.skip-link:focus{outline:3px solid #fff;top:1rem}:focus-visible{border-radius:12px;outline:3px solid #aee8c7;outline:3px solid var(--mint-400);outline-offset:3px}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#071f3aeb,#071f3a9e);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 18px #00000040;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header:after{background:linear-gradient(90deg,#1e78c2,#18a0a6,#aee8c7);background:linear-gradient(90deg,var(--brand-500),var(--teal-500),var(--mint-400));bottom:-1px;content:"";height:2px;left:0;opacity:.9;position:absolute;right:0}.header-inner{align-items:center;display:flex;gap:18px;justify-content:space-between;margin:0 auto;max-width:1100px;padding:18px 22px}.brand{align-items:center;color:#fff;display:inline-flex;gap:14px;text-decoration:none;white-space:nowrap}.brand img{border-radius:12px;height:56px;width:56px}.brand-title{font-size:clamp(1.35rem,1.1vw + 1.1rem,2rem);font-weight:900;letter-spacing:.25px;line-height:1.05;text-shadow:0 0 22px #aee8c740}.brand:hover .brand-title{text-shadow:0 0 28px #aee8c759}nav ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}nav a,nav button{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#06142673;border:2px solid #ffffff47;border-radius:12px;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:800;padding:.65rem 1rem;position:relative;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}nav a:focus-visible,nav a:hover,nav button:focus-visible,nav button:hover{background:linear-gradient(#0614268c,#0614268c) padding-box,linear-gradient(90deg,#1e78c2,#18a0a6,#aee8c7) border-box;background:linear-gradient(#0614268c,#0614268c) padding-box,linear-gradient(90deg,var(--brand-500),var(--teal-500),var(--mint-400)) border-box;border-color:#0000;box-shadow:0 8px 18px #00000047;transform:translateY(-1px)}nav a[aria-current=page]{border-color:#ffffff73}nav a:active,nav button:active{transform:translateY(0)}@media (max-width:480px){.brand img{height:44px;width:44px}.brand-title{font-size:clamp(1.2rem,3.5vw,1.6rem)}}main{display:block}.container{margin:0 auto;max-width:1100px;padding:22px;padding-block:28px}.container.movie-list{padding-top:clamp(32px,6vw,84px);padding-inline:clamp(28px,6vw,64px);padding-bottom:clamp(48px,8vw,140px)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes spin{to{--angle:360deg}}.panel{animation:spin 30s linear infinite;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#081a30,#0b223c) padding-box,conic-gradient(from var(--angle),#175a9c,#18a0a6,#aee8c7,#1e78c2,#175a9c) border-box;background:linear-gradient(180deg,var(--surface-solid-900),var(--surface-solid-800)) padding-box,conic-gradient(from var(--angle),var(--brand-700),var(--teal-500),var(--mint-400),var(--brand-500),var(--brand-700)) border-box;border:2px solid #0000;border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 10px 20px #0000002e;box-shadow:var(--shadow-md);position:relative}@media (prefers-reduced-motion:reduce){.panel{animation:none}}.movie-list{padding:0}.search-card{margin-inline:auto;max-width:980px;padding:clamp(28px,4vw,48px)}.search-title{font-size:clamp(1.7rem,1.7vw + 1.1rem,2.4rem);font-weight:900;margin:0 0 12px}@property --ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ringSpin{to{--ring-angle:360deg}}.search-input{background-color:#061426fa;border:2px solid #ffffff38;border-radius:14px;color:#fff;font-size:1.1rem;padding:14px 16px;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;width:100%}.search-input::placeholder{color:#ffffffbf}.search-input:focus{animation:ringSpin 40s linear infinite;background:linear-gradient(#061426fa,#061426fa) padding-box,conic-gradient(from var(--ring-angle),#175a9c,#18a0a6,#aee8c7,#1e78c2,#175a9c) border-box;background:linear-gradient(#061426fa,#061426fa) padding-box,conic-gradient(from var(--ring-angle),var(--brand-700),var(--teal-500),var(--mint-400),var(--brand-500),var(--brand-700)) border-box;background-clip:padding-box,border-box;border-color:#0000;box-shadow:0 0 0 6px #aee8c729,0 10px 24px #00000047}@media (prefers-reduced-motion:reduce){.search-input:focus{animation:none}}.results{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-bottom:clamp(8px,1.25vw,24px);margin-top:18px;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.results>*{animation:fadeInUp .28s ease-out both}@media (prefers-reduced-motion:reduce){.results>*{animation:none}}.result-card{background:linear-gradient(180deg,#081a30,#0b223c);background:linear-gradient(180deg,var(--surface-solid-900),var(--surface-solid-800));border:1px solid #ffffff1f;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.result-card:hover{background:linear-gradient(180deg,#0b223c,#081a30);background:linear-gradient(180deg,var(--surface-solid-800),var(--surface-solid-900));box-shadow:0 14px 28px #00000059;transform:translateY(-2px)}.result-media{aspect-ratio:2/3;background:#00000040 50%/cover no-repeat}.result-body{padding:12px 14px}.result-title{font-size:1.1rem;font-weight:900;line-height:1.25}.result-title a{color:#fff;position:relative;text-decoration:none}.result-title a:after{background:linear-gradient(90deg,#1e78c2,#18a0a6,#aee8c7);background:linear-gradient(90deg,var(--brand-500),var(--teal-500),var(--mint-400));bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.result-title a:hover:after{transform:scaleX(1)}.result-list{list-style:none;margin-bottom:clamp(8px,1.25vw,24px);margin-top:16px;padding:0}.result-list li{background:linear-gradient(180deg,#081a30,#0b223c);background:linear-gradient(180deg,var(--surface-solid-900),var(--surface-solid-800));border:1px solid #ffffff1f;border-radius:12px;margin-bottom:10px;padding:12px 14px;transition:transform .2s ease,background .2s ease}.result-list li:hover{background:linear-gradient(180deg,#0b223c,#081a30);background:linear-gradient(180deg,var(--surface-solid-800),var(--surface-solid-900));transform:translateY(-2px)}.result-list a{color:#fff;font-weight:800;text-decoration:none}.status{background:linear-gradient(180deg,#0b223c,#081a30);background:linear-gradient(180deg,var(--surface-solid-800),var(--surface-solid-900));border-radius:10px;box-shadow:0 6px 16px #00000040;display:inline-block;font-size:1.05rem;font-weight:800;margin-top:14px;padding:8px 12px}.error{color:#ffeec3;color:var(--cream-300)}.movie-detail{grid-gap:22px;display:grid;gap:22px;grid-template-columns:1fr}.detail-card{padding:20px}.detail-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(240px,320px) 1fr}.poster{background-color:#0b223c;background-color:var(--surface-solid-800);border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 10px 20px #0000002e;box-shadow:var(--shadow-md);width:100%}.detail-title{color:#fff;font-size:clamp(1.9rem,1.9vw + 1.1rem,2.6rem);font-weight:900;margin:0}.meta{color:#fff;font-size:1.06rem;margin:.25rem 0 .9rem;opacity:.95}.meta strong{color:#aee8c7;color:var(--mint-400)}.plot{color:#ffffffe6;font-size:1.08rem;line-height:1.75}.detail-header>div:last-child{background:linear-gradient(180deg,#0b223c,#081a30);background:linear-gradient(180deg,var(--surface-solid-800),var(--surface-solid-900));border:1px solid #ffffff1f;border-radius:14px;box-shadow:0 8px 20px #00000047;padding:16px 18px}.detail-card a{color:#aee8c7;color:var(--mint-400);text-decoration:underline}.detail-card a:hover{color:#c9f3df}.btn{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#aee8c7,#7ddbb1 45%,#18a0a6);background:linear-gradient(135deg,var(--mint-400),#7ddbb1 45%,var(--teal-500));border:0;border-radius:14px;box-shadow:0 8px 20px #00000040;color:#00233e;cursor:pointer;font-weight:900;padding:.85rem 1.15rem;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.btn:hover{box-shadow:0 12px 28px #0000004d;filter:brightness(1.05);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-back{-webkit-appearance:none;appearance:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06142673;border:2px solid #ffffff47;border-radius:12px;box-shadow:none;color:#fff;cursor:pointer;filter:none;font-family:inherit;font-size:1.05rem;font-weight:800;letter-spacing:normal;padding:.65rem 1rem;position:relative;text-decoration:none;text-transform:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.btn-back:focus-visible,.btn-back:hover{background:linear-gradient(#0614268c,#0614268c) padding-box,linear-gradient(90deg,#1e78c2,#18a0a6,#aee8c7) border-box;background:linear-gradient(#0614268c,#0614268c) padding-box,linear-gradient(90deg,var(--brand-500),var(--teal-500),var(--mint-400)) border-box;border-color:#0000;box-shadow:0 8px 18px #00000047;filter:none;transform:translateY(-1px)}.btn-back:active{transform:translateY(0)}footer{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(180deg,#071f3ab3,#071f3aeb);border-top:1px solid #ffffff1a;box-shadow:0 -10px 20px #00000040;position:relative}footer:before{background:linear-gradient(90deg,#1e78c2,#18a0a6,#aee8c7);background:linear-gradient(90deg,var(--brand-500),var(--teal-500),var(--mint-400));content:"";height:2px;left:0;opacity:.9;position:absolute;right:0;top:-1px}.footer-inner{-webkit-font-smoothing:antialiased;align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:clamp(.98rem,.9vw + .6rem,1.15rem);font-weight:600;gap:0;justify-content:center;letter-spacing:.25px;line-height:1.4;margin:0 auto;max-width:1100px;padding:18px 22px}.footer-link,footer a{color:#fff;font-weight:700;text-decoration:none;transition:color .15s ease,-webkit-text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease;transition:color .15s ease,text-decoration-color .15s ease,-webkit-text-decoration-color .15s ease}.footer-link:hover,footer a:hover{color:#aee8c7;color:var(--mint-400);text-decoration:underline;-webkit-text-decoration-color:currentColor;text-decoration-color:initial;text-decoration-thickness:1.5px;text-underline-offset:3px}.footer-link:focus-visible,footer a:focus-visible{border-radius:8px;outline:3px solid #aee8c7;outline:3px solid var(--mint-400);outline-offset:3px;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.divider{font-size:.9em;font-weight:700;margin:0 12px;opacity:.6}.footer-inner :where(span){align-items:center;display:inline-flex;gap:6px}.footer-inner :where(span) .emoji{display:inline-block;transform:translateY(1px)}@media (max-width:420px){.divider{margin:0 8px}}@media (prefers-reduced-motion:reduce){.footer-link,footer a{transition:none}}@media (max-width:820px){.header-inner{gap:10px}.detail-header{grid-template-columns:1fr}body{font-size:17px}}@media (max-width:480px){body{font-size:16px}.brand img{height:38px;width:38px}}
/*# sourceMappingURL=main.42da642c.css.map*/