/* Shared dark glass controls; artwork stays clear underneath. */
:root{--glass-fill:linear-gradient(145deg,#ffffff18,#ffffff07);--glass-edge:#ffffff25;--glass-shadow:inset 0 1px 0 #ffffff16,0 6px 20px #0002}
body header{background:linear-gradient(120deg,#1616199e,#10101380);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid #ffffff16;box-shadow:0 4px 24px #0002}
body :is(button,.primary,.secondary,nav a,.avatar,.schedule-days a,.schedule-more,.section-head>a,.announcement a,.source-link){background:var(--glass-fill);border:1px solid var(--glass-edge);border-radius:16px;box-shadow:var(--glass-shadow);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);color:#f2f2f5}
body nav a{padding:8px 14px;white-space:nowrap}
body header nav{gap:10px}
body :is(.primary,button.selected,.filters button.selected,nav a.active,.account-tabs button.selected,.schedule-days a.selected){background:linear-gradient(145deg,#f52946b8,#b40d24a8);border-color:#ff8b9b55;box-shadow:inset 0 1px 0 #ffffff24,0 5px 18px #a0001820}
body :is(.section-head>a,.announcement a,.source-link,.schedule-more){padding:6px 12px;display:inline-block}
body :is(dialog,#search-panel,.user-dropdown){background:linear-gradient(145deg,#29292ee8,#121217d9);border:1px solid #ffffff2b;border-radius:24px;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:inset 0 1px 0 #ffffff16,0 20px 60px #0006}
body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#ffffff09;border-color:#ffffff28;border-radius:16px;box-shadow:inset 0 1px 3px #0002}
body :is(.tools .user-avatar,.profile-avatar){border-radius:50%;background:linear-gradient(145deg,#f52946aa,#b40d2499)}
body .tools button{font-size:26px;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%}
body .card{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
body .poster{border-radius:16px;border:1px solid #ffffff19}
body :is(.card-type,.card-rating){background:#18181c88;border:1px solid #ffffff25;border-radius:8px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .view-all-poster{background:linear-gradient(145deg,#ffffff13,#bf142621);border:1px solid #ffffff2b;box-shadow:var(--glass-shadow)}
body .password-toggle{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(hover:hover){body :is(button,.primary,.secondary,nav a,.schedule-days a,.section-head>a,.announcement a,.source-link):hover{background:linear-gradient(145deg,#ffffff2d,#ffffff14);border-color:#ffffff55}body .primary:hover{background:linear-gradient(145deg,#ff4563d0,#d51632b8)}body .card:hover{background:transparent;border:0}}
body :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:3px}
body button:disabled{opacity:.45;cursor:default}
@media(max-width:700px){body header nav{gap:6px}body header nav a{padding:6px 10px;font-size:12px}body :is(button,.primary,.secondary,nav a){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){body header{background:#17171bef}body :is(button,.primary,.secondary,nav a,.schedule-days a){background-color:#26262b}body :is(dialog,#search-panel,.user-dropdown){background:#202025}}

/* Roomier navigation without squeezing the mobile row. */
body header nav{gap:clamp(20px,2.5vw,40px)}body header nav a{padding:10px 20px}
@media(max-width:1000px) and (min-width:701px){body header{gap:24px}body header nav{gap:16px}body header nav a{padding:9px 14px}}
@media(max-width:700px){body header nav{gap:12px;justify-content:space-between}body header nav a{padding:7px 12px}}

/* Native dropdowns need opaque option colors on Windows. */
body select{color-scheme:dark}body select option,body select optgroup{color:#f5f5f7;background:#242429}

/* Frosted containers do the blur once; small controls keep the glass finish. */
body :is(button,.primary,.secondary,nav a,.avatar,.schedule-days a,.schedule-more,.section-head>a,.announcement a,.source-link,.card-type,.card-rating){backdrop-filter:none;-webkit-backdrop-filter:none}
body header{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}
body :is(dialog,#search-panel,.user-dropdown){backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}

/* Shared clickable surfaces, including text links outside navigation. */
body :is(.back-link,footer a:not(.brand),.user-dropdown a,.share-item>a:last-child,.resource-card a,.account-shell> a,.member-content a:not(.card)){border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass-fill);box-shadow:var(--glass-shadow);padding:8px 14px;display:inline-block}
body .share-item>a:first-child{display:block;padding:0;border:0;background:none;box-shadow:none}
body summary{cursor:pointer;padding:10px 14px;border-radius:16px;border:1px solid var(--glass-edge);background:var(--glass-fill);box-shadow:var(--glass-shadow)}
@media(hover:hover){body :is(a[href]:not(.brand):not(.card),button,summary):hover{border-color:#ffffff50;box-shadow:inset 0 1px 0 #ffffff25,0 5px 18px #0002}body :is(.back-link,footer a:not(.brand),.user-dropdown a,summary):hover{background-color:#ffffff14}}
@media(prefers-reduced-motion:no-preference){body :is(a[href],button,summary){transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,color .35s ease,transform .45s cubic-bezier(.16,1,.3,1)}body :is(a[href]:not(.brand):not(.card),button,summary):active{transform:scale(.98)}}

body .tools .share-nav{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:9px 15px;font-size:13px;font-weight:600;border:1px solid var(--glass-edge);border-radius:16px;background:var(--glass-fill);box-shadow:var(--glass-shadow)}body #search-toggle{display:grid;place-items:center;line-height:1;flex-shrink:0}#search-toggle svg{display:block;width:20px;height:20px;flex-shrink:0}@media(max-width:700px){body .tools{gap:8px}body .tools .share-nav{padding:7px 9px;font-size:12px}body #search-toggle{width:34px;height:34px}body .tools .user-avatar{width:34px;height:34px}}@media(max-width:370px){body header{column-gap:8px}body header .brand{gap:6px}body header .brand span{font-size:19px}body header .brand img{width:30px}}