/* Legacy Safari must hide closed dialogs even without native dialog support. */
dialog:not([open]){display:none!important}
button,a,input,select,summary{touch-action:manipulation}
.hero-art,.hero:before,.art:after,.detail-art:after,.genre-tile .brand-visual:after,.continue-card:after{pointer-events:none}
.browse-dialog[open]{height:100vh;height:100dvh}
@media(any-pointer:coarse),(hover:none){.favorite-button{opacity:1;width:36px;height:36px}.film-card:hover .art img{transform:none}.library-grid>.film-card,.brand-tile,.discovery-card,.detail-section,.ranked-title,.actor-card{content-visibility:visible;contain-intrinsic-size:none}.icon-button{min-width:44px;min-height:44px}.filter-button,.nav-link{min-height:44px}.site-header{position:relative;z-index:5}.account-dropdown a{min-height:44px}}
/* No decorative banner is applied until its owner chooses one. */
.profile-page [data-palette].has-profile-banner>.profile-cover{margin:0 0 20px;border-radius:0 0 22px 22px}
.profile-page [data-palette]:not(.has-profile-banner)>.profile-cover{margin:0 0 20px;padding-bottom:58px}.profile-page [data-palette=standard]>.profile-cover{background:linear-gradient(115deg,#2c1828,#15121c 70%);border-color:#ffffff12}.profile-page [data-palette=standard] .profile-stats>button{border-color:#ffffff0c}.profile-page [data-palette=standard] .profile-stats b{color:#f9f6fc}.profile-page [data-palette=standard] .text-button{color:#ff536c}.profile-page [data-palette=standard]{--profile-soft:#251b2c;--profile-accent:#f36580;--profile-edge:#ffffff18}.profile-edit-link{position:absolute;right:18px;bottom:14px;z-index:3;padding:11px 16px;background:#19151feF;border:1px solid #ffffff33;border-radius:10px;color:#fff;font-size:12px;text-decoration:none;box-shadow:0 4px 20px #0003}.profile-edit-link:hover{border-color:#ed869b}.profile-banner>.profile-edit-link{bottom:18px}.profile-page [data-palette]>.profile-cover{position:relative}.profile-banner[data-preset=aurora],.banner-options [data-preset=aurora]>span,.banner-preview[data-preset=aurora]{background:radial-gradient(ellipse at 20% 10%,#499b9677,transparent 65%),linear-gradient(120deg,#081c29,#345e52,#3d2b5e)}.profile-banner[data-preset=noir],.banner-options [data-preset=noir]>span,.banner-preview[data-preset=noir]{background:linear-gradient(135deg,#1a1a24,#382032 45%,#10131d)}.profile-banner[data-preset=sunset],.banner-options [data-preset=sunset]>span,.banner-preview[data-preset=sunset]{background:radial-gradient(ellipse at 70% 20%,#f0a15f66,transparent 65%),linear-gradient(115deg,#492535,#b4534a,#372443)}.profile-banner[data-preset=ocean],.banner-options [data-preset=ocean]>span,.banner-preview[data-preset=ocean]{background:linear-gradient(130deg,#071d33,#185b79,#112b4f)}.banner-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0;padding:16px 0}.banner-options legend{font-size:15px}.banner-options label{position:relative;border:1px solid #ffffff20;padding:10px;border-radius:12px;cursor:pointer;font-size:12px}.banner-options label>span{display:block;aspect-ratio:3/1;border-radius:7px;margin:0 0 8px;background:#18141e}.banner-options label:has(input:checked){border-color:var(--profile-accent,#f36580)}.banner-options input{width:17px;height:17px;position:absolute;right:12px;top:12px;accent-color:#e65c7a}.palette-options [data-palette=standard]>span{background:#211a27;border:1px solid #6e6275}.profile-page .profile-tabs{scrollbar-width:thin}
/* The film still is full-bleed; only the reading column is constrained. */
.routed-page[open]{outline:none}.routed-page.detail-dialog[open]{width:100%;max-width:none;margin-top:0;position:relative;overflow:visible;isolation:isolate}.routed-page.detail-dialog>.page-back{position:absolute;z-index:4;left:max(24px,calc((100% - 1200px)/2));top:20px;margin:0;padding:10px 16px;border-radius:10px;background:#09090ca8;color:#fff}.routed-page.detail-dialog .detail-art{height:clamp(420px,72vh,780px);border-radius:0;background-size:cover;background-position:center 35%;width:100%}.routed-page.detail-dialog .detail-art:after{background:linear-gradient(0deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 88%,transparent) 18%,transparent 72%),linear-gradient(90deg,#09090c44,transparent 75%)}.routed-page.detail-dialog .detail-copy{position:relative;z-index:2;width:min(1200px,calc(100% - 112px));max-width:1200px;margin:-130px auto 0;padding:0 0 32px}.routed-page.detail-dialog .detail-copy h2{font-size:clamp(29px,3.4vw,49px);max-width:950px}.routed-page.detail-dialog .detail-description{max-width:950px}.routed-page.detail-dialog .rating-row{margin-block:18px}.roulette-result .film-card{content-visibility:visible;contain-intrinsic-size:none}.roulette-result{scroll-margin-top:25px}.roulette-machine{scroll-margin-top:25px}.roulette-machine #rouletteTrack{width:max-content}.roulette-machine #rouletteTrack>div{width:150px}.roulette-machine #rouletteTrack img{width:150px;height:210px}
.roulette-machine{margin-inline:auto}.roulette-machine img:not([src]){background:#201b2a}
.filmography-controls{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:end;border:1px solid #ffffff18;background:#1a151f;border-radius:17px;padding:22px;margin:25px 0}.filmography-controls select,.filmography-kind select{padding:13px;border:1px solid #48414e;background:#141219;color:#fff;border-radius:10px;font:inherit}.filmography-people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.filmography-people>button{display:flex;align-items:center;gap:15px;border:1px solid #ffffff18;padding:12px;background:#211a28;border-radius:12px;text-align:left}.filmography-people img{width:60px;height:90px;object-fit:cover;border-radius:7px}.filmography-people span{font-size:14px;line-height:1.5}.filmography-people small{display:block;font-size:12px;color:#b5a6c1;margin-top:7px}.filmography-person{display:flex;align-items:center;gap:24px;margin:32px 0}.filmography-person img{width:92px;height:138px;object-fit:cover;border-radius:12px}.filmography-person h3{font-size:28px;margin-block:12px}.filmography-kind{display:flex;align-items:center;gap:20px;color:#b6a9c1;font-size:14px}.filmographies-page #filmographyMore{margin-block:28px}
:root[data-theme=light] .profile-page [data-palette=standard]>.profile-cover{background:#f4edf6;color:#302238;border-color:#e1d5e8}:root[data-theme=light] .profile-page [data-palette=standard]>.profile-cover #memberHandle,:root[data-theme=light] .profile-page [data-palette=standard]>.profile-cover #memberJoined,:root[data-theme=light] .profile-page [data-palette=standard]>.profile-cover #memberStatus{color:#68586f}:root[data-theme=light] .profile-page [data-palette=standard] .profile-stats b{color:#33213c}:root[data-theme=light] .banner-options label,:root[data-theme=light] .filmography-controls,:root[data-theme=light] .filmography-people>button{background:#fff;color:#302238;border-color:#d4c8df}:root[data-theme=light] .filmography-controls select,:root[data-theme=light] .filmography-kind select{background:#f6f1fa;color:#33243f;border-color:#d4c8df}:root[data-theme=light] .filmography-kind,:root[data-theme=light] .filmography-people small{color:#705f7c}
@media(max-width:800px){.filmography-controls{grid-template-columns:150px 1fr}.filmography-controls>button{grid-column:1/-1;justify-self:start}.filmography-people{grid-template-columns:repeat(2,minmax(0,1fr))}.routed-page.detail-dialog .detail-art{height:60vh;min-height:380px}.routed-page.detail-dialog .detail-copy{width:calc(100% - 64px)}}
@media(max-width:520px){.banner-options{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-edit-link{padding:9px 12px;font-size:11px;right:12px;bottom:12px}.profile-page [data-palette]:not(.has-profile-banner)>.profile-cover{padding-bottom:56px}.profile-page .has-profile-banner>.profile-cover{margin-top:-8px}.routed-page.detail-dialog[open]{width:100%;margin-top:0}.routed-page.detail-dialog .detail-art{height:58vh;min-height:330px;max-height:520px}.routed-page.detail-dialog .detail-copy{width:calc(100% - 36px);margin-top:-95px}.routed-page.detail-dialog>.page-back{left:18px;top:14px;font-size:12px}.routed-page.detail-dialog .detail-description{font-size:14px}.filmography-controls{grid-template-columns:1fr;padding:18px}.filmography-controls>button{grid-column:auto}.filmography-people{grid-template-columns:1fr}.filmography-person{gap:16px}.filmography-person h3{font-size:23px}.filmography-kind{align-items:start;flex-direction:column;gap:8px}.filmography-kind select{width:100%}}