/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}}:root{--font-display:"Arial Black", "Franklin Gothic Heavy", Impact, sans-serif;--font-body:Inter, "Segoe UI", Arial, sans-serif;--bg:#08090b;--bg-elevated:#101216;--surface:#15181d;--surface-2:#1d2128;--text:#f5f2ea;--text-muted:#a5a6aa;--accent:#ff4e2b;--accent-bright:#ff6949;--accent-ink:#140402;--line:#ffffff1f;--glass:#101216b8;--shadow:0 22px 70px #0000006b;--radius-sm:.55rem;--radius-md:1rem;--radius-lg:1.5rem;--header-height:4.75rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f2eee6;--bg-elevated:#faf7f1;--surface:#fffdf8;--surface-2:#e8e2d8;--text:#161311;--text-muted:#68635e;--accent:#d83b1e;--accent-bright:#f05231;--accent-ink:#fff9f3;--line:#1e191424;--glass:#faf7f1cc;--shadow:0 22px 70px #3b2a1929;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 80%, white)}}:focus-visible{outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xolotl-logo{color:var(--text);align-items:center;gap:clamp(.7rem,1.5vw,1rem);display:inline-flex}.logo-type{line-height:1;display:grid}.logo-type strong{font-family:var(--font-display);letter-spacing:-.08em;transform-origin:0;font-size:clamp(2.5rem,7vw,6.2rem);transform:scaleX(.9)}.logo-type small{color:var(--text-muted);letter-spacing:.22em;text-transform:uppercase;margin-top:.65rem;font-size:clamp(.7rem,1.5vw,1rem);font-weight:650}.logo-glyph{aspect-ratio:1;border:2px solid var(--accent);border-radius:42% 58% 55% 45%;width:clamp(2.8rem,8vw,7rem);animation:5s ease-in-out infinite glyph-float;position:relative;transform:rotate(-8deg)}.logo-glyph:before,.logo-glyph:after{content:"";background:var(--accent);border-radius:100% 0;width:36%;height:15%;position:absolute;top:22%}.logo-glyph:before{left:-19%;transform:rotate(38deg)}.logo-glyph:after{right:-19%;transform:scaleX(-1)rotate(38deg)}.logo-glyph i,.logo-glyph b{aspect-ratio:1;background:var(--accent);border-radius:50%;width:16%;position:absolute;top:32%}.logo-glyph i{left:20%}.logo-glyph b{right:20%}.logo-glyph em{border-bottom:3px solid var(--accent);border-radius:50%;width:34%;height:18%;position:absolute;bottom:21%;left:33%}.xolotl-logo.is-compact{gap:.55rem}.xolotl-logo.is-compact .logo-glyph{border-width:1.5px;width:2.1rem}.xolotl-logo.is-compact .logo-type strong{letter-spacing:-.04em;font-size:1.45rem}@keyframes glyph-float{0%,to{transform:rotate(-8deg)translateY(0)}50%{transform:rotate(4deg)translateY(-7px)}}.landing-page{background:radial-gradient(circle at 77% 32%, var(--accent), transparent 29%), radial-gradient(circle at 15% 82%, #527d6e2e, transparent 31%), var(--bg);min-height:100svh;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.landing-page{background:radial-gradient(circle at 77% 32%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 29%), radial-gradient(circle at 15% 82%, #527d6e2e, transparent 31%), var(--bg)}}.landing-page:before{content:"";background:linear-gradient(90deg, var(--bg) 0 47%, transparent 70%), url(/posters/tears-of-steel.webp) center right / min(62vw, 1100px) auto no-repeat;opacity:.37;filter:saturate(.7)contrast(1.15);position:absolute;inset:0}.landing-noise{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:absolute;inset:0}.landing-header{z-index:2;min-height:var(--header-height);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:0 clamp(1.2rem,4vw,4.5rem);display:flex;position:relative}.top-switches,.header-tools{align-items:center;gap:.55rem;display:flex}.switch-button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;align-items:center;gap:.55rem;height:2.6rem;padding:0 .9rem;display:inline-flex}.switch-button svg{width:1rem}.landing-content{z-index:1;min-height:calc(100svh - var(--header-height));flex-direction:column;align-items:flex-start;max-width:49rem;padding:clamp(4.5rem,11vh,9rem) clamp(1.2rem,4vw,4.5rem) 8rem;display:flex;position:relative}.landing-lead{letter-spacing:-.035em;max-width:13em;margin:2.2rem 0 1rem;font-family:Georgia,serif;font-size:clamp(1.7rem,3.1vw,2.7rem);line-height:1.12}.landing-copy{max-width:41rem;color:var(--text-muted);font-size:clamp(.98rem,1.3vw,1.12rem);line-height:1.7}.landing-actions,.featured-actions,.details-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:2rem;display:flex}.primary-button,.secondary-button,.glass-button,.text-button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:3rem;padding:.78rem 1.3rem;font-weight:750;transition:transform .2s,background .2s,color .2s;display:inline-flex}.primary-button{background:var(--accent);color:#fff;box-shadow:0 8px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.primary-button{box-shadow:0 8px 28px color-mix(in srgb, var(--accent) 28%, transparent)}}.secondary-button,.glass-button{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.text-button{color:var(--text-muted);background:0 0}.primary-button:hover,.secondary-button:hover,.glass-button:hover,.text-button:hover{transform:translateY(-2px)}.primary-button svg,.secondary-button svg,.glass-button svg,.text-button svg{width:1.15rem}.landing-note{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin-top:2.25rem;font-size:.78rem;display:flex}.landing-note svg{width:1rem;color:var(--accent)}.landing-filmstrip{z-index:1;gap:.5rem;width:min(62vw,70rem);display:flex;position:absolute;bottom:0;right:0;transform:translate(8%,26%)rotate(-3deg)}.landing-filmstrip img{aspect-ratio:16/9;object-fit:cover;width:22%;box-shadow:var(--shadow);border:2px solid #ffffff1a}.landing-legal{z-index:2;color:var(--text-muted);justify-content:space-between;gap:1rem;font-size:.66rem;line-height:1.45;display:flex;position:absolute;bottom:1rem;left:clamp(1.2rem,4vw,4.5rem);right:clamp(1.2rem,4vw,4.5rem)}.landing-legal span:first-child{max-width:50rem}.landing-legal a{color:var(--text)}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020304c7;place-items:center;padding:1rem;animation:.25s both fade-in;display:grid;position:fixed;inset:0}.auth-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg-elevated);width:min(100%,30rem);max-height:calc(100svh - 2rem);box-shadow:var(--shadow);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow-y:auto}.modal-close,.popover-close{position:absolute;top:1rem;right:1rem}.auth-heading{align-items:center;gap:1rem;margin:2rem 0 1.3rem;display:flex}.auth-heading>span{background:var(--accent);border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}@supports (color:color-mix(in lab, red, red)){.auth-heading>span{background:color-mix(in srgb, var(--accent) 13%, var(--surface))}}.auth-heading>span{color:var(--accent)}.auth-heading h2{margin:0;font-family:Georgia,serif;font-size:1.65rem}.auth-heading p{color:var(--text-muted);margin:.3rem 0 0;line-height:1.5}.auth-panel form{gap:.9rem;display:grid}.auth-panel label:not(.consent){letter-spacing:.03em;gap:.4rem;font-size:.8rem;font-weight:700;display:grid}.auth-panel input:not([type=checkbox]){border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:3rem;color:var(--text);padding:0 .95rem}.password-field{display:block;position:relative}.auth-panel .password-field input{padding-right:3.35rem}.password-toggle{width:2.25rem;height:2.25rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.password-toggle:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.password-toggle:hover{background:color-mix(in srgb, var(--accent) 11%, transparent)}}.password-toggle:hover{color:var(--accent-bright)}.password-toggle:focus-visible{outline-offset:1px}.password-eye{place-items:center;display:grid}.password-eye svg{width:1.15rem;height:1.15rem}.password-field.is-visible .password-eye{animation:.3s cubic-bezier(.2,.8,.2,1) both password-eye-open}.password-field.is-hidden .password-eye{animation:.3s cubic-bezier(.2,.8,.2,1) both password-eye-close}.auth-panel label small{color:var(--text-muted);font-weight:400}.consent{color:var(--text-muted);align-items:flex-start;gap:.65rem;font-size:.78rem;line-height:1.45;display:flex}.consent input{accent-color:var(--accent);margin-top:.15rem}.auth-submit{width:100%;margin-top:.3rem}.auth-submit:disabled{opacity:.7;cursor:wait}.auth-links{color:var(--text-muted);justify-items:center;gap:.7rem;margin-top:1.25rem;font-size:.85rem;display:grid}.auth-links button{color:var(--accent-bright);cursor:pointer;background:0 0;border:0;padding:0}.form-error,.form-success,.dev-code{border-radius:var(--radius-sm);margin:0;padding:.75rem .9rem;font-size:.82rem}.form-error{color:#ff9580;background:#b4240a21}.form-success{color:#7ed9ae;background:#1a8e5a21;gap:.4rem;display:flex}.form-success svg{width:1rem}.dev-code{border:1px dashed var(--accent);color:var(--text);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dev-code{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.tiny-loader,.loader-mark{border:2px solid #ffffff47;border-top-color:currentColor;border-radius:50%;animation:.75s linear infinite spin;display:inline-block}.tiny-loader{width:1rem;height:1rem}.loader-mark{width:2.4rem;height:2.4rem;color:var(--accent);border-width:3px}.browse-page{background:var(--bg);min-height:100vh}.browse-header{z-index:50;height:var(--header-height);background:linear-gradient(var(--bg), var(--bg));align-items:center;gap:clamp(1.2rem,3vw,3rem);padding:0 clamp(1rem,3.5vw,3.8rem);display:flex;position:fixed;top:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.browse-header{background:linear-gradient(var(--bg), color-mix(in srgb, var(--bg) 90%, transparent))}}.browse-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.browse-header nav{gap:1.5rem;display:flex}.browse-header nav a{color:var(--text-muted);font-size:.87rem;text-decoration:none}.browse-header nav a:hover{color:var(--text)}.header-tools{margin-left:auto}.search-box{border:1px solid var(--line);background:var(--glass);border-radius:999px;align-items:center;gap:.45rem;width:clamp(9rem,17vw,15rem);height:2.55rem;padding:0 .8rem;display:flex}.search-box svg{width:1rem;color:var(--text-muted)}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.profile-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;display:flex}.profile-button>svg:first-child{color:var(--accent)}.profile-button svg{width:1.2rem}.profile-button svg:last-child{width:.8rem}.icon-button{background:var(--surface);border:0;border-radius:50%;place-items:center;width:2.65rem;height:2.65rem;padding:0;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.icon-button{background:color-mix(in srgb, var(--surface) 72%, transparent)}}.icon-button{color:inherit;cursor:pointer}.icon-button svg{width:1.25rem}.mobile-menu{display:none}.featured{min-height:min(86svh,55rem);padding:calc(var(--header-height) + 8rem) clamp(1.2rem, 6vw, 6.8rem) 8rem;background-position:50%;background-size:cover;align-items:center;display:flex}.featured-content{max-width:41rem}.eyebrow{color:var(--accent-bright);letter-spacing:.18em;margin:0 0 1rem;font-size:.76rem;font-weight:800}.featured h1{letter-spacing:-.07em;margin:0;font-family:Georgia,serif;font-size:clamp(4.3rem,10vw,8.5rem);font-weight:400;line-height:.82}.featured-content>p:not(.eyebrow){max-width:35rem;text-shadow:0 2px 18px var(--bg);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65}.featured-meta{color:var(--text-muted);flex-wrap:wrap;gap:.6rem 1rem;margin-top:1.2rem;font-size:.82rem;font-weight:650;display:flex}.featured-meta span+span:before{content:"·";color:var(--accent);margin-right:1rem}.catalog{z-index:2;margin-top:-4.8rem;padding:0 clamp(1.2rem,3.5vw,3.8rem) 5rem;position:relative}.catalog-section{scroll-margin-top:calc(var(--header-height) + 1rem);margin-bottom:4rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.3rem;display:flex}.section-heading>div{align-items:baseline;gap:.75rem;display:flex}.section-heading span{color:var(--accent);font-size:.72rem;font-weight:800}.section-heading h2{margin:0;font-family:Georgia,serif;font-size:clamp(1.6rem,3vw,2.35rem);font-weight:500}.section-heading>p{color:var(--text-muted);margin:0;font-size:.85rem}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.movie-card{min-width:0;transition:transform .24s}.movie-card:hover{transform:translateY(-6px)}.poster-button{border-radius:var(--radius-md);background:var(--surface);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.poster-button img{aspect-ratio:16/9;object-fit:cover;filter:saturate(1.06)contrast(1.04);width:100%;transition:transform .4s,filter .4s}.movie-card:hover .poster-button img{transform:scale(1.035)}.poster-shade{background:linear-gradient(#0000 48%,#0003);position:absolute;inset:0}.card-progress{background:#ffffff47;border-radius:2px;height:3px;position:absolute;bottom:.55rem;left:.7rem;right:.7rem;overflow:hidden}.card-progress i{background:var(--accent);height:100%;display:block}.card-body{justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .15rem 0;display:flex}.card-body h3{margin:0 0 .25rem;font-size:.96rem}.card-body p{color:var(--text-muted);margin:0;font-size:.73rem}.card-actions{gap:.25rem;display:flex}.card-actions button,.round-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:2.15rem;height:2.15rem;padding:0;display:grid}.card-actions svg,.round-button svg{width:.9rem}.is-favorite{color:var(--accent)}.empty-state{border:1px dashed var(--line);border-radius:var(--radius-md);min-height:8rem;color:var(--text-muted);justify-content:center;align-items:center;gap:.65rem;margin:0;display:flex}.adaptive-note{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}@supports (color:color-mix(in lab, red, red)){.adaptive-note{background:color-mix(in srgb, var(--surface) 78%, transparent)}}.adaptive-note>div{align-items:center;gap:.75rem;display:flex}.adaptive-note svg{color:var(--accent)}.adaptive-note strong,.adaptive-note small{display:block}.adaptive-note span span{color:var(--text-muted);margin-top:.2rem;font-size:.8rem;display:block}.adaptive-note>span{color:var(--text-muted);letter-spacing:.13em;font-size:.68rem}footer{border-top:1px solid var(--line);color:var(--text-muted);grid-template-columns:.6fr 1.5fr .8fr;align-items:start;gap:2rem;padding:3rem clamp(1.2rem,4vw,4rem);font-size:.78rem;line-height:1.6;display:grid}footer p{margin:0}footer a{color:var(--text)}.footer-licenses{opacity:.8;grid-column:2/-1}.details-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,62rem);max-height:calc(100svh - 2rem);box-shadow:var(--shadow);position:relative;overflow-y:auto}.details-visual{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-position:50%;background-size:cover;min-height:min(44vw,25rem)}.details-content{margin-top:-5rem;padding:0 clamp(1.4rem,4vw,3rem) 2.5rem;position:relative}.details-content h2{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:clamp(2.7rem,7vw,5rem);font-weight:400}.details-content>p:not(.eyebrow){max-width:44rem;color:var(--text-muted);line-height:1.65}.details-facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:2rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}.details-facts h3{letter-spacing:.12em;text-transform:uppercase;margin:0 0 .9rem;font-size:.77rem}.details-facts p{grid-template-columns:minmax(7rem,.55fr) 1fr;gap:.6rem;margin:.55rem 0;font-size:.82rem;line-height:1.45;display:grid}.details-facts p span{color:var(--text-muted)}.details-facts a{color:var(--accent-bright)}.account-popover{z-index:80;top:calc(var(--header-height) - .2rem);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elevated);width:min(100% - 2rem,23rem);box-shadow:var(--shadow);padding:1.6rem;position:fixed;right:clamp(1rem,3.5vw,3.8rem)}.account-avatar{width:3rem;height:3rem;color:var(--accent)}.account-popover>small{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-top:1rem;display:block}.account-popover h3{margin:.3rem 0}.account-popover>p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.setting-row{border-block:1px solid var(--line);align-items:center;gap:1rem;margin:1.3rem 0;padding:1rem 0;display:flex}.setting-row>span{flex:1}.setting-row strong,.setting-row small{display:block}.setting-row small{color:var(--text-muted);margin-top:.3rem;line-height:1.4}.setting-row input{width:2.6rem;accent-color:var(--accent)}.secure-label{color:#55c996;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.secure-label svg{width:1rem}.logout-button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.8rem;display:flex}.logout-button svg{width:1rem}.xolotl-player-open{overscroll-behavior:none;overflow:hidden}.browse-page.is-playing>:not(.player-overlay){pointer-events:none;-webkit-user-select:none;user-select:none}.player-overlay{z-index:2147483000;isolation:isolate;overscroll-behavior:contain;touch-action:manipulation;pointer-events:auto;background:#000;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.player-shell{color:#fff;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.player-video{object-fit:contain;pointer-events:none;width:100%;height:100%}.caption-layer{z-index:4;left:max(1.25rem, env(safe-area-inset-left));right:max(1.25rem, env(safe-area-inset-right));pointer-events:none;text-align:center;place-items:center;display:grid;position:absolute;bottom:clamp(4.5rem,12vh,8rem)}.caption-layer span{-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;white-space:pre-line;text-shadow:0 2px 4px #000;background:#000000c7;border-radius:.28em;max-width:min(86vw,58rem);padding:.32em .62em;font-size:clamp(1rem,2.15vw,1.75rem);font-weight:650;line-height:1.34}.caption-status{z-index:7;color:#ffffffe0;pointer-events:none;background:#000000b8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.72rem;display:flex;position:absolute;bottom:clamp(5.2rem,13vh,8.8rem);left:50%;transform:translate(-50%)}.caption-status svg{width:1rem}.player-loading{z-index:4;color:#ddd;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.player-ui{z-index:5;opacity:0;pointer-events:none;background:linear-gradient(#000000a6,#0000 28% 75%,#000000d6);transition:opacity .25s;position:absolute;inset:0}.player-ui.is-visible{opacity:1}.player-ui.is-visible button,.player-ui.is-visible input,.player-ui.is-visible select{pointer-events:auto}.neutral-zone{z-index:1;opacity:0;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;width:100%;position:absolute;inset:0}.player-top{z-index:8;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) 1rem max(1rem, env(safe-area-inset-left));align-items:center;gap:.8rem;display:flex;position:absolute;top:0;left:0;right:0}.player-top>div{display:grid}.player-top span{color:#ffffffa6;margin-top:.2rem;font-size:.75rem}.player-close{margin-left:auto}.player-top .icon-button{background:#00000061}.tap-zone{z-index:2;opacity:0;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;position:absolute}.tap-left,.tap-right{width:28%;top:22%;bottom:26%}.tap-left{left:0}.tap-right{right:0}.tap-center{width:24%;height:32%;top:34%;left:38%}.center-controls{z-index:6;align-items:center;gap:clamp(1.1rem,5vw,4rem);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-play,.skip-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#0a0a0a85;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.main-play{aspect-ratio:1;width:clamp(3.6rem,7vw,5.2rem)}.main-play svg{width:42%}.skip-button{aspect-ratio:1;width:clamp(3rem,5.5vw,4.2rem)}.skip-button svg{width:58%}.skip-button span{font-size:.68rem;font-weight:800;position:absolute}.seek-flash{z-index:7;text-shadow:0 2px 8px #000;flex-direction:column;align-items:center;gap:.3rem;animation:.55s both seek-pop;display:flex;position:absolute;top:47%;transform:translateY(-50%)}.seek-flash.back{left:13%}.seek-flash.forward{right:13%}.seek-flash svg{width:2.2rem}.seek-flash span{font-size:.78rem;font-weight:750}.player-bottom{z-index:8;left:max(1rem, env(safe-area-inset-left));right:max(1rem, env(safe-area-inset-right));bottom:max(.8rem, env(safe-area-inset-bottom));position:absolute}.timeline-wrap{position:relative}.timeline{--progress:0%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:1.2rem;margin:0}.timeline::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) 0 var(--progress), #ffffff59 var(--progress) 100%);border-radius:3px;height:4px}.timeline::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);border:3px solid #fff;border-radius:50%;width:14px;height:14px;margin-top:-5px;box-shadow:0 2px 8px #000}.timeline::-moz-range-track{background:#ffffff59;height:4px}.timeline::-moz-range-progress{background:var(--accent);height:4px}.timeline::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:50%;width:10px;height:10px}.scrub-preview{pointer-events:none;background:#111;border-radius:.5rem;width:10rem;padding:.3rem;position:absolute;bottom:1.6rem;transform:translate(-50%);box-shadow:0 8px 30px #000}.scrub-preview img{aspect-ratio:16/9;object-fit:cover;border-radius:.3rem;width:100%}.scrub-preview span{text-align:center;padding:.25rem .2rem .1rem;font-size:.7rem;display:block}.control-row{align-items:center;gap:.35rem;min-width:0;display:flex}.control-row .icon-button{background:0 0;flex:none}.timecode{font-variant-numeric:tabular-nums;margin-left:.2rem;font-size:.75rem}.control-spacer{flex:1}.no-dialogue{color:#ffffffb3;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.no-dialogue svg{width:1.1rem}.volume-control{align-items:center;gap:.15rem;min-width:0;display:flex}.volume-slider{width:clamp(4.5rem,9vw,7rem);height:1.7rem;accent-color:var(--accent);cursor:pointer;margin:0}.volume-output{color:#ffffffb8;font-variant-numeric:tabular-nums;width:2.4rem;font-size:.68rem}.caption-button{color:#fff;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.35rem;min-height:2.45rem;padding:0 .65rem;display:inline-flex}.caption-button svg{width:1.2rem}.caption-button span{font-size:.72rem}.caption-button.is-active{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.caption-button.is-active{border-color:color-mix(in srgb, var(--accent) 62%, transparent)}}.caption-button.is-active{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.caption-button.is-active{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.caption-button.is-active{color:#fff}.quality-menu,.caption-menu{position:relative}.quality-popover,.caption-popover{background:#111111fa;border:1px solid #ffffff1f;border-radius:.6rem;width:10rem;padding:.65rem;display:grid;position:absolute;bottom:3rem;right:0;box-shadow:0 10px 30px #000}.quality-popover strong,.caption-popover strong{color:#fff9;text-transform:uppercase;padding:.35rem .5rem;font-size:.72rem}.quality-popover button,.caption-popover button{color:#fff;cursor:pointer;background:0 0;border:0;border-radius:.3rem;justify-content:space-between;align-items:center;min-height:2.1rem;padding:.3rem .5rem;display:flex}.quality-popover button:hover,.caption-popover button:hover{background:#ffffff17}.quality-popover svg,.caption-popover svg{width:1rem;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes seek-pop{0%{opacity:0;transform:translateY(-50%)scale(.7)}45%{opacity:1;transform:translateY(-50%)scale(1.08)}to{opacity:0;transform:translateY(-50%)scale(1)}}@keyframes password-eye-open{0%{opacity:.15;transform:scale(.6)rotate(-10deg)}65%{transform:scale(1.12)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes password-eye-close{0%{opacity:.2;transform:scale(.7)rotate(10deg)}65%{transform:scale(1.1)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:1024px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.browse-header nav{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-elevated);box-shadow:var(--shadow);flex-direction:column;padding:1rem;display:none;position:absolute;top:calc(100% - .3rem);left:1rem}.browse-header nav.is-open{display:flex}.mobile-menu{display:inline-grid}footer{grid-template-columns:1fr 2fr}.footer-licenses{grid-column:2}}@media (max-width:720px){:root{--header-height:4rem}.landing-header .xolotl-logo{display:none}.landing-header{justify-content:flex-end}.top-switches .switch-button span{display:none}.top-switches .switch-button{justify-content:center;width:2.6rem;padding:0}.landing-page:before{opacity:.25;background-position:62% 10%;background-size:auto 62vh}.landing-content{min-height:calc(100svh - var(--header-height));justify-content:flex-end;padding-top:10rem;padding-bottom:5.5rem}.landing-actions{width:100%}.landing-actions .primary-button,.landing-actions .secondary-button{flex:1}.landing-actions .text-button{width:100%}.landing-filmstrip{opacity:.55;width:100vw}.landing-legal{display:none}.browse-header{gap:.55rem}.browse-header>.xolotl-logo .logo-glyph{display:none}.header-tools{gap:.25rem}.search-box,.profile-button span,.profile-button svg:last-child{display:none}.icon-only-mobile{justify-content:center;width:2.4rem;padding:0}.icon-only-mobile span{display:none}.featured{min-height:80svh;padding:calc(var(--header-height) + 7rem) 1.2rem 7rem;align-items:end;background-position:62%!important}.featured h1{font-size:clamp(4rem,20vw,6.5rem)}.featured-content>p:not(.eyebrow){-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.catalog{margin-top:-2rem}.section-heading{flex-direction:column;align-items:start}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-body{align-items:start}.card-actions button:last-child{display:none}.card-body h3{font-size:.86rem}.adaptive-note{flex-direction:column;align-items:start}footer{grid-template-columns:1fr}.footer-licenses{grid-column:auto}.details-visual{min-height:15rem}.details-content{margin-top:-2rem}.details-facts{grid-template-columns:1fr}.details-facts p{grid-template-columns:7rem 1fr}.player-top span,.no-dialogue,.timecode,.volume-output{display:none}.center-controls{gap:1.25rem}.control-row{gap:0}.control-row .icon-button{width:2.45rem}.volume-slider{width:clamp(4rem,15vw,5.5rem)}.scrub-preview{width:8rem}}@media (max-width:420px){.movie-grid{grid-template-columns:1fr}.poster-button img{aspect-ratio:1.75}.landing-actions .primary-button,.landing-actions .secondary-button{flex-basis:100%;width:100%}.featured-actions button{flex:1}.details-facts p{grid-template-columns:1fr}.details-facts p span{margin-bottom:-.3rem}.auth-panel{padding:1.35rem}.caption-button span{display:none}.caption-button{justify-content:center;width:2.45rem;padding:0}.volume-slider{width:4rem}}@media (hover:none){.movie-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
