@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";*,*:before,*:after{box-sizing:border-box}html{margin:0;padding:0;scroll-behavior:smooth;overflow-x:clip}body{margin:0;padding:0;font-family:Futura Now;font-weight:500;background:var(--yellow);background:linear-gradient(130deg,#ff3f7b,#ffd564);background:url(/demos/simpsons-episode-guide/images/blue-bg.jpg) no-repeat center top;background-size:cover;overflow-x:hidden;position:relative}body.no-scroll{overflow-x:hidden}@media all and (max-width: 800px){body.no-scroll{overflow-y:hidden}}img{max-width:100%;height:auto}@font-face{font-family:Simpsons Font;src:url(/demos/simpsons-episode-guide/assets/simpsonfont-webfont-CbqXDkf5.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/simpsonfont-webfont-DStwOhT2.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlineextralight-webfont-BsDjGL9P.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlineextralight-webfont-CLfSBUut.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlinethin-webfont-DsiG3KKj.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlinethin-webfont-Co6QFxTm.woff) format("woff");font-weight:150;font-style:normal}@font-face{font-family:futura_now_headlinelight;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlinelight-webfont-RSfMvT4l.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlinelight-webfont-j86aAEPk.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadline-webfont-Dqd6_zQ7.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadline-webfont-543Cj8fA.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlinemedium-webfont-CaOCuW0N.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlinemedium-webfont--gk1qSPO.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlinebold-webfont-C_5Ha1xF.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlinebold-webfont-BvBeoGxO.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlineblack-webfont-Cs67Q28t.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlineblack-webfont-CzrIiUxp.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlineextrabold-webfont-BBQyCqOl.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlineextrabold-webfont-YhADVTPf.woff) format("woff");font-weight:850;font-style:normal}@font-face{font-family:Futura Now;src:url(/demos/simpsons-episode-guide/assets/futuranowheadlineextrablack-webfont-rV6l6NcX.woff2) format("woff2"),url(/demos/simpsons-episode-guide/assets/futuranowheadlineextrablack-webfont-CEzcMZTb.woff) format("woff");font-weight:900;font-style:normal}:root{--white: hsl(0deg 0% 100%);--gray-light: hsl(0deg 0% 87%);--gray: hsl(0, 0%, 55%);--gray-dark: hsl(0, 0%, 50%);--gray-dark-alt: hsl(0, 0%, 35%);--black: hsl(0deg 0% 0%);--charchoal: #474A55;--yellow-light: #FFEAB1;--yellow: #FFD866;--orange: #ED8E0C;--blue-medium: #548CC9;--blue: #5998DD;--green: #B2CA36;--pink: #ff3f7b;--purple: #BD74D8;--blue-dark-100: rgba(36, 74, 123, 1);--blue-dark-95: rgba(36, 74, 123, .95);--blue-dark-90: rgba(36, 74, 123, .9);--blue-dark-85: rgba(36, 74, 123, .85);--blue-dark-80: rgba(36, 74, 123, .8);--blue-dark-75: rgba(36, 74, 123, .75);--blue-dark-70: rgba(36, 74, 123, .7);--blue-dark-65: rgba(36, 74, 123, .65);--blue-dark-60: rgba(36, 74, 123, .6);--blue-dark-55: rgba(36, 74, 123, .55);--blue-dark-50: rgba(36, 74, 123, .5);--blue-dark-45: rgba(36, 74, 123, .45);--blue-dark-40: rgba(36, 74, 123, .4);--blue-dark-35: rgba(36, 74, 123, .35);--blue-dark-30: rgba(36, 74, 123, .3);--blue-dark-25: rgba(36, 74, 123, .25);--blue-dark-20: rgba(36, 74, 123, .2);--blue-dark-15: rgba(36, 74, 123, .15);--blue-dark-10: rgba(36, 74, 123, .1);--blue-dark-5: rgba(36, 74, 123, .05);--white-95: rgba(255, 255, 255, .95);--white-90: rgba(255, 255, 255, .9);--white-85: rgba(255, 255, 255, .85);--white-80: rgba(255, 255, 255, .8);--white-75: rgba(255, 255, 255, .75);--white-70: rgba(255, 255, 255, .7);--white-65: rgba(255, 255, 255, .65);--white-60: rgba(255, 255, 255, .6);--white-55: rgba(255, 255, 255, .55);--white-50: rgba(255, 255, 255, .5);--white-45: rgba(255, 255, 255, .45);--white-40: rgba(255, 255, 255, .4);--white-35: rgba(255, 255, 255, .35);--white-30: rgba(255, 255, 255, .3);--white-25: rgba(255, 255, 255, .25);--white-20: rgba(255, 255, 255, .2);--white-15: rgba(255, 255, 255, .15);--white-10: rgba(255, 255, 255, .1);--white-05: rgba(255, 255, 255, .05);--black-95: rgba(0, 0, 0, .95);--black-90: rgba(0, 0, 0, .9);--black-85: rgba(0, 0, 0, .85);--black-80: rgba(0, 0, 0, .8);--black-75: rgba(0, 0, 0, .75);--black-70: rgba(0, 0, 0, .7);--black-65: rgba(0, 0, 0, .65);--black-60: rgba(0, 0, 0, .6);--black-55: rgba(0, 0, 0, .55);--black-50: rgba(0, 0, 0, .5);--black-45: rgba(0, 0, 0, .45);--black-40: rgba(0, 0, 0, .4);--black-35: rgba(0, 0, 0, .35);--black-30: rgba(0, 0, 0, .3);--black-25: rgba(0, 0, 0, .25);--black-20: rgba(0, 0, 0, .2);--black-15: rgba(0, 0, 0, .15);--black-10: rgba(0, 0, 0, .1);--black-05: rgba(0, 0, 0, .05);--black-04: rgba(0, 0, 0, .04);--black-03: rgba(0, 0, 0, .03);--black-02: rgba(0, 0, 0, .02);--black-01: rgba(0, 0, 0, .01)}.app-shell{position:relative;isolation:isolate;min-height:100vh}.page-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(130deg,#ff3f7b,#ffd564);background-image:url(/demos/simpsons-episode-guide/images/blue-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;pointer-events:none;transform:translateZ(0);will-change:transform}.clouds{--duration: 60s;--cloud-start: -50%;--cloud-end: 50%;position:fixed;top:0;left:0;z-index:-1;width:100%;height:min(50vh,30rem);background:url(/demos/simpsons-episode-guide/images/svg/clouds.svg) repeat-x;background-size:cover;pointer-events:none;will-change:transform,opacity}@media all and (max-width: 900px){.clouds{--cloud-start: -18%;--cloud-end: 18%;left:-30%;width:160%;height:min(48svh,24rem);background-size:auto 100%}}.clouds.clouds-primary{animation:moveClouds var(--duration) linear infinite}.clouds.clouds-secondary{opacity:0;animation:moveClouds var(--duration) linear infinite;animation-delay:calc(var(--duration) / 2)}@keyframes moveClouds{0%{transform:translate(var(--cloud-start));opacity:.5}75%{opacity:1}to{transform:translate(var(--cloud-end));opacity:.5}}header[role=banner]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-inline:1.25rem;width:min(1500px,100%);margin-inline:auto;position:relative;z-index:10}@media all and (max-width: 800px){header[role=banner]{flex-flow:column wrap;justify-content:center;align-items:center}}@media all and (max-width: 800px){header[role=banner]{gap:0}}header[role=banner] h1{position:absolute;left:50%;transform:translate(-50%);background:var(--white-25);border:1px solid var(--white-35);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:0;margin:0;border-radius:15px;font-size:1.18rem}@media all and (max-width: 800px){header[role=banner] h1{display:none}}@media all and (max-width: 600px){header[role=banner] h1{font-size:1.25rem}}.header-title-link{display:inline-flex;align-items:center;gap:.85rem;padding:.7rem 1.4rem;color:var(--black);text-decoration:none;text-transform:uppercase;font-weight:850;letter-spacing:.04em;text-wrap:balance}.header-title-icon{width:2rem;height:2rem;flex:0 0 auto;object-fit:contain}.header-brand{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto;gap:1rem}@media all and (max-width: 800px){.header-brand{flex-flow:column wrap;justify-content:center;margin-bottom:0}}figure{width:min(200px,100%);display:block;margin:0;padding:0}@media all and (max-width: 600px){figure{width:min(150px,100%)}}@media all and (max-width: 420px){figure{width:min(120px,100%)}}figure img{max-width:100%}.view-switch{width:fit-content;display:flex;gap:.5rem;padding:.45rem;margin:0;border-radius:999px;background:var(--white-20);border:1px solid var(--white-35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@media all and (max-width: 800px){.view-switch{margin-top:0;align-self:center}}.view-switch-button{display:inline-flex;align-items:center;gap:.45rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.7rem 1rem;font:inherit;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--black-70);background:transparent;cursor:pointer;transition:all .25s ease}.view-switch-button:hover,.view-switch-button:focus-visible{background:var(--white-30);color:var(--black);outline:none}.view-switch-button.active{background:var(--yellow);color:var(--black);box-shadow:-4px 4px 0 var(--black)}.view-switch-badge{min-width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem;border-radius:999px;background:var(--pink);color:var(--white);font-size:.66rem;font-weight:900;line-height:1;box-shadow:inset 0 0 0 1px #00000014}.intro-open{overflow:hidden}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:1.25rem;overflow-y:auto;-webkit-overflow-scrolling:touch}.intro-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f192fb8,#0f192fd6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-card{position:relative;z-index:1;width:min(720px,100%);max-height:calc(100dvh - 2.5rem);padding:clamp(1.5rem,4vw,2.5rem);border-radius:32px;color:var(--black);background:linear-gradient(180deg,#fff5aafa,#fffffffa),url(/demos/simpsons-episode-guide/images/yellow-bg.jpg) center/cover;border:2px solid rgba(0,0,0,.12);box-shadow:-14px 18px #00000029;text-align:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.intro-card h2{margin:0 0 .85rem;font-size:clamp(2rem,4.5vw,3.35rem);line-height:.95;text-wrap:balance;text-align:center}.intro-card p{margin:0}.intro-logo{display:block;width:min(220px,55vw);margin:0 auto .5rem}.intro-ign-logo{width:2.5rem;height:auto}.intro-kicker{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.55rem;margin-bottom:.75rem!important;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0000008c}.intro-subhead{max-width:30ch;margin:1.5rem auto!important;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;line-height:1.35;text-align:center}.intro-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem 1rem;margin:0 auto 1.35rem;padding:.85rem 1rem;border-radius:18px;background:#ffffff8c;border:1px solid rgba(0,0,0,.08);font-size:.83rem;font-weight:700}.intro-copy{display:grid;gap:1rem;text-align:left}.intro-copy p{font-size:1rem;line-height:1.6;text-wrap:pretty}.intro-actions{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.intro-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.9rem 1.35rem;font:inherit;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.intro-button-primary{color:var(--black);background:var(--yellow);box-shadow:-5px 5px 0 var(--black)}.intro-button-secondary{color:var(--black);background:#ffffffd1;border:1px solid rgba(0,0,0,.12)}.walkthrough-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300}.walkthrough-mask{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:#0e1421b8;pointer-events:none}.walkthrough-spotlight{position:fixed;border-radius:24px;border:3px solid var(--yellow);box-shadow:0 18px 45px #00000059,0 0 0 1px #ffffff38;pointer-events:none;transition:all .25s ease}.walkthrough-card{position:fixed;z-index:1;width:min(360px,100vw - 2rem);padding:1.35rem 1.35rem 1.15rem;border-radius:26px;color:var(--black);background:linear-gradient(180deg,#fff7ccfa,#fffffff5);border:2px solid rgba(0,0,0,.16);box-shadow:-10px 12px #0000002e}.walkthrough-card h2{margin:0 0 .5rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.05}.walkthrough-card p{margin:0}.walkthrough-step{margin-bottom:.65rem!important;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#0000008c}.walkthrough-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.walkthrough-nav{display:flex;gap:.5rem}.walkthrough-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.72rem 1rem;font:inherit;font-size:.8rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.walkthrough-button-primary{color:var(--black);background:var(--yellow);box-shadow:-4px 4px 0 var(--black)}.walkthrough-button-secondary{color:var(--black);background:#ffffffbf;border:1px solid rgba(0,0,0,.12)}.walkthrough-button-ghost{color:#0009;background:transparent;padding-inline:0}@media all and (max-width: 640px){.intro-overlay{place-items:start center;padding:1rem}.intro-card{max-height:calc(100dvh - 2rem);border-radius:24px;text-align:left}.intro-logo{margin-inline:auto;display:block}.intro-meta{justify-content:flex-start}.intro-actions{justify-content:stretch;flex-direction:column}.intro-button{width:100%}}.progress-bar-container{position:relative;height:10px;width:min(1500px,100%);padding:0;margin:2.5rem auto 0;border-radius:5px;overflow:hidden;box-shadow:inset 0 1px 3px #0003;z-index:100;display:none}.progress-bar{width:100%;height:100%;background:linear-gradient(to right,#6200ea,#03a9f4);transition:width .3s ease-in-out}.progress-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:#ddd;border-radius:5px;outline:none;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:#fc0;border:2px solid #555;border-radius:50%;cursor:pointer}.progress-slider::-moz-range-thumb{width:20px;height:20px;background:#fc0;border:2px solid #555;border-radius:50%;cursor:pointer}.progress-slider::-ms-thumb{width:20px;height:20px;background:#fc0;border:2px solid #555;border-radius:50%;cursor:pointer}.grid{width:min(1500px,100%);padding:0 1.25rem;margin-inline:auto;display:grid;grid-template-columns:1fr 1.25fr;gap:1.25rem;margin-top:2rem}@media all and (max-height: 900px){.grid{grid-template-columns:1fr 1.5fr;align-items:start}}@media all and (max-width: 800px){.grid{grid-template-columns:repeat(1,1fr);align-items:center}}.grid-item{display:flex;align-items:flex-start}@media all and (max-width: 800px){.grid-item{justify-content:center}}@media all and (max-width: 800px){.grid-item:nth-of-type(2){margin-top:-3rem}}.gallery-view{width:min(1500px,100%);margin:2rem auto 4rem;padding:0 1.25rem}.gallery-header{max-width:720px;margin-bottom:1.5rem}.gallery-header .gallery-kicker{margin:0 0 .4rem;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--black-60)}.gallery-header .gallery-copy{margin:0;font-size:1rem;line-height:1.6;color:var(--black-75)}.gallery-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.gallery-toolbar .gallery-header{margin-bottom:0}@media all and (max-width: 900px){.gallery-toolbar{flex-direction:column;align-items:stretch}}.gallery-toolbar-controls{display:flex;align-items:flex-end;gap:.75rem}@media all and (max-width: 900px){.gallery-toolbar-controls{width:100%;flex-direction:column;align-items:stretch}}.gallery-sort{display:grid;gap:.4rem;min-width:250px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--black-65)}.gallery-sort .gallery-sort-select-wrap{position:relative;display:block}.gallery-sort select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--white-35);border-radius:14px;padding:.9rem 3rem .9rem 1rem;background:var(--white-80);color:var(--black);font:inherit;letter-spacing:.04em;text-transform:none;cursor:pointer;box-shadow:0 10px 18px var(--black-10)}.gallery-sort-icon{position:absolute;top:50%;right:.9rem;transform:translateY(-50%);pointer-events:none;color:var(--black-60)}.gallery-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.gallery-empty{grid-column:1/-1;padding:1.5rem;border-radius:18px;border:1px solid var(--white-35);background:var(--white-60);box-shadow:0 10px 26px var(--black-10)}.gallery-empty p{margin:0;font-size:.95rem;color:var(--black-70)}.gallery-card{position:relative;width:100%;border:1px solid var(--white-35);border-radius:18px;padding:.75rem;background:linear-gradient(180deg,var(--white-45) 0%,transparent 45%),linear-gradient(160deg,#fff5ca,#ffe48f 52%,#ffd866);text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 10px 26px var(--black-10);animation:galleryListIn .45s ease both}.gallery-card:hover,.gallery-card:focus-within{transform:translateY(-4px);box-shadow:0 16px 36px var(--black-12);border-color:var(--black-20)}.gallery-card.active{transform:translateY(-4px);border-color:color-mix(in srgb,var(--orange) 65%,var(--black) 35%);box-shadow:0 18px 40px var(--black-15);background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,transparent 38%),linear-gradient(155deg,#fff8dc,#ffe57f 44%,#ffc93c)}.gallery-card.liked{border-color:color-mix(in srgb,var(--pink) 55%,var(--orange) 25%)}.gallery-card:nth-child(2){animation-delay:.03s}.gallery-card:nth-child(3){animation-delay:.06s}.gallery-card:nth-child(4){animation-delay:.09s}.gallery-card:nth-child(5){animation-delay:.12s}.gallery-card:nth-child(6){animation-delay:.15s}@keyframes galleryListIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gallery-card-open{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;align-items:stretch}@media all and (max-width: 700px){.gallery-card-open{grid-template-columns:repeat(1,minmax(0,1fr))}}.gallery-card-open:focus-visible{outline:none}.gallery-card-image-wrap{position:relative}.gallery-card-image{width:100%;height:100%;min-height:100%;aspect-ratio:16/9;object-fit:cover;object-position:center top;border-radius:12px;display:block}.gallery-card-rank{position:absolute;top:.6rem;left:.6rem;padding:.25rem .5rem;border-radius:999px;background:var(--blue-dark-95);color:var(--white);font-size:.65rem;font-weight:800;letter-spacing:.08em}.gallery-card-like{position:absolute;top:.85rem;right:.85rem;width:3.65rem;height:3.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--orange) 32%,var(--black) 12%);background:radial-gradient(circle at 28% 24%,#fffffff0,#fff1bdfa 54%,#ffd866fa);box-shadow:0 10px 24px #794d0b33;cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease,filter .25s ease}.gallery-card-like:hover,.gallery-card-like:focus-visible{outline:none;transform:translateY(-2px) rotate(-6deg) scale(1.04);box-shadow:0 14px 30px #794d0b42;filter:saturate(1.05)}.gallery-card-like.active{background:radial-gradient(circle at 28% 24%,#fffffff5,#b9eafffa 48%,#36aae9fa);border-width:2px;border-color:color-mix(in srgb,var(--blue) 72%,var(--black) 18%);box-shadow:0 16px 34px #1b639152;transform:rotate(-10deg)}.gallery-card-like:after{content:attr(data-tooltip);position:absolute;right:calc(100% + .5rem);top:50%;transform:translateY(-50%) translate(.25rem);padding:.38rem .55rem;border-radius:999px;background:#244a7bf5;color:var(--white);font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 18px #0c1b2e38;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.gallery-card-like:hover:after,.gallery-card-like:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.donut-like-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;transition:transform .28s ease}.donut-like-icon-image{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 4px 6px rgba(86,45,0,.24))}.donut-like-icon.bursting .donut-like-icon-image{animation:donutBitePop .42s ease}.donut-crumb-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;pointer-events:none;overflow:hidden}.donut-crumb{position:fixed;border-radius:999px;background:var(--crumb-color, #d37a3c);box-shadow:0 1px #ffffff2e;opacity:0;transform:translateZ(0) rotate(var(--crumb-rotate, 0deg));animation:donutCrumbFall 1.25s cubic-bezier(.18,.7,.2,1) forwards;animation-delay:var(--crumb-delay, 0ms)}.gallery-card-like:hover .donut-like-icon,.gallery-card-like:focus-visible .donut-like-icon,.gallery-card-like.active .donut-like-icon{transform:rotate(-12deg) scale(1.06)}.gallery-card-body{position:relative;padding:.15rem 0 2.15rem;display:flex;flex-direction:column;min-width:0}@keyframes donutCrumbFall{0%{opacity:0;transform:translateZ(0) rotate(var(--crumb-rotate, 0deg)) scale(.8)}15%{opacity:1}to{opacity:0;transform:translate3d(var(--crumb-drift-x, 0),180px,0) rotate(calc(var(--crumb-rotate, 0deg) + 140deg)) scale(.92)}}@keyframes donutBitePop{0%{transform:scale(.92) rotate(-4deg)}55%{transform:scale(1.08) rotate(4deg)}to{transform:scale(1) rotate(0)}}.gallery-card-header{display:grid;gap:.35rem}.gallery-card-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:850;line-height:1.15;text-transform:uppercase;text-wrap:pretty;letter-spacing:.04em;font-family:Futura Now}.gallery-card-meta,.gallery-card-date{margin:0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--black-65)}.gallery-card-description{margin:.75rem 0 0;font-family:Open Sans,sans-serif;font-size:.95rem;line-height:1.6;color:var(--black-75);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-card-rating{position:absolute;left:0;right:0;bottom:0}.gallery-card-meta{line-height:1.4;color:var(--black-60)}.gallery-card-rating{margin:.45rem 0 0}.gallery-card-rating,.film-strip-rating{display:flex;align-items:center}.gallery-card-rating .imdb-rating-badge-compact,.film-strip-rating .imdb-rating-badge-compact{margin-left:0}.imdb-rating-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border-radius:999px;background:color-mix(in srgb,var(--yellow) 70%,var(--white) 30%);border:1px solid color-mix(in srgb,var(--yellow) 80%,var(--black) 15%);color:var(--black);font-size:.72rem;font-weight:800;letter-spacing:.04em;line-height:1}.imdb-rating-badge-compact{padding:.25rem .45rem;font-size:.62rem;margin-left:.85rem}.imdb-rating-logo{width:2.1rem;height:auto;display:block}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:.9rem;animation:modalFadeIn .35s ease forwards}.gallery-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0e366880;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;animation:modalBackdropIn .35s ease forwards}.gallery-modal-panel{position:relative;width:min(900px,100%);max-height:calc(100vh - 1.8rem);overflow:auto;border-radius:24px;border:1px solid color-mix(in srgb,var(--blue) 55%,var(--white) 20%);background:linear-gradient(180deg,#ffffff29,#ffffff0a),linear-gradient(180deg,#dff0ff,#c4e1ff 46%,#9dc7f4);box-shadow:0 24px 60px #13376647,inset 0 1px #ffffff73;animation:modalPanelIn .4s cubic-bezier(.2,.9,.2,1) forwards;transform-origin:center}.gallery-modal-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1rem 0}.gallery-modal-topbar-left{display:grid;gap:.75rem}.gallery-modal-topbar-left .gallery-header{margin-bottom:0}.gallery-modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3.2rem;height:3.2rem;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--black);background:var(--yellow);box-shadow:-4px 4px 0 var(--black);color:var(--black);cursor:pointer;transition:all .4s ease}.gallery-modal-close:hover,.gallery-modal-close:focus-visible{background:color-mix(in srgb,var(--yellow) 72%,var(--orange) 28%);outline:none;transform:translateY(-2px)}.gallery-modal-close:active{transform:translateY(2px);box-shadow:-1px 1px 0 var(--black);background:color-mix(in srgb,var(--yellow) 64%,var(--orange) 36%)}.gallery-modal-content{padding:.25rem 1rem 1rem;animation:modalContentSwap .3s cubic-bezier(.22,1,.36,1)}.gallery-modal-content .episode-info{height:auto;min-height:0}.gallery-modal-controls{display:flex;justify-content:flex-start;gap:.75rem}.gallery-modal-nav{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3.2rem;height:3.2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--black);border-radius:999px;background:var(--yellow);box-shadow:-4px 4px 0 var(--black);color:var(--black);cursor:pointer;transition:all .4s ease}.gallery-modal-nav:hover,.gallery-modal-nav:focus-visible{background:color-mix(in srgb,var(--yellow) 72%,var(--orange) 28%);outline:none;transform:translateY(-2px)}.gallery-modal-nav:active{transform:translateY(2px);box-shadow:-1px 1px 0 var(--black);background:color-mix(in srgb,var(--yellow) 64%,var(--orange) 36%)}.gallery-modal-nav-prev span{display:inline-block;transform:rotate(180deg)}.gallery-modal-image-wrap{position:relative;margin-bottom:.75rem}.gallery-modal-image{width:100%;max-height:min(420px,44vh);object-fit:cover;object-position:center top;display:block;border-radius:16px;box-shadow:0 16px 32px var(--black-15)}.gallery-modal-rank{position:absolute;top:.85rem;left:.85rem;padding:.35rem .6rem;border-radius:999px;background:var(--blue-dark-95);color:var(--white);font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalContentSwap{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media all and (max-width: 900px){.gallery-modal{padding:.75rem}.gallery-modal-panel{max-height:calc(100vh - 1.5rem);border-radius:20px}.gallery-modal-topbar{padding:.85rem .85rem 0}.gallery-view{margin:1rem auto 2rem;padding:0 1rem}.gallery-modal-content{padding:.2rem .85rem .85rem}}.counter{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;align-items:center;margin:1rem 0;font-size:1.5rem;font-family:Futura Now;font-weight:800}.counter span{opacity:.05;font-size:3rem;transition:all .4s ease}.counter span.active{opacity:1;font-size:5rem}.animate .counter,.animate .episode-name,.animate .episode-details{opacity:0}.animate .counter{animation-delay:0s;animation:slideUp .7s cubic-bezier(.68,-.6,.32,1.6) forwards}.animate .episode-name{animation-delay:.4s;animation:slideUp .7s cubic-bezier(.68,-.6,.32,1.6) forwards}.animate .episode-details{animation:fadeInUp .7s cubic-bezier(.68,-.6,.32,1.6) forwards;animation-delay:.6s}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.episode-random-button{background:var(--pink);color:var(--white);font-size:.75rem!important;font-weight:800!important;letter-spacing:.08em;text-transform:uppercase}.episode-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin:1rem 0 1.5rem}@media all and (max-width: 600px){.episode-meta-row{flex-wrap:nowrap;gap:.6rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;scrollbar-width:none}}@media all and (max-width: 600px){.episode-meta-row::-webkit-scrollbar{display:none}}.episode-meta-pill{display:inline-flex!important;align-items:center;justify-content:center;min-height:2.35rem;padding:.5rem .9rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--white) 45%,var(--black) 12%);background:color-mix(in srgb,var(--white) 68%,var(--blue) 12%);box-shadow:inset 0 1px #ffffff47;font-family:Open Sans,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.04em;line-height:1;color:var(--black);white-space:nowrap}@media all and (max-width: 600px){.episode-meta-pill{min-height:2.05rem;padding:.42rem .72rem;font-size:.66rem}}.episode-meta-row .imdb-rating-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.5rem .85rem;font-family:Open Sans,sans-serif;line-height:1}@media all and (max-width: 600px){.episode-meta-row .imdb-rating-badge{min-height:2.05rem;padding:.42rem .72rem;font-size:.66rem}}.episode-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--white-25);margin:-.5rem 0 0;padding:0;line-height:1}.episode-top-main{min-width:0;display:flex;align-items:center}.episode-top-main .counter{margin-right:.625rem}.episode-like-button{flex:0 0 auto;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--orange) 32%,var(--black) 12%);background:radial-gradient(circle at 28% 24%,#fffffff0,#fff1bdfa 54%,#ffd866fa);cursor:pointer;box-shadow:0 10px 24px #794d0b33;overflow:hidden;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease}.episode-like-button:hover,.episode-like-button:focus-visible{outline:none;transform:translateY(-2px) rotate(-6deg) scale(1.04);box-shadow:0 14px 30px #794d0b42;filter:saturate(1.05)}.episode-like-button.active{background:radial-gradient(circle at 28% 24%,#fffffff5,#b9eafffa 48%,#36aae9fa);border-width:2px;border-color:color-mix(in srgb,var(--blue) 72%,var(--black) 18%);box-shadow:0 16px 34px #1b639152;transform:rotate(-10deg)}.episode-like-button:hover .donut-like-icon,.episode-like-button:focus-visible .donut-like-icon,.episode-like-button.active .donut-like-icon{transform:rotate(-12deg) scale(1.08)}.episode-like-button:after{content:attr(data-tooltip);position:absolute;right:calc(100% + .65rem);top:50%;transform:translateY(-50%) translate(.25rem);padding:.4rem .6rem;border-radius:999px;background:#244a7bf0;color:var(--white);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 18px #0c1b2e38;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.episode-like-button:hover:after,.episode-like-button:focus-visible:after{opacity:1;transform:translateY(-50%) translate(0)}.episode-season{text-transform:uppercase;font-weight:800;display:inline-block;margin:0}.episode-info{height:100%;border:1px solid var(--white-25);background:var(--white-15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.25rem 1.25rem 2.5rem;overflow-y:scroll;position:relative}.episode-name{font-family:Futura Now;font-weight:800;text-transform:uppercase;display:block}@media all and (max-width: 600px){.episode-name{font-size:.98rem;line-height:.98}}@media all and (max-width: 420px){.episode-name{font-size:.9rem}}.episode-air-date{text-transform:uppercase;font-weight:800;margin:0}.episode-imdb-rating{margin:0;padding-top:0;display:inline-flex;align-items:center}.episode-production-code{display:none}.episode-quotes-wrapper{position:relative;margin-bottom:1.5rem}.episode-quotes-wrapper:nth-of-type(2n) p{background:var(--green);border:1px solid color-mix(in srgb,var(--green) 100%,var(--black) 20%)}.episode-quotes-wrapper:nth-of-type(odd) p{background:var(--yellow);border:1px solid color-mix(in srgb,var(--yellow) 100%,var(--black) 20%)}.episode-quotes-wrapper .character-avatar{--size: 4rem;width:var(--size);height:var(--size);display:block;border-radius:50%;background:var(--white);position:absolute;bottom:-1rem;right:1rem;border:3px solid var(--white);text-shadow:0px 3px 12px var(--black-25)}.episode-quotes p{padding:1rem 5rem 1rem 1.5rem;border-radius:5px;position:relative;text-transform:uppercase;font-weight:600;font-size:.75rem}.episode-description{font-family:Open Sans,serif;line-height:1.75;font-size:.875rem}.episode-panel{display:flex;flex-direction:column}.grid-item:nth-of-type(2) .episode-info{max-height:calc(100vh - clamp(15rem,28vh,18rem));padding-bottom:calc(2.5rem + clamp(4.5rem,10vh,7.5rem));scroll-padding-bottom:clamp(4.5rem,10vh,7.5rem);overscroll-behavior:contain}body.carousel-open .grid-item:nth-of-type(2) .episode-info{max-height:calc(100vh - clamp(18rem,34vh,22rem));padding-bottom:calc(2.5rem + clamp(9rem,18vh,12rem));scroll-padding-bottom:clamp(9rem,18vh,12rem)}@media all and (max-width: 800px){.grid-item:nth-of-type(2) .episode-info{max-height:none}}.error-message{position:fixed;top:20px;left:50%;transform:translate(-50%);background-color:var(--pink);color:#fff;padding:10px 20px;border-radius:5px;z-index:1000;font-size:16px}.controls{width:min(1500px,100%);padding:0 1.25rem;margin:1rem auto .75rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem}.controls button{--size: 3.2rem;width:var(--size);height:var(--size);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:inherit;cursor:pointer;background:var(--yellow);border:1px solid var(--black);box-shadow:-4px 4px 0 var(--black);transition:all .4s ease;color:var(--black)}@media all and (max-width: 420px){.controls button{--size: 2.8rem}}.controls button.prev-button span{rotate:180deg;animation:slide 1s forwards infinite}.controls button.next-button span{animation:slide 1s forwards infinite}.controls button.episode-random-button{width:auto;padding:0 1rem;margin-right:.35rem;background:var(--pink);color:var(--white)}.controls button:active{transform:translateY(2px);box-shadow:-1px 1px 0 var(--black);background:color-mix(in srgb,var(--yellow) 64%,var(--orange) 36%)}@media all and (max-width: 800px){.controls{width:min(1500px,100%);padding-inline:1.25rem;margin:.5rem auto .75rem;position:static;top:auto;left:auto;justify-content:flex-end;gap:.75rem}}@media (hover: hover){.controls button:hover{background:color-mix(in srgb,var(--yellow) 72%,var(--orange) 28%)}.controls button.episode-random-button:hover{background:color-mix(in srgb,var(--pink) 100%,var(--black) 10%)}}.controls button.episode-random-button:active{background:color-mix(in srgb,var(--pink) 100%,var(--black) 16%)}@keyframes slide{0%{transform:translate(-2px)}50%{transform:translate(2px)}to{transform:translate(-2px)}}button.toggle{--size: 3rem;width:var(--size);height:var(--size);border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--pink);color:var(--white);border:1px solid var(--black);box-shadow:-4px 4px 0 var(--black);transition:all .4s ease;position:absolute;z-index:1001}@media all and (max-width: 420px){button.toggle{--size: 2.5rem}}button.toggle span{transition:opacity .4s ease;transition-behavior:allow-discrete}button.toggle .toggle-mobile-label{display:none}button.toggle:active,button.toggle.active{transform:translateY(2px);box-shadow:-2px 2px 0 var(--black);background:color-mix(in srgb,var(--pink) 100%,var(--black) 10%)}button.toggle:active,button.toggle:hover{background:color-mix(in srgb,var(--pink) 100%,var(--black) 10%)}button.toggle.toggle-desktop{position:fixed;left:50%;bottom:80px;transform:translate(-50%);border-radius:16px 16px 0 0;width:5rem;height:2.9rem;border:1px solid color-mix(in srgb,var(--pink) 65%,var(--black) 18%);border-bottom:0;box-shadow:0 -8px 24px var(--black-10)}button.toggle.toggle-desktop.active{bottom:225px;transform:translate(-50%) translateY(2px)}button.toggle.toggle-mobile{position:absolute;top:1.25rem;left:1.25rem;width:var(--size);min-width:0;padding:0;border-radius:999px;gap:0}button.toggle.toggle-mobile .toggle-mobile-label{display:none}@media all and (max-width: 800px){.controls{width:auto;padding:0;margin:0;position:absolute;top:1.25rem;right:1.25rem;left:auto;z-index:1001;justify-content:flex-end;gap:.65rem}.film-strip-wrapper.active+main .controls{display:none}.controls .episode-random-button{display:none}.controls button{--size: 2.9rem}button.toggle.toggle-desktop{left:1.25rem;bottom:auto;top:1.25rem;transform:none;border-radius:5px;width:var(--size);height:var(--size)}button.toggle.toggle-desktop.active{transform:translateY(2px)}}.film-strip-mobile-actions{display:none}@media all and (max-width: 800px){.film-strip-mobile-actions{display:flex;align-items:center;justify-content:flex-end;padding:0;position:fixed;top:1.25rem;right:1.25rem;z-index:1002;background:transparent}.film-strip-mobile-random{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:0 1rem;border-radius:999px;border:1px solid var(--black);background:var(--pink);box-shadow:-4px 4px 0 var(--black);color:var(--white);font:inherit;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.film-strip-mobile-random:hover,.film-strip-mobile-random:focus-visible{background:color-mix(in srgb,var(--pink) 100%,var(--black) 10%);outline:none;transform:translateY(-2px)}.film-strip-mobile-random:active{background:color-mix(in srgb,var(--pink) 100%,var(--black) 16%);box-shadow:-1px 1px 0 var(--black);transform:translateY(2px)}}.film-strip{width:100%;height:100%;margin:0;padding:.625rem;overflow-x:scroll;z-index:1000;display:flex;gap:.625rem;transition:all .4s ease;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.film-strip.dragging{cursor:grabbing;scroll-behavior:auto}@media all and (max-width: 800px){.film-strip{height:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-content:start;padding:.5rem 1rem 1rem;cursor:default;-webkit-user-select:auto;user-select:auto;touch-action:auto}}@media all and (max-width: 800px){.film-strip.dragging{cursor:default}}.film-strip-wrapper{width:100%;position:fixed;bottom:0;transform:translateY(0);visibility:visible;opacity:1;height:80px;background:var(--white-80);border-top:3px solid var(--pink);box-shadow:0 -18px 40px var(--black-10);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s ease;overflow:hidden;z-index:1000}.film-strip-wrapper.active{transform:translateY(0);visibility:visible;opacity:1;height:225px}@media all and (max-width: 800px){.film-strip-wrapper.active{height:100%;display:grid;bottom:auto;top:0}}@media all and (max-width: 800px){.film-strip-wrapper{width:100%;height:100%;padding-top:5rem;transform:translateY(0) translate(-100%);visibility:hidden;opacity:0;overflow-x:hidden;overflow-y:auto}.film-strip-wrapper.active{visibility:visible;opacity:1}}.film-strip-summary{height:80px;padding:1.15rem 1.25rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--black-10)}@media all and (max-width: 800px){.film-strip-summary{display:none}}.film-strip-summary-inner{width:min(100%,640px);display:flex;align-items:center;gap:.8rem;min-width:0}.film-strip-summary-thumbnail{width:68px;height:38px;border-radius:10px;object-fit:cover;object-position:center top;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--yellow-light) 80%,var(--black) 12%);box-shadow:0 4px 12px var(--black-10)}.film-strip-summary-text{min-width:0;display:grid;gap:.08rem;flex:1 1 auto}.film-strip-summary-rank{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--pink)}.film-strip-summary-title{font-size:.76rem;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--black)}.film-strip-summary-meta{font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--black-60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.5rem}.film-strip-summary .imdb-rating-badge-compact{margin-left:auto}.film-strip-item{background:linear-gradient(180deg,var(--white-45) 0%,transparent 45%),linear-gradient(160deg,#fff3c7,#ffe486 52%,#ffd866);height:100%;border:1px solid color-mix(in srgb,var(--yellow-light) 100%,var(--black) 10%);transition:all .4s ease;border-radius:15px;padding:.625rem;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font:inherit;color:inherit;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.film-strip-item:hover{background:linear-gradient(180deg,var(--white-55) 0%,transparent 45%),linear-gradient(160deg,#fff7d9,#ffe98f 48%,#ffd24f);border-color:color-mix(in srgb,var(--yellow-light) 100%,var(--black) 40%);box-shadow:0 10px 18px var(--black-10);transform:translateY(-2px)}.film-strip-item.active{background:linear-gradient(180deg,rgba(255,255,255,.7) 0%,transparent 40%),linear-gradient(155deg,#fff9de,#ffe978 40%,#ffc93c);border-color:color-mix(in srgb,var(--orange) 65%,var(--black) 35%);box-shadow:0 16px 32px var(--black-15),inset 0 0 0 1px var(--white-55);transform:translateY(-4px) scale(1.015)}.film-strip-item:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.film-strip-item p{margin:0}.film-strip-item .film-strip-thumbnail-wrap{position:relative;align-self:flex-start}.film-strip-item .film-strip-content{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:.2rem;padding-top:.55rem;padding-bottom:1.7rem;margin-top:0}.film-strip-item .film-strip-rank-badge{position:absolute;top:.5rem;left:.5rem;padding:.25rem .45rem;border-radius:999px;background:var(--blue-dark-95);color:var(--white);font-size:.625rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;box-shadow:0 4px 12px var(--black-20)}.film-strip-item.active .film-strip-rank-badge{background:var(--pink);box-shadow:0 8px 18px var(--black-25)}.film-strip-item .film-strip-episode-name{font-size:.7rem;line-height:1.3;text-transform:uppercase;font-weight:800;text-wrap:balance}.film-strip-item .film-strip-meta{font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--black-65)}.film-strip-item .film-strip-meta-secondary{color:var(--black-55)}.film-strip-item .film-strip-rating{position:absolute;left:0;right:0;bottom:0;margin:0}.film-strip-item.active .film-strip-episode-name{color:color-mix(in srgb,var(--black) 88%,var(--orange) 12%)}.film-strip img{--width: 160px;max-width:var(--width);border-radius:5px;transition:all .4s ease;cursor:pointer;pointer-events:none}@media all and (max-width: 800px){.film-strip img{max-width:100%;flex:1 1 auto}}.film-strip-wrapper:not(.active) .film-strip{display:none}.film-strip-wrapper.active .film-strip-summary{display:none}@media all and (max-width: 800px){.film-strip-wrapper:not(.active) .film-strip{display:grid}.film-strip-wrapper.active .film-strip-summary{display:none}}button.toggle.toggle-desktop+.film-strip-wrapper.active{box-shadow:0 -20px 40px var(--black-10)}@media all and (min-width: 801px) and (max-height: 800px){button.toggle.toggle-desktop{bottom:68px}button.toggle.toggle-desktop.active{bottom:196px}.film-strip-wrapper{height:68px}.film-strip-wrapper.active{height:196px}.film-strip-summary{height:68px;padding-block:.8rem}.film-strip-summary-thumbnail{width:60px;height:34px}.film-strip img{--width: 142px}.film-strip-item{padding:.55rem}.film-strip-item .film-strip-content{padding-top:.45rem}.film-strip-item .film-strip-episode-name{font-size:.66rem}.film-strip-item .film-strip-meta{font-size:.54rem}.film-strip-item .film-strip-rating,.film-strip-summary .imdb-rating-badge-compact{display:none}}.sr-only{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;position:absolute}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.clouds,.controls button span,.simpsons-tv-dial{animation:none!important}.film-strip,.film-strip-item,.film-strip-wrapper,.progress-bar,.simpsons-tv-dial,.episode-info,.counter,.episode-name,.episode-details{transition:none!important}}.simpsons-tv{--offset: -200px;width:min(800px,100%);aspect-ratio:1196/1401;display:flex;background:url(/demos/simpsons-episode-guide/images/svg/simpsons-tv-alt.svg) no-repeat center center;background-size:100%;position:relative;margin-top:-24%}@media all and (max-width: 800px){.simpsons-tv{margin-top:-15%}}.simpsons-tv:before,.simpsons-tv:after{content:"";width:3.5rem;height:1.5rem;border-radius:25px;background:var(--black-50);filter:blur(10px);position:absolute;bottom:55px}.simpsons-tv:before{left:15px}.simpsons-tv:after{right:15px}.simpsons-tv-screen,.simpsons-tv-video{position:absolute;top:27%;left:1%;width:90%;height:50%;object-fit:cover;z-index:-1}.simpsons-tv-video{border:none;display:none}.simpsons-tv-dial{position:absolute;top:28%;right:2%;width:10%;aspect-ratio:1/1;border-radius:50%;cursor:pointer;background:#5160a9;border:2px solid black;transform:rotate(0);transition:all .4s ease;box-shadow:0 0 15px 5px #8a2be2cc;animation:pulse-shadow 2s infinite ease-in-out;overflow:hidden}.simpsons-tv-dial:before{--size: 1rem;content:"";width:var(--size);height:100%;display:block;position:absolute;top:0;left:calc(50% - var(--size) / 2);border-left:2px solid black;border-right:2px solid black}@media all and (max-width: 800px){.simpsons-tv-dial:before{--size: .75rem}}.simpsons-tv-dial:hover{background:#435090}@keyframes pulse-shadow{0%{box-shadow:0 0 15px 5px #c4388780}50%{box-shadow:0 0 30px 10px #577ce34d}to{box-shadow:0 0 15px 5px #c3388799}}
