.ofa-shell{--ofa-red:#e50914;--ofa-bg:#151515;--ofa-card:#1f1f1f;--ofa-line:#343434;--ofa-text:#f5f5f5;--ofa-muted:#aaa;max-width:920px;margin:48px auto;padding:0 20px;color:var(--ofa-text)}
.ofa-shell *{box-sizing:border-box}.ofa-shell [hidden]{display:none!important}.ofa-card{background:var(--ofa-card);border:1px solid var(--ofa-line);border-radius:12px;padding:24px;margin:0 0 18px}.ofa-card h1,.ofa-card h2{margin:0 0 14px;letter-spacing:0;text-transform:none}.ofa-card h1{font-size:30px}.ofa-card h2{font-size:20px}.ofa-shell .ofa-muted{color:var(--ofa-muted)!important;line-height:1.55}.ofa-shell .ofa-profile-head [data-ofa-email]{color:#b8b8b8!important;opacity:1}.ofa-small{font-size:13px}.ofa-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ofa-grid .ofa-card{margin:0 0 18px}.ofa-row{display:flex;gap:10px}.ofa-shell label{display:block;color:var(--ofa-muted);font-size:14px;margin:14px 0 7px}.ofa-shell input{width:100%;min-height:46px;border:1px solid var(--ofa-line);border-radius:7px;background:#101010;color:var(--ofa-text);padding:10px 12px;outline:none}.ofa-shell input:focus{border-color:#777}.ofa-shell button,.ofa-button{border:0;border-radius:7px;background:var(--ofa-red);color:#fff!important;min-height:46px;padding:12px 17px;font-weight:700;text-decoration:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.ofa-shell button:disabled{opacity:.55;cursor:wait}.ofa-button.ofa-secondary,.ofa-shell .ofa-secondary{background:#303030}.ofa-shell .ofa-danger{background:transparent;border:1px solid #733;color:#ff8b91}.ofa-google{width:100%;background:#fff;color:#161616!important}.ofa-divider{height:34px;display:flex;align-items:center;color:var(--ofa-muted)}.ofa-divider:before,.ofa-divider:after{content:"";height:1px;background:var(--ofa-line);flex:1}.ofa-divider span{padding:0 12px}.ofa-status{min-height:0;border-radius:8px;margin:0 0 14px}.ofa-status:not(:empty){padding:12px 14px}.ofa-status.is-success{background:#153c25;color:#b7f2cb}.ofa-status.is-error{background:#491c20;color:#ffb9bd}.ofa-profile-head{display:flex;align-items:center;gap:18px}.ofa-profile-head img{border-radius:50%;object-fit:cover;background:#333}.ofa-identities{padding-left:20px;color:var(--ofa-muted)}.ofa-session{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--ofa-line);font-size:14px}.ofa-link-button{background:transparent!important;color:#ddd!important;min-height:auto!important;padding:5px!important}.ofa-actions{display:flex;gap:10px;margin-top:20px}.ofa-loading{color:var(--ofa-muted)}
@media(max-width:700px){.ofa-shell{margin:24px auto;padding:0 14px}.ofa-grid{grid-template-columns:1fr}.ofa-row{flex-direction:column}.ofa-card{padding:19px}.ofa-card h1{font-size:25px}.ofa-actions{flex-direction:column}.ofa-session{align-items:flex-start}.ofa-profile-head{align-items:flex-start}}
@media(prefers-color-scheme:light){body:not(.dark-mode) .ofa-shell{--ofa-card:#fff;--ofa-line:#ddd;--ofa-text:#171717;--ofa-muted:#666}body:not(.dark-mode) .ofa-shell input{background:#fff;color:#171717}body:not(.dark-mode) .ofa-button.ofa-secondary,body:not(.dark-mode) .ofa-shell .ofa-secondary{background:#eee;color:#171717!important}}

.ofa-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.ofa-section-head h2{margin:0}.ofa-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ofa-media-card{position:relative;min-width:0}.ofa-media-card__link{display:block;color:var(--ofa-text)!important;text-decoration:none!important}.ofa-media-card__poster{position:relative;display:block;overflow:hidden;aspect-ratio:2/3;border-radius:8px;background:#101010;border:1px solid var(--ofa-line)}.ofa-media-card__poster img{display:block;width:100%;height:100%;object-fit:cover}.ofa-media-card__placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:12px;text-align:center;color:var(--ofa-muted);font-size:12px}.ofa-media-card__copy{display:block;padding:9px 1px 0}.ofa-media-card__title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px;line-height:1.3}.ofa-media-card__meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ofa-muted);font-size:12px;margin-top:4px}.ofa-media-card__remove{position:absolute!important;z-index:2;top:7px;right:7px;min-height:30px!important;width:30px;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:50%!important;background:rgba(0,0,0,.78)!important;color:#fff!important;font-size:18px!important;line-height:1!important}.ofa-empty{grid-column:1/-1;color:var(--ofa-muted);margin:2px 0 4px}.ofa-content-loading{grid-column:1/-1;color:var(--ofa-muted)}
.ofa-recommendations-more{display:block!important;margin:18px auto 0!important}.ofa-recommendations-more[hidden]{display:none!important}

.ofa-title-action{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;min-height:42px;padding:9px 15px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:rgba(18,18,18,.78);color:#fff;font-weight:700;cursor:pointer}.ofa-title-action:hover{border-color:rgba(255,255,255,.65)}.ofa-title-action.is-saved{background:#fff;color:#171717;border-color:#fff}.ofa-title-action__icon{font-size:20px;line-height:1}.ofa-title-action:disabled{opacity:.6;cursor:wait}

.ofa-title-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:0 0 22px}.ofa-title-actions .ofa-title-action{margin:0}.ofa-title-rating{flex:1 1 100%;max-width:560px;padding:14px 15px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(18,18,18,.68);color:#fff}.ofa-title-rating__head,.ofa-title-rating__footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.ofa-title-rating__head{margin-bottom:10px}.ofa-title-rating__head [data-ofa-rating-message]{color:#9bd8b0;font-size:12px}.ofa-title-rating__scores{display:grid;grid-template-columns:repeat(10,minmax(30px,1fr));gap:5px}.ofa-rating-score{display:flex;align-items:center;justify-content:center;min-width:0;height:34px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;color:#ddd;font-size:13px;font-weight:700;cursor:pointer}.ofa-rating-score:hover{border-color:#fff;color:#fff}.ofa-rating-score.is-selected{border-color:#24c7f4;background:linear-gradient(135deg,#16bfe9,#744cff);color:#fff}.ofa-rating-score:disabled{opacity:.55;cursor:wait}.ofa-title-rating__footer{margin-top:9px;color:#aaa;font-size:12px}.ofa-title-rating__footer button{border:0;background:transparent;color:#ccc;padding:2px 0;font:inherit;text-decoration:underline;cursor:pointer}.ofa-title-rating__footer button[hidden]{display:none}.ofa-section-note{color:var(--ofa-muted);font-size:12px}.ofa-media-card__rating{position:absolute;z-index:2;top:7px;left:7px;padding:4px 6px;border-radius:5px;background:rgba(0,0,0,.82);color:#fff;font-size:11px;font-weight:800}

@media(max-width:800px){.ofa-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.ofa-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ofa-section-head{align-items:flex-start}.ofa-title-actions{margin-bottom:18px}.ofa-title-rating{padding:12px}.ofa-title-rating__scores{grid-template-columns:repeat(5,1fr);gap:6px}.ofa-rating-score{height:36px}}
@media(prefers-color-scheme:light){body:not(.dark-mode) .ofa-media-card__poster{background:#eee}body:not(.dark-mode) .ofa-title-action{background:#fff;color:#171717;border-color:#aaa}body:not(.dark-mode) .ofa-title-action.is-saved{background:#171717;color:#fff;border-color:#171717}body:not(.dark-mode) .ofa-title-rating{background:#fff;color:#171717;border-color:#bbb}body:not(.dark-mode) .ofa-rating-score{color:#333;border-color:#bbb}body:not(.dark-mode) .ofa-title-rating__footer{color:#666}body:not(.dark-mode) .ofa-title-rating__footer button{color:#333}}

.ofa-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 7px;margin-left:6px;border-radius:12px;background:#e50914;color:#fff;font-size:12px;vertical-align:2px}.ofa-count-badge[hidden]{display:none}.ofa-notification-list{display:flex;flex-direction:column}.ofa-notification{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 10px;border-top:1px solid var(--ofa-line);color:var(--ofa-text)!important;text-decoration:none!important}.ofa-notification:first-child{border-top:0}.ofa-notification:hover{background:rgba(255,255,255,.035)}.ofa-notification__copy{display:flex;min-width:0;flex-direction:column;gap:3px}.ofa-notification__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofa-notification__copy span{color:var(--ofa-muted);font-size:13px}.ofa-notification__copy time{color:var(--ofa-muted);font-size:11px}.ofa-notification__dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#24c7f4;box-shadow:0 0 0 4px rgba(36,199,244,.12)}.ofa-notification.is-unread{background:rgba(36,199,244,.055)}

.ofa-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:inherit;text-decoration:none}.ofa-notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ofa-notification-bell__count{position:absolute;top:0;right:-2px;display:flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e50914;color:#fff;font-size:9px;font-weight:800;line-height:1}.ofa-notification-bell__count[hidden]{display:none}.ofa-notification-bell.has-unread svg{stroke:#fff}

@media(max-width:520px){.ofa-notification-card .ofa-section-head{align-items:center}.ofa-notification{padding-left:3px;padding-right:3px}.ofa-notification__copy strong{white-space:normal}.ofa-notification-bell{width:32px;height:32px}}
@media(prefers-color-scheme:light){body:not(.dark-mode) .ofa-notification:hover{background:rgba(0,0,0,.035)}body:not(.dark-mode) .ofa-notification.is-unread{background:rgba(36,120,190,.06)}}

.ofa-collection-create,.ofa-collection-toolbar form,.ofa-folder-picker form{display:flex;gap:9px}.ofa-collection-create{margin-bottom:16px}.ofa-collection-create input,.ofa-collection-toolbar input{flex:1;min-width:0}.ofa-collection-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px}.ofa-collection-tab{min-height:38px!important;padding:8px 12px!important;border:1px solid var(--ofa-line)!important;border-radius:20px!important;background:transparent!important;color:var(--ofa-text)!important;font-size:13px!important}.ofa-collection-tab.is-active{border-color:#24c7f4!important;background:rgba(36,199,244,.12)!important}.ofa-collection-panel{padding-top:2px}.ofa-collection-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.ofa-collection-toolbar form{flex:1}.ofa-collection-toolbar .ofa-danger{white-space:nowrap}.ofa-collection-more{display:block;margin:18px auto 0}.ofa-collection-more[hidden]{display:none}

.ofa-folder-action{position:relative}.ofa-folder-action>.ofa-title-action{margin:0}.ofa-folder-picker{position:absolute;z-index:50;top:calc(100% + 9px);left:0;width:min(360px,calc(100vw - 28px));padding:15px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:#171717;color:#fff;box-shadow:0 18px 48px rgba(0,0,0,.48)}.ofa-folder-picker[hidden]{display:none}.ofa-folder-picker__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ofa-folder-picker__head button{width:30px;height:30px;padding:0;border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer}.ofa-folder-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 3px;border-top:1px solid rgba(255,255,255,.12);cursor:pointer}.ofa-folder-choice input{accent-color:#24c7f4}.ofa-folder-choice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ofa-folder-choice small{color:#aaa}.ofa-folder-picker form{margin-top:12px}.ofa-folder-picker input{flex:1;min-width:0;padding:9px 10px;border:1px solid #444;border-radius:6px;background:#202020;color:#fff}.ofa-folder-picker form button{padding:8px 11px;border:0;border-radius:6px;background:#e50914;color:#fff;font-weight:700}.ofa-folder-picker__message{min-height:18px;margin:8px 0 0;color:#ffb9bd;font-size:12px}

@media(max-width:520px){.ofa-collection-create,.ofa-collection-toolbar,.ofa-collection-toolbar form{flex-direction:column}.ofa-collection-toolbar .ofa-danger{align-self:flex-start}.ofa-folder-picker{position:fixed;top:auto;right:14px;bottom:14px;left:14px;width:auto;max-height:70vh;overflow:auto}.ofa-folder-picker form{flex-direction:column}}
@media(prefers-color-scheme:light){body:not(.dark-mode) .ofa-folder-picker{background:#fff;color:#171717;border-color:#bbb}body:not(.dark-mode) .ofa-folder-picker__head button{color:#171717}body:not(.dark-mode) .ofa-folder-choice{border-color:#ddd}body:not(.dark-mode) .ofa-folder-picker input{background:#fff;color:#171717;border-color:#bbb}}

/* 0.7.3 deterministic CSS avatars and member identity */
.ofa-profile-head__avatar{display:flex;flex:0 0 72px;width:72px;height:72px;font-size:27px}.ofa-profile-head__copy{min-width:0}.ofa-profile-head__copy h1{margin-bottom:3px}.ofa-profile-greeting{margin:0 0 3px;color:var(--ofa-text);font-size:15px;font-weight:700}.ofa-profile-prompt{margin:0 0 7px;color:var(--ofa-text);font-size:15px}.ofa-profile-identity{display:flex;flex-wrap:wrap;gap:4px;margin:0;font-size:12px}
.ofa-member-chip{display:inline-flex;max-width:210px;align-items:center;gap:8px;padding:3px 8px 3px 3px;border:1px solid rgba(255,255,255,.12);border-radius:22px;color:inherit!important;text-decoration:none!important}.ofa-member-chip:hover{border-color:rgba(255,255,255,.35)}.ofa-member-chip__avatar{display:flex;flex:0 0 30px;width:30px;height:30px;font-size:12px}.ofa-member-chip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700}
.ofa-css-avatar{position:relative;isolation:isolate;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,var(--ofa-avatar-a),var(--ofa-avatar-b));color:#fff;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 3px 12px rgba(0,0,0,.18)}.ofa-css-avatar::before,.ofa-css-avatar::after{content:"";position:absolute;z-index:-1;border-radius:999px;pointer-events:none}.ofa-css-avatar::before{width:72%;height:72%;top:-28%;right:-20%;background:var(--ofa-avatar-c);opacity:.82}.ofa-css-avatar::after{width:58%;height:58%;bottom:-28%;left:-16%;border:2px solid rgba(255,255,255,.38);opacity:.8}.ofa-css-avatar>span{position:relative;z-index:1;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.32)}
.ofa-avatar-v1{--ofa-avatar-a:#111827;--ofa-avatar-b:#475569;--ofa-avatar-c:#cbd5e1}.ofa-avatar-v2{--ofa-avatar-a:#1f2937;--ofa-avatar-b:#64748b;--ofa-avatar-c:#e2e8f0}.ofa-avatar-v3{--ofa-avatar-a:#0f172a;--ofa-avatar-b:#52525b;--ofa-avatar-c:#d4d4d8}.ofa-avatar-v4{--ofa-avatar-a:#262626;--ofa-avatar-b:#737373;--ofa-avatar-c:#e5e5e5}.ofa-avatar-v5{--ofa-avatar-a:#172033;--ofa-avatar-b:#596579;--ofa-avatar-c:#c8d0dc}.ofa-avatar-v6{--ofa-avatar-a:#18181b;--ofa-avatar-b:#71717a;--ofa-avatar-c:#d4d4d8}.ofa-avatar-v7{--ofa-avatar-a:#1e293b;--ofa-avatar-b:#64748b;--ofa-avatar-c:#f1f5f9}.ofa-avatar-v8{--ofa-avatar-a:#20242c;--ofa-avatar-b:#6b7280;--ofa-avatar-c:#d1d5db}.ofa-avatar-v9{--ofa-avatar-a:#0b101c;--ofa-avatar-b:#3f4858;--ofa-avatar-c:#b8c0cc}.ofa-avatar-v10{--ofa-avatar-a:#27272a;--ofa-avatar-b:#71717a;--ofa-avatar-c:#fafafa}.ofa-avatar-v11{--ofa-avatar-a:#111827;--ofa-avatar-b:#596273;--ofa-avatar-c:#d9dee7}.ofa-avatar-v12{--ofa-avatar-a:#171717;--ofa-avatar-b:#525252;--ofa-avatar-c:#e5e5e5}
.ofa-account-jump-nav{position:sticky;z-index:20;top:76px;display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:10px;border:1px solid var(--ofa-line);border-radius:11px;background:rgba(20,20,20,.94);box-shadow:0 8px 24px rgba(0,0,0,.18);scrollbar-width:thin;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ofa-account-jump-nav a{flex:0 0 auto;padding:8px 11px;border:1px solid var(--ofa-line);border-radius:18px;color:var(--ofa-text)!important;font-size:12px;font-weight:700;line-height:1;text-decoration:none!important}.ofa-account-jump-nav a:hover,.ofa-account-jump-nav a:focus{border-color:#5d74ff;background:rgba(93,116,255,.12)}.ofa-shell [id]{scroll-margin-top:145px}
@media(max-width:700px){.ofa-profile-head{align-items:center}.ofa-account-jump-nav{top:58px;margin-right:-14px;margin-left:-14px;border-right:0;border-left:0;border-radius:0;padding-right:14px;padding-left:14px}.ofa-shell [id]{scroll-margin-top:122px}.ofa-member-chip{max-width:42px;padding-right:3px}.ofa-member-chip__name{display:none}}
@media(prefers-color-scheme:light){body:not(.dark-mode) .ofa-account-jump-nav{background:rgba(250,250,250,.94)}body:not(.dark-mode) .ofa-member-chip{border-color:rgba(0,0,0,.14)}}

/* 0.8.0 — OnlyFlix-native account layouts, header notifications and title controls. */
body.ofa-account-page .plain-text-container{box-sizing:border-box!important;margin-right:auto!important;margin-left:auto!important}
body.ofa-account-page .plain-text-entry,body.ofa-account-page .plain-text-entry>.entry-content{width:100%;max-width:none!important}
body.ofa-account-page-layout-1 .plain-text-container,body.ofa-account-page-layout-2 .plain-text-container{width:calc(100% - clamp(48px,6vw,112px))!important;max-width:1760px!important;padding-right:0!important;padding-left:0!important}
body.ofa-account-page-layout-1 .ofa-shell,body.ofa-account-page-layout-2 .ofa-shell{width:100%;max-width:none!important}
body.ofa-account-page-layout-3 .plain-text-container{width:calc(100% - clamp(48px,8vw,144px))!important;max-width:1200px!important;padding-right:0!important;padding-left:0!important}
.ofa-shell{
  --ofa-accent:#4f6fff;
  --ofa-accent-soft:rgba(79,111,255,.14);
  --ofa-cyan:#33b5e5;
  --ofa-card:rgba(8,13,25,.72);
  --ofa-line:rgba(132,156,196,.19);
  --ofa-text:#eef3fb;
  --ofa-muted:rgba(194,204,220,.7);
  width:100%;
  max-width:1320px;
  margin:42px auto 68px;
  padding:0;
  color:var(--ofa-text);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.ofa-shell .ofa-card{border-color:var(--ofa-line);border-radius:0;background:var(--ofa-card);box-shadow:none}
.ofa-shell .ofa-card h1,.ofa-shell .ofa-card h2{color:var(--ofa-text);font-family:Inter,system-ui,sans-serif;font-weight:750;letter-spacing:-.025em}
.ofa-shell .ofa-card h2{font-size:17px}
.ofa-shell .ofa-section-head{padding-bottom:11px;border-bottom:1px solid var(--ofa-line)}
.ofa-shell .ofa-section-note{color:var(--ofa-muted);font-size:11px;letter-spacing:.02em}
.ofa-shell input{border-color:var(--ofa-line);border-radius:0;background:rgba(5,9,18,.7);transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.ofa-shell input:hover{border-color:rgba(132,156,196,.42)}
.ofa-shell input:focus{border-color:var(--ofa-accent);box-shadow:0 0 0 3px rgba(79,111,255,.12)}
.ofa-shell button,.ofa-shell .ofa-button{border-radius:0;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.ofa-shell button:not(:disabled):hover,.ofa-shell .ofa-button:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(2,8,23,.2)}
.ofa-shell button:focus-visible,.ofa-shell a:focus-visible{outline:2px solid var(--ofa-accent);outline-offset:3px}
.ofa-shell .ofa-secondary{background:rgba(121,145,180,.15)}
.ofa-shell .ofa-secondary:hover{background:rgba(79,111,255,.24)}
.ofa-shell .ofa-collection-tab{border-radius:0!important;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease}
.ofa-shell .ofa-collection-tab:hover,.ofa-shell .ofa-collection-tab:focus-visible{border-color:var(--ofa-accent)!important;background:var(--ofa-accent-soft)!important;color:#fff!important;transform:translateY(-1px)}
.ofa-shell .ofa-danger{border-color:rgba(239,92,103,.4);color:#ff8992!important}
.ofa-shell .ofa-danger:hover{border-color:#ef5c67;background:rgba(239,92,103,.1)}
.ofa-shell .ofa-link-button:hover{color:#fff!important;background:transparent!important;box-shadow:none;text-decoration:none!important}
.ofa-profile-head{min-height:132px;border-left:2px solid var(--ofa-accent)!important}
.ofa-profile-head__avatar{flex-basis:78px;width:78px;height:78px;font-size:29px}
.ofa-profile-greeting{font-size:16px}.ofa-profile-prompt{color:var(--ofa-muted);font-size:14px}
.ofa-account-jump-nav{top:74px;padding:9px 0;border-width:1px 0;border-radius:0;background:rgba(5,8,17,.9);box-shadow:none}
.ofa-account-jump-nav a{padding:9px 13px;border-color:transparent;border-radius:0;color:var(--ofa-muted)!important;font-size:11px;letter-spacing:.03em;text-transform:uppercase;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.ofa-account-jump-nav a:hover,.ofa-account-jump-nav a:focus{border-color:var(--ofa-line);background:var(--ofa-accent-soft);color:#fff!important}

/* Cards mirror the site's 2:3 listing tiles and always receive 200/300 or 300/450 sources. */
.ofa-media-grid{gap:18px 14px}
.ofa-media-card__link{outline:0}
.ofa-media-card__poster{border:0;border-radius:0;background:#080d17;isolation:isolate}
.ofa-media-card__poster::after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 48%,transparent 12%,rgba(5,9,18,.52) 100%);opacity:0;transition:opacity .32s ease;pointer-events:none}
.ofa-media-card__poster img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.001);transition:transform .62s cubic-bezier(.2,.72,.25,1),filter .38s ease}
.ofa-media-card__play{position:absolute;z-index:3;inset:50% auto auto 50%;display:grid;width:54px;height:54px;margin:-27px 0 0 -27px;place-items:center;color:#fff;opacity:0;transform:scale(.86);transition:opacity .25s ease,transform .34s cubic-bezier(.16,1,.3,1);pointer-events:none}
.ofa-media-card__play svg{display:block;width:54px;height:54px;overflow:visible;fill:rgba(79,111,255,.92);filter:drop-shadow(0 10px 22px rgba(2,8,23,.52))}
.ofa-media-card__play circle{fill:rgba(8,13,25,.8);stroke:rgba(79,111,255,.9);stroke-width:1.5}.ofa-media-card__play path{fill:#fff}
.ofa-media-card__copy{display:grid;gap:4px;padding:10px 1px 0}
.ofa-media-card__title{color:var(--ofa-text);font-size:13px;font-weight:720;letter-spacing:-.02em}
.ofa-media-card__meta{margin:0;color:var(--ofa-muted);font-size:11px}
.ofa-media-card__remove{opacity:.72;transition:opacity .18s ease,background-color .18s ease,transform .18s ease}
.ofa-media-card__remove:hover{opacity:1;background:#ef5c67!important;transform:scale(1.06)!important}
.ofa-media-card__rating{top:9px;left:9px;border:1px solid rgba(255,255,255,.12);border-radius:0;background:rgba(5,8,17,.86)}
@media(hover:hover) and (pointer:fine){
  .ofa-media-card__link:hover .ofa-media-card__poster img,.ofa-media-card__link:focus-visible .ofa-media-card__poster img{transform:scale(1.055);filter:saturate(1.07)}
  .ofa-media-card__link:hover .ofa-media-card__poster::after,.ofa-media-card__link:focus-visible .ofa-media-card__poster::after{opacity:1}
  .ofa-media-card__link:hover .ofa-media-card__play,.ofa-media-card__link:focus-visible .ofa-media-card__play{opacity:1;transform:scale(1)}
  .ofa-media-card:hover .ofa-media-card__remove{opacity:1}
}

/* Layout 1: full-width cinema rails. */
.ofa-account-layout-1 [data-ofa-member]>.ofa-card,.ofa-account-layout-1 [data-ofa-member]>.ofa-grid{margin-bottom:0}
.ofa-account-layout-1 [data-ofa-member]>.ofa-content-card,.ofa-account-layout-1 [data-ofa-member]>.ofa-notification-card,.ofa-account-layout-1 [data-ofa-member]>.ofa-card:last-child{padding:28px 0;border-width:1px 0 0;background:transparent}
.ofa-account-layout-1 .ofa-profile-head{padding:26px 28px}
.ofa-account-layout-1 .ofa-media-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.ofa-account-layout-1 .ofa-grid{gap:18px;margin-top:22px}

/* Layout 2: full-width dashboard with paired sections. */
.ofa-account-layout-2 [data-ofa-member]{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto;gap:18px}
.ofa-account-layout-2 [data-ofa-member]>.ofa-card,.ofa-account-layout-2 [data-ofa-member]>.ofa-grid{min-width:0;margin:0}
.ofa-account-layout-2 .ofa-profile-head{grid-column:1/8;grid-row:1}
.ofa-account-layout-2 .ofa-notification-card{grid-column:8/-1;grid-row:1}
.ofa-account-layout-2 .ofa-account-jump-nav{grid-column:1/-1;grid-row:2;margin:0}
.ofa-account-layout-2 #for-you{grid-column:1/-1;grid-row:3}
.ofa-account-layout-2 #continue-watching{grid-column:1/7;grid-row:4}
.ofa-account-layout-2 #favorites{grid-column:7/-1;grid-row:4}
.ofa-account-layout-2 #folders{grid-column:1/9;grid-row:5}
.ofa-account-layout-2 #following{grid-column:9/-1;grid-row:5}
.ofa-account-layout-2 #ratings{grid-column:1/7;grid-row:6}
.ofa-account-layout-2 #history{grid-column:7/-1;grid-row:6}
.ofa-account-layout-2 #profile-settings{grid-column:1/9;grid-row:7}
.ofa-account-layout-2 [data-ofa-member]>.ofa-card:last-child{grid-column:9/-1;grid-row:7}
.ofa-account-layout-2 #for-you .ofa-media-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.ofa-account-layout-2 #continue-watching .ofa-media-grid,.ofa-account-layout-2 #favorites .ofa-media-grid,.ofa-account-layout-2 #ratings .ofa-media-grid,.ofa-account-layout-2 #history .ofa-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ofa-account-layout-2 #folders .ofa-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.ofa-account-layout-2 #following .ofa-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ofa-account-layout-2 #profile-settings{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* Layout 3: one spacious column. */
.ofa-account-layout-3{max-width:1160px}
.ofa-account-layout-3 .ofa-card{padding:28px}
.ofa-account-layout-3 .ofa-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.ofa-account-layout-3 .ofa-profile-head{padding:30px}

/* Header avatar replaces the bell and sits directly beside search. */
.ofa-notification-bell{display:none!important}
.ofa-member-menu{position:relative;z-index:1300;display:grid;place-items:center;width:42px;height:42px;grid-column:1!important;grid-row:1!important}
.ofa-member-menu.has-notifications::after{content:"";position:absolute;z-index:0;top:100%;right:-100px;width:min(390px,calc(100vw - 24px));height:14px;pointer-events:auto}
.ofa-member-chip{position:relative;display:grid;width:42px;height:42px;min-height:0;max-width:none;padding:5px;border:0!important;border-radius:50%;appearance:none;background:transparent!important;place-items:center;color:inherit!important;font:inherit;text-decoration:none!important;cursor:pointer;box-shadow:none!important;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.ofa-member-chip:hover,.ofa-member-chip:focus-visible{border:0;outline:0}
.ofa-member-chip__avatar{position:relative;display:flex;flex:0 0 32px;width:32px;height:32px;font-size:12px;transition:box-shadow .18s ease}
.ofa-member-chip:hover .ofa-member-chip__avatar,.ofa-member-chip:focus-visible .ofa-member-chip__avatar{box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),0 0 0 3px rgba(79,111,255,.16)}
.ofa-member-chip__name{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.ofa-member-chip__dot{position:absolute;z-index:4;top:-1px;right:-1px;width:8px;height:8px;border:2px solid #080d17;border-radius:50%;background:#f02f45;box-shadow:0 0 0 3px rgba(240,47,69,.13),0 0 12px rgba(240,47,69,.68)}
.ofa-member-chip__dot[hidden]{display:none!important}
.of-topbar__side--right.has-ofa-member{grid-template-columns:42px 42px 42px!important}
.of-topbar__side--right.has-ofa-member .of-search-toggle{grid-column:2!important;grid-row:1!important}
.of-topbar__side--right.has-ofa-member #theme-toggle.of-theme-toggle,.of-topbar__side--right.has-ofa-member .of-theme-toggle{grid-column:3!important;grid-row:1!important}
.ofa-header-notifications{position:absolute;top:calc(100% + 11px);right:-100px;width:min(370px,calc(100vw - 24px));border:1px solid rgba(132,156,196,.23);background:rgba(8,13,25,.96);color:#eef3fb;box-shadow:0 24px 70px rgba(2,8,23,.5);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-8px,0) scale(.97);transform-origin:top right;transition:opacity .18s ease,visibility .18s ease,transform .24s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.ofa-header-notifications::before{content:"";position:absolute;right:0;bottom:100%;left:0;height:12px}
.ofa-member-menu.has-notifications:hover .ofa-header-notifications,.ofa-member-menu.has-notifications:focus-within .ofa-header-notifications{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.ofa-header-notifications__head{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid rgba(132,156,196,.17)}
.ofa-header-notifications__head strong{font-size:14px}.ofa-header-notifications__head span{color:rgba(194,204,220,.68);font-size:11px}
.ofa-header-notifications__list{display:grid}.ofa-header-notification{position:relative;display:grid;gap:3px;padding:12px 16px;border-bottom:1px solid rgba(132,156,196,.12);color:#eef3fb!important;text-decoration:none!important;transition:background-color .18s ease,padding-left .18s ease}
.ofa-header-notification::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:transparent}.ofa-header-notification.is-unread::before{background:#4f6fff}
.ofa-header-notification:hover,.ofa-header-notification:focus-visible{padding-left:20px;background:rgba(79,111,255,.11);outline:0}
.ofa-header-notification strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ofa-header-notification span{overflow:hidden;color:rgba(194,204,220,.7);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ofa-header-notifications__footer{display:block;padding:13px 16px;color:#9eafff!important;font-size:11px;font-weight:700;letter-spacing:.035em;text-align:center;text-decoration:none!important;text-transform:uppercase}.ofa-header-notifications__footer:hover{background:rgba(79,111,255,.1);color:#fff!important}

/* Three real placements for account controls on title pages. */
.ofa-title-actions{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.ofa-title-action{position:relative;overflow:hidden;min-height:40px;margin:0;padding:9px 14px;border:1px solid rgba(132,156,196,.28);border-radius:0;background:rgba(8,13,25,.76);color:#eef3fb;font-size:12px;letter-spacing:.01em;transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
.ofa-title-action:hover,.ofa-title-action:focus-visible{border-color:#4f6fff;background:rgba(79,111,255,.13);color:#fff;outline:0;transform:translateY(-1px);box-shadow:0 10px 28px rgba(2,8,23,.25)}
.ofa-title-action.is-saved{border-color:rgba(79,111,255,.74);background:rgba(79,111,255,.19);color:#fff}
.ofa-title-action__icon{font-size:16px;font-weight:500}
.ofa-title-rating{max-width:none;border-color:rgba(132,156,196,.2);border-radius:0;background:rgba(8,13,25,.7)}
.ofa-rating-score{border-radius:0;transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease}
.ofa-rating-score:hover,.ofa-rating-score:focus-visible{border-color:#4f6fff;background:rgba(79,111,255,.12);transform:translateY(-1px);outline:0}
.ofa-rating-score.is-selected{border-color:#4f6fff;background:#4f6fff}
.ofa-folder-picker{border-color:rgba(132,156,196,.25);border-radius:0;background:rgba(8,13,25,.97);box-shadow:0 24px 70px rgba(2,8,23,.5)}
.ofa-folder-choice{transition:background-color .16s ease,padding-left .16s ease}.ofa-folder-choice:hover{padding-left:8px;background:rgba(79,111,255,.1)}
.ofa-title-actions--layout-1{gap:10px;margin:0 0 30px;padding:0 0 24px;border-bottom:1px solid rgba(132,156,196,.18)}
.ofa-title-actions--layout-1 .ofa-title-rating{flex-basis:100%;margin-top:2px}
.ofa-title-actions--layout-2{display:flex;align-items:flex-start;gap:10px;margin:-34px 0 48px;padding:14px 0;border-top:1px solid rgba(132,156,196,.2);border-bottom:1px solid rgba(132,156,196,.2)}
.ofa-title-actions--layout-2 .ofa-title-rating{flex:1 1 500px;padding:11px 12px}.ofa-title-actions--layout-2 .ofa-title-rating__head{margin-bottom:7px}.ofa-title-actions--layout-2 .ofa-title-rating__footer{margin-top:7px}
.ofa-title-actions--layout-3{display:grid;width:100%;gap:9px;margin:18px 0 30px}.ofa-title-actions--layout-3>.ofa-title-action,.ofa-title-actions--layout-3>.ofa-folder-action,.ofa-title-actions--layout-3 .ofa-folder-action>.ofa-title-action{width:100%}.ofa-title-actions--layout-3 .ofa-title-rating{width:100%;padding:13px}.ofa-title-actions--layout-3 .ofa-title-rating__scores{grid-template-columns:repeat(5,minmax(0,1fr))}.ofa-title-actions--layout-3 .ofa-folder-picker{top:calc(100% + 7px);width:min(340px,calc(100vw - 28px))}

html:not(.dark-mode) .ofa-shell{--ofa-card:rgba(255,255,255,.78);--ofa-line:rgba(15,23,42,.15);--ofa-text:#111827;--ofa-muted:rgba(30,41,59,.64)}
html:not(.dark-mode) .ofa-shell input{background:rgba(255,255,255,.82);color:#111827}
html:not(.dark-mode) .ofa-account-jump-nav{background:rgba(250,252,255,.93)}
html:not(.dark-mode) .ofa-title-action,html:not(.dark-mode) .ofa-title-rating{border-color:rgba(15,23,42,.18);background:rgba(255,255,255,.86);color:#111827}
html:not(.dark-mode) .ofa-title-action.is-saved{border-color:#4f6fff;background:rgba(79,111,255,.12);color:#111827}
html:not(.dark-mode) .ofa-header-notifications{border-color:rgba(15,23,42,.14);background:rgba(250,252,255,.97);color:#111827;box-shadow:0 24px 70px rgba(34,45,70,.2)}
html:not(.dark-mode) .ofa-header-notification{border-color:rgba(15,23,42,.1);color:#111827!important}html:not(.dark-mode) .ofa-header-notification span{color:rgba(30,41,59,.62)}

@media(max-width:1199.98px){
  .ofa-shell{padding:0 18px}
  .ofa-account-layout-1 .ofa-media-grid,.ofa-account-layout-2 #for-you .ofa-media-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ofa-account-layout-3 .ofa-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ofa-account-layout-2 [data-ofa-member]{display:block}.ofa-account-layout-2 [data-ofa-member]>.ofa-card,.ofa-account-layout-2 [data-ofa-member]>.ofa-grid,.ofa-account-layout-2 .ofa-account-jump-nav{margin-bottom:18px}
  .ofa-account-layout-2 #continue-watching .ofa-media-grid,.ofa-account-layout-2 #favorites .ofa-media-grid,.ofa-account-layout-2 #ratings .ofa-media-grid,.ofa-account-layout-2 #history .ofa-media-grid,.ofa-account-layout-2 #folders .ofa-media-grid,.ofa-account-layout-2 #following .ofa-media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ofa-title-actions--layout-2{flex-wrap:wrap}.ofa-title-actions--layout-2 .ofa-title-rating{flex-basis:100%}
}
@media(max-width:767.98px){
  body.ofa-account-page .plain-text-container,body.ofa-account-page-layout-1 .plain-text-container,body.ofa-account-page-layout-2 .plain-text-container,body.ofa-account-page-layout-3 .plain-text-container{width:calc(100% - 24px)!important;padding-right:0!important;padding-left:0!important}
  .ofa-shell{margin:24px auto 42px;padding:0 14px}
  .ofa-card,.ofa-account-layout-3 .ofa-card{padding:19px}
  .ofa-profile-head{min-height:0;padding:20px!important}
  .ofa-profile-head__avatar{flex-basis:58px;width:58px;height:58px;font-size:21px}
  .ofa-account-jump-nav{top:58px;margin-right:-14px!important;margin-left:-14px!important;padding-right:14px;padding-left:14px}
  .ofa-account-layout-1 .ofa-media-grid,.ofa-account-layout-2 #for-you .ofa-media-grid,.ofa-account-layout-2 #continue-watching .ofa-media-grid,.ofa-account-layout-2 #favorites .ofa-media-grid,.ofa-account-layout-2 #ratings .ofa-media-grid,.ofa-account-layout-2 #history .ofa-media-grid,.ofa-account-layout-2 #folders .ofa-media-grid,.ofa-account-layout-2 #following .ofa-media-grid,.ofa-account-layout-3 .ofa-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .of-topbar__side--right.has-ofa-member{grid-template-columns:34px 34px 34px!important;gap:2px!important}
  .ofa-member-menu{width:34px;height:34px}.ofa-member-chip{width:34px;height:34px;padding:3px}.ofa-member-chip__avatar{flex-basis:28px;width:28px;height:28px;font-size:10px}
  .ofa-header-notifications{right:-74px}
  .ofa-title-actions--layout-1,.ofa-title-actions--layout-2,.ofa-title-actions--layout-3{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 26px;padding:12px 0 18px}
  .ofa-title-actions>.ofa-folder-action{width:100%}.ofa-title-actions>.ofa-folder-action>.ofa-title-action{width:100%}
  .ofa-title-actions>.ofa-title-rating{grid-column:1/-1;width:100%}
  .ofa-title-actions--layout-3{margin-top:16px}
}

/* 0.12.0 — account dashboard stage 2: glass navigation, For You hero and notification pages. */
body.ofa-account-page .ofa-profile-greeting{
  margin:0!important;
  color:#f7f9ff!important;
  font-size:12px;
  font-weight:620;
  line-height:1.45;
  letter-spacing:.005em;
}
html:not(.dark-mode) body.ofa-account-page .ofa-profile-greeting,
body:not(.dark-mode).ofa-account-page .ofa-profile-greeting{
  color:#111827!important;
}
body.ofa-account-page .ofa-account-jump-nav{
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transition:background-color .24s ease,box-shadow .24s ease,border-color .24s ease,backdrop-filter .24s ease;
}
body.ofa-account-page .ofa-account-jump-nav.is-stuck{
  border-bottom-color:rgba(133,156,202,.24)!important;
  background:rgba(8,13,25,.68)!important;
  background:color-mix(in oklab,#080d19 67%,transparent)!important;
  box-shadow:0 14px 42px rgba(0,4,14,.28)!important;
  backdrop-filter:blur(18px) saturate(142%) contrast(.94)!important;
  -webkit-backdrop-filter:blur(18px) saturate(142%) contrast(.94)!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav{
  background:transparent!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav.is-stuck,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav.is-stuck{
  border-bottom-color:rgba(28,46,78,.16)!important;
  background:color-mix(in oklab,#f9fbff 70%,transparent)!important;
  box-shadow:0 14px 42px rgba(41,57,85,.14)!important;
}

.ofa-account-feature-grid{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(320px,.84fr);
  gap:clamp(22px,2.4vw,38px);
  min-width:0;
  margin:0 0 8px;
  padding:28px 0 30px;
  border-top:0;
}
.ofa-account-feature-grid>.ofa-card{
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.ofa-account-feature-grid .ofa-section-head{
  display:flex;
  min-height:31px;
  align-items:baseline;
  justify-content:flex-start;
  gap:10px;
  margin:0 0 12px;
  padding:0!important;
  border:0!important;
}
.ofa-account-feature-grid .ofa-section-head h2{
  flex:0 0 auto;
  font-size:20px;
}
.ofa-account-feature-grid .ofa-section-note{
  margin-right:auto;
}
.ofa-feature-dots{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.ofa-feature-dots[hidden]{display:none!important}
.ofa-feature-dot{
  display:block!important;
  width:7px!important;
  min-width:7px!important;
  height:7px!important;
  min-height:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(182,194,216,.46)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .18s ease,transform .18s ease!important;
}
.ofa-feature-dot:hover,.ofa-feature-dot:focus-visible{
  background:#a9b7ff!important;
  outline:0!important;
  transform:scale(1.24)!important;
}
.ofa-feature-dot.is-active{
  background:#f4f7ff!important;
  transform:scale(1.12)!important;
}
html:not(.dark-mode) .ofa-feature-dot{background:rgba(39,55,82,.32)!important}
html:not(.dark-mode) .ofa-feature-dot.is-active{background:#3858ee!important}

.ofa-recommendation-stage{min-width:0}
.ofa-recommendation-hero{
  --ofa-recommendation-backdrop:none;
  position:relative;
  display:flex;
  min-height:clamp(330px,31vw,450px);
  overflow:hidden;
  isolation:isolate;
  align-items:flex-end;
  background:#080d17 var(--ofa-recommendation-backdrop) center/cover no-repeat;
}
.ofa-recommendation-hero__shade{
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(3,7,15,.9) 0%,rgba(3,7,15,.62) 42%,rgba(3,7,15,.09) 77%),linear-gradient(0deg,rgba(3,7,15,.88) 0%,transparent 58%);
}
.ofa-recommendation-hero__content{
  display:flex;
  width:min(76%,510px);
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  padding:clamp(24px,3vw,42px);
  color:#fff;
}
.ofa-recommendation-hero__title{
  display:block;
  max-width:min(310px,82%);
  color:#fff!important;
  font-size:clamp(28px,3.3vw,48px);
  font-weight:780;
  line-height:.98;
  letter-spacing:-.045em;
  text-decoration:none!important;
  text-shadow:0 5px 28px rgba(0,0,0,.58);
}
.ofa-recommendation-hero__title img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:104px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 5px 18px rgba(0,0,0,.48));
  transition:filter .2s ease,transform .26s cubic-bezier(.16,1,.3,1);
}
.ofa-recommendation-hero__title:hover img,.ofa-recommendation-hero__title:focus-visible img{
  filter:drop-shadow(0 5px 18px rgba(0,0,0,.48)) drop-shadow(0 0 12px rgba(111,135,255,.5));
  transform:translateY(-1px);
}
.ofa-recommendation-hero__meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  color:rgba(242,246,255,.9);
  font-size:11px;
  font-weight:620;
}
.ofa-recommendation-hero__meta>span:not(.ofa-recommendation-hero__rating){position:relative}
.ofa-recommendation-hero__meta>span:not(.ofa-recommendation-hero__rating)+span:not(.ofa-recommendation-hero__rating)::before{
  content:"";
  position:absolute;
  top:50%;
  left:-7px;
  width:2px;
  height:2px;
  border-radius:50%;
  background:currentColor;
  opacity:.6;
}
.ofa-recommendation-hero__rating{
  position:relative;
  display:grid;
  width:48px;
  height:48px;
  overflow:hidden;
  border-radius:50%;
  place-items:center;
  background:conic-gradient(#67d391 var(--ofa-rating-progress),rgba(255,255,255,.2) 0);
  color:#fff;
  font-size:13px;
  font-weight:800;
  box-shadow:0 8px 26px rgba(0,0,0,.3);
}
.ofa-recommendation-hero__rating::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  z-index:0;
  background:rgba(4,9,17,.86);
}
.ofa-recommendation-hero__rating>span{position:relative;z-index:1}
.ofa-recommendation-hero__actions{display:flex;align-items:center;gap:10px}
.ofa-recommendation-hero__info{
  display:grid;
  width:34px;
  height:34px;
  border-radius:50%;
  place-items:center;
  color:#fff!important;
  background:rgba(255,255,255,.1);
  text-decoration:none!important;
  backdrop-filter:blur(8px);
  transition:background-color .18s ease,color .18s ease,filter .18s ease;
}
.ofa-recommendation-hero__info svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round}
.ofa-recommendation-hero__info:hover,.ofa-recommendation-hero__info:focus-visible{
  background:rgba(111,135,255,.26);
  color:#fff!important;
  filter:drop-shadow(0 0 10px rgba(111,135,255,.48));
  outline:0;
}
.ofa-recommendation-hero__quality{
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.34);
  color:#fff;
  font-size:9px;
  font-weight:820;
  line-height:1;
  letter-spacing:.08em;
}
.ofa-recommendation-hero__quality--cam{border-color:rgba(255,160,90,.65);color:#ffb171}
.ofa-recommendation-rail{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}
.ofa-recommendation-thumb{
  display:grid!important;
  min-width:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ofa-text)!important;
  box-shadow:none!important;
  transform:none!important;
  text-align:left;
}
.ofa-recommendation-thumb img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/3;
  object-fit:cover;
  filter:saturate(.94);
  transition:transform .48s cubic-bezier(.16,1,.3,1),filter .24s ease,opacity .24s ease;
}
.ofa-recommendation-thumb span{
  overflow:hidden;
  margin-top:6px;
  color:var(--ofa-text);
  font-size:10px;
  font-weight:680;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ofa-recommendation-thumb:hover img,.ofa-recommendation-thumb:focus-visible img{transform:scale(1.035);filter:saturate(1.08);opacity:.88}
.ofa-recommendation-thumb:focus-visible{outline:2px solid #6f87ff!important;outline-offset:3px}

.ofa-account-feature-grid .ofa-notification-card{display:flex;min-height:100%;flex-direction:column}
.ofa-account-feature-grid .ofa-notification-card .ofa-section-head{justify-content:space-between}
.ofa-account-feature-grid .ofa-notification-card .ofa-link-button{margin-left:auto;color:var(--ofa-muted)!important;font-size:10px}
.ofa-account-feature-grid .ofa-notification-list{flex:1 1 auto}
.ofa-account-feature-grid .ofa-notification{
  display:grid;
  min-height:76px;
  grid-template-columns:84px minmax(0,1fr) 8px;
  gap:12px;
  align-items:center;
  padding:10px 0;
  border-top:0;
  border-bottom:1px solid var(--ofa-line);
  background:transparent!important;
  transition:background-color .18s ease;
}
.ofa-account-feature-grid .ofa-notification:first-child{border-top:1px solid var(--ofa-line)}
.ofa-account-feature-grid .ofa-notification:hover,.ofa-account-feature-grid .ofa-notification:focus-visible{
  background:linear-gradient(90deg,rgba(79,111,255,.1),transparent 72%)!important;
  transform:none!important;
  outline:0;
}
.ofa-notification__media{display:block;overflow:hidden;width:84px;aspect-ratio:16/9;background:#080d17}
.ofa-notification__media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .38s ease,filter .24s ease}
.ofa-notification:hover .ofa-notification__media img{transform:none;filter:none}
.ofa-account-feature-grid .ofa-notification__copy{gap:4px}
.ofa-account-feature-grid .ofa-notification__copy strong{font-size:12px;line-height:1.25}
.ofa-account-feature-grid .ofa-notification__copy span{font-size:10px;line-height:1.3}
.ofa-account-feature-grid .ofa-notification__copy time{font-size:9px}
.ofa-account-feature-grid .ofa-notification__dot{width:7px;height:7px;background:#6f87ff;box-shadow:0 0 0 3px rgba(111,135,255,.12)}
.ofa-account-feature-grid .ofa-notification:not(.is-unread) .ofa-notification__dot{visibility:hidden}
.ofa-notification-pages{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:31px;
  margin-top:12px;
  color:var(--ofa-muted);
  font-size:9px;
}
.ofa-notification-pages[hidden]{display:none!important}
.ofa-notification-pages .ofa-feature-dots{margin-left:0}

.ofa-account-layout-2 .ofa-account-feature-grid{
  grid-column:1/-1;
  grid-row:3;
}
.ofa-account-layout-2 #continue-watching{grid-row:4}
.ofa-account-layout-2 #favorites{grid-row:4}
.ofa-account-layout-2 #folders{grid-row:5}
.ofa-account-layout-2 #following{grid-row:5}
.ofa-account-layout-2 #ratings{grid-row:6}
.ofa-account-layout-2 #history{grid-row:6}
.ofa-account-layout-2 #profile-settings{grid-row:7}
.ofa-account-layout-2 [data-ofa-member]>.ofa-card:last-child{grid-row:7}

@media(max-width:980px){
  .ofa-account-feature-grid{grid-template-columns:1fr;gap:30px}
  .ofa-account-feature-grid .ofa-notification-card{min-height:0}
}
@media(max-width:767.98px){
  body.ofa-account-page .ofa-profile-greeting{font-size:11px}
  .ofa-account-feature-grid{padding:22px 0 26px}
  .ofa-account-feature-grid .ofa-section-head{align-items:baseline;flex-wrap:wrap}
  .ofa-account-feature-grid .ofa-section-head h2{font-size:18px}
  .ofa-recommendation-hero{min-height:300px;background-position:center}
  .ofa-recommendation-hero__shade{background:linear-gradient(90deg,rgba(3,7,15,.82),rgba(3,7,15,.22) 82%),linear-gradient(0deg,rgba(3,7,15,.9),transparent 66%)}
  .ofa-recommendation-hero__content{width:88%;gap:11px;padding:22px}
  .ofa-recommendation-hero__title{max-width:72%;font-size:29px}
  .ofa-recommendation-hero__title img{max-height:74px}
  .ofa-recommendation-hero__rating{width:42px;height:42px;font-size:11px}
  .ofa-recommendation-hero__meta{gap:7px 10px;font-size:10px}
  .ofa-recommendation-rail{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none;scroll-snap-type:x proximity}
  .ofa-recommendation-rail::-webkit-scrollbar{display:none}
  .ofa-recommendation-thumb{flex:0 0 92px;scroll-snap-align:start}
  .ofa-account-feature-grid .ofa-notification{grid-template-columns:78px minmax(0,1fr) 7px;gap:10px}
  .ofa-notification__media{width:78px}
}
@media(max-width:420px){
  .ofa-recommendation-hero{min-height:270px}
  .ofa-recommendation-hero__content{width:94%;padding:18px}
  .ofa-recommendation-hero__meta{max-width:95%}
  .ofa-recommendation-thumb{flex-basis:82px}
  .ofa-account-feature-grid .ofa-notification{grid-template-columns:68px minmax(0,1fr) 7px}
  .ofa-notification__media{width:68px}
}
@media(max-width:767.98px){
  body.home .of-topbar{grid-template-columns:36px minmax(0,1fr) 106px!important}
  body.home .of-topbar__side--right.has-ofa-member{width:106px!important;min-width:106px!important;max-width:106px!important}
}
@media(max-width:520px){
  .ofa-account-layout-1 .ofa-media-grid,.ofa-account-layout-2 #for-you .ofa-media-grid,.ofa-account-layout-2 #continue-watching .ofa-media-grid,.ofa-account-layout-2 #favorites .ofa-media-grid,.ofa-account-layout-2 #ratings .ofa-media-grid,.ofa-account-layout-2 #history .ofa-media-grid,.ofa-account-layout-2 #folders .ofa-media-grid,.ofa-account-layout-2 #following .ofa-media-grid,.ofa-account-layout-3 .ofa-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ofa-media-grid{gap:16px 10px}.ofa-media-card__title{font-size:12px}
  .ofa-header-notifications{position:fixed;top:58px;right:10px;left:10px;width:auto}
  .ofa-title-action{justify-content:flex-start;padding-right:10px;padding-left:10px;font-size:11px}
}

/* 0.8.2 — compact title actions and frameless rating control. */
.ofa-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ofa-title-actions{align-items:center}
.ofa-title-action.ofa-title-action--favorite,.ofa-title-action.ofa-title-action--folder{
  display:inline-grid;
  flex:0 0 38px;
  width:38px;
  min-width:38px;
  min-height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:rgba(226,233,245,.78);
  place-items:center;
  overflow:visible;
  box-shadow:none;
}
.ofa-title-action.ofa-title-action--favorite:hover,.ofa-title-action.ofa-title-action--favorite:focus-visible,.ofa-title-action.ofa-title-action--folder:hover,.ofa-title-action.ofa-title-action--folder:focus-visible{
  border:0;
  background:rgba(79,111,255,.12);
  color:#fff;
  transform:translateY(-1px) scale(1.06);
  box-shadow:none;
}
.ofa-title-action.ofa-title-action--favorite.is-saved,.ofa-title-action.ofa-title-action--folder.is-saved{border:0;background:transparent;color:#6f87ff}
.ofa-title-action.ofa-title-action--favorite.is-saved:hover,.ofa-title-action.ofa-title-action--folder.is-saved:hover{background:rgba(79,111,255,.12);color:#91a2ff}
.ofa-title-action__icon{display:grid;width:20px;height:20px;place-items:center;line-height:1}
.ofa-title-action__icon svg{display:block;width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg,.ofa-title-action--folder.is-saved .ofa-title-action__icon svg{fill:currentColor;stroke:currentColor}
.ofa-title-action--folder .ofa-title-action__count{display:none!important}
.ofa-folder-action{flex:0 0 auto}

.ofa-title-rating,.ofa-title-actions--layout-1 .ofa-title-rating,.ofa-title-actions--layout-2 .ofa-title-rating,.ofa-title-actions--layout-3 .ofa-title-rating{
  flex:0 1 500px;
  width:auto;
  max-width:500px;
  margin:0 0 0 auto;
  padding:0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none;
}
.ofa-title-rating__head{justify-content:flex-start;margin:0 0 3px;gap:9px}
.ofa-title-rating__head strong{color:rgba(194,204,220,.66);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.ofa-title-rating__head [data-ofa-rating-message]{font-size:9px;letter-spacing:.04em}
.ofa-title-rating__scores{display:flex;align-items:center;grid-template-columns:none;gap:6px}
.ofa-rating-score{
  position:relative;
  display:grid;
  flex:1 1 0;
  width:auto;
  min-width:20px;
  height:25px;
  padding:0 2px 3px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(226,233,245,.57);
  font-size:11px;
  font-weight:650;
  line-height:1;
  place-items:center;
  box-shadow:none!important;
}
.ofa-rating-score::after{content:"";position:absolute;right:4px;bottom:0;left:4px;height:1px;background:transparent;transform:scaleX(.25);transition:background-color .16s ease,transform .16s ease}
.ofa-rating-score:hover,.ofa-rating-score:focus-visible{border:0!important;background:transparent!important;color:#fff;outline:0;transform:translateY(-1px);box-shadow:none!important}
.ofa-rating-score:hover::after,.ofa-rating-score:focus-visible::after{background:rgba(111,135,255,.7);transform:scaleX(1)}
.ofa-rating-score.is-selected{border:0!important;background:transparent!important;color:#8fa2ff}
.ofa-rating-score.is-selected::after{height:2px;background:#6f87ff;transform:scaleX(1)}
.ofa-title-rating__footer{justify-content:flex-start;margin-top:4px;gap:10px;color:rgba(194,204,220,.48);font-size:9px}
.ofa-title-rating__footer button{min-height:0;padding:0;border:0!important;background:transparent!important;color:rgba(194,204,220,.62);font-size:9px;text-decoration:none}
.ofa-title-rating__footer button:hover{color:#fff;text-decoration:underline}

.ofa-title-actions--layout-1{align-items:center;padding-bottom:14px}
.ofa-title-actions--layout-1.ofa-title-actions--before-player{margin-bottom:22px}
.ofa-title-actions--layout-2{align-items:center}
.ofa-title-actions--layout-3{display:flex;align-items:center;gap:7px}
.ofa-title-actions--layout-3>.ofa-title-action.ofa-title-action--favorite,.ofa-title-actions--layout-3>.ofa-folder-action,.ofa-title-actions--layout-3 .ofa-folder-action>.ofa-title-action.ofa-title-action--folder{width:38px}
.ofa-title-actions--layout-3 .ofa-title-rating{flex-basis:100%;max-width:none;margin:5px 0 0}

html:not(.dark-mode) .ofa-title-action.ofa-title-action--favorite,html:not(.dark-mode) .ofa-title-action.ofa-title-action--folder,html:not(.dark-mode) .ofa-title-rating{border:0!important;background:transparent!important;color:#4b5563}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--favorite.is-saved,html:not(.dark-mode) .ofa-title-action.ofa-title-action--folder.is-saved,html:not(.dark-mode) .ofa-rating-score.is-selected{color:#4f6fff}
html:not(.dark-mode) .ofa-rating-score{border:0!important;background:transparent!important;color:rgba(30,41,59,.58)}
html:not(.dark-mode) .ofa-rating-score:hover{color:#111827}

@media(max-width:767.98px){
  .ofa-title-actions--layout-1,.ofa-title-actions--layout-2,.ofa-title-actions--layout-3{display:flex;align-items:center;gap:7px;padding:10px 0 16px}
  .ofa-title-actions>.ofa-folder-action{width:auto}
  .ofa-title-actions>.ofa-folder-action>.ofa-title-action.ofa-title-action--folder{width:38px}
  .ofa-title-actions>.ofa-title-rating{flex:1 0 100%;width:100%;max-width:none;margin:5px 0 0}
  .ofa-title-rating__scores{gap:2px}
  .ofa-rating-score{min-width:18px;height:27px}
}

/* 0.9.1 — modern title feedback, folder surfaces and member notifications. */
@property --ofa-spark-turn{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

body{
  --ofa-panel-bg:#080d19;
  --ofa-panel-raised:#0d1422;
  --ofa-panel-text:#f2f5fb;
  --ofa-panel-muted:#8490a4;
  --ofa-panel-line:color-mix(in oklab,#8490a4 24%,transparent);
  --ofa-panel-accent:#5975ff;
  --ofa-panel-accent-soft:color-mix(in oklab,var(--ofa-panel-accent) 14%,transparent);
}
html:not(.dark-mode) body{
  --ofa-panel-bg:#fbfcff;
  --ofa-panel-raised:#f3f6fc;
  --ofa-panel-text:#111827;
  --ofa-panel-muted:#657084;
  --ofa-panel-line:color-mix(in oklab,#334155 22%,transparent);
  --ofa-panel-accent:#405ee8;
  --ofa-panel-accent-soft:color-mix(in oklab,var(--ofa-panel-accent) 11%,transparent);
}

/* Red favorite, compact folder and stateful bell share one precise hit target. */
.ofa-title-action.ofa-title-action--favorite,
.ofa-title-action.ofa-title-action--folder,
.ofa-title-action.ofa-title-action--notification{
  --ofa-action-accent:#7187ff;
  --ofa-press-x:50%;
  --ofa-press-y:50%;
  position:relative;
  isolation:isolate;
  display:inline-grid;
  flex:0 0 42px;
  width:42px;
  min-width:42px;
  max-width:42px;
  height:42px;
  min-height:42px;
  margin:0;
  padding:0;
  overflow:visible;
  border:0!important;
  border-radius:50%;
  background:transparent!important;
  color:rgba(220,228,241,.64);
  place-items:center;
  box-shadow:none!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:color .18s ease,background-color .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease;
}
.ofa-title-action.ofa-title-action--favorite{--ofa-action-accent:#ff3554;color:#ff526b}
.ofa-title-action.ofa-title-action--notification{--ofa-action-accent:#6681ff}
.ofa-title-action.ofa-title-action--favorite:hover,
.ofa-title-action.ofa-title-action--favorite:focus-visible{
  background:color-mix(in oklab,#ff3554 13%,transparent)!important;
  color:#ff3554;
}
.ofa-title-action.ofa-title-action--folder:hover,
.ofa-title-action.ofa-title-action--folder:focus-visible,
.ofa-title-action.ofa-title-action--notification:hover,
.ofa-title-action.ofa-title-action--notification:focus-visible{
  background:color-mix(in oklab,var(--ofa-action-accent) 13%,transparent)!important;
  color:#9babff;
}
.ofa-title-action.ofa-title-action--favorite:hover,
.ofa-title-action.ofa-title-action--folder:hover,
.ofa-title-action.ofa-title-action--notification:hover{transform:translateY(-1px) scale(1.055)}
.ofa-title-action.ofa-title-action--favorite:focus-visible,
.ofa-title-action.ofa-title-action--folder:focus-visible,
.ofa-title-action.ofa-title-action--notification:focus-visible{
  outline:2px solid color-mix(in oklab,var(--ofa-action-accent) 78%,white);
  outline-offset:3px;
}
.ofa-title-action.ofa-title-action--favorite.is-saved{color:#ff2448}
.ofa-title-action.ofa-title-action--favorite.is-saved:hover,
.ofa-title-action.ofa-title-action--favorite.is-saved:focus-visible{background:color-mix(in oklab,#ff3554 13%,transparent)!important;color:#ff2448}
.ofa-title-action.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg{fill:currentColor;stroke:currentColor}
.ofa-title-action.ofa-title-action--notification.is-saved{color:#7890ff}
.ofa-title-action.ofa-title-action--notification.is-saved .ofa-bell-body{fill:color-mix(in oklab,#7890ff 24%,transparent)}
.ofa-title-action.ofa-title-action--notification .ofa-title-action__icon{position:relative}
.ofa-title-action.ofa-title-action--notification .ofa-title-action__state-dot{
  position:absolute;
  top:-2px;
  right:-3px;
  width:6px;
  height:6px;
  border:1px solid #080d17;
  border-radius:50%;
  background:#7890ff;
  opacity:0;
  transform:scale(.2);
  transition:opacity .18s ease,transform .3s cubic-bezier(.16,1,.3,1);
}
.ofa-title-action.ofa-title-action--notification.is-saved .ofa-title-action__state-dot{opacity:1;transform:scale(1)}
.ofa-title-action.ofa-title-action--favorite .ofa-title-action__icon svg,
.ofa-title-action.ofa-title-action--folder .ofa-title-action__icon svg,
.ofa-title-action.ofa-title-action--notification .ofa-title-action__icon svg{width:21px;height:21px;stroke-width:1.65}
.ofa-title-actions--layout-3>.ofa-title-action.ofa-title-action--favorite,
.ofa-title-actions--layout-3>.ofa-title-action.ofa-title-action--notification,
.ofa-title-actions--layout-3>.ofa-folder-action,
.ofa-title-actions--layout-3 .ofa-folder-action>.ofa-title-action.ofa-title-action--folder{width:42px;max-width:42px}
.ofa-title-actions--layout-3 .ofa-folder-picker{width:min(390px,calc(100vw - 28px))}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--favorite{color:#e51f43!important}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--favorite.is-saved{color:#e20e38!important}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--folder,
html:not(.dark-mode) .ofa-title-action.ofa-title-action--notification{color:#536176!important}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--notification.is-saved,
html:not(.dark-mode) .ofa-title-action.ofa-title-action--folder.is-saved{color:#405ee8!important}
html:not(.dark-mode) .ofa-title-action.ofa-title-action--notification .ofa-title-action__state-dot{border-color:#fff}

/* Effect 1 — elastic signal ring. */
body.ofa-action-effect-1 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification)::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:4px;
  border:1.5px solid var(--ofa-action-accent);
  border-radius:50%;
  opacity:0;
  pointer-events:none;
}
body.ofa-action-effect-1 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification).is-ofa-effecting::after{animation:ofa-signal-ring .72s cubic-bezier(.16,1,.3,1)}
body.ofa-action-effect-1 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification).is-ofa-effecting .ofa-title-action__icon{animation:ofa-elastic-mark .66s linear}
@keyframes ofa-signal-ring{0%{opacity:.8;transform:scale(.62)}70%{opacity:.18;transform:scale(1.58)}100%{opacity:0;transform:scale(1.8)}}
@keyframes ofa-elastic-mark{0%{transform:scale(1)}28%{transform:scale(.72)}55%{transform:scale(1.28)}72%{transform:scale(.92)}86%{transform:scale(1.07)}100%{transform:scale(1)}}

/* Effect 2 — pointer-origin liquid pulse. */
body.ofa-action-effect-2 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification)::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:var(--ofa-press-x);
  top:var(--ofa-press-y);
  width:9px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in oklab,var(--ofa-action-accent) 72%,white) 0 18%,color-mix(in oklab,var(--ofa-action-accent) 44%,transparent) 35%,transparent 70%);
  opacity:0;
  translate:-50% -50%;
  pointer-events:none;
}
body.ofa-action-effect-2 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification).is-ofa-effecting::before{animation:ofa-liquid-pulse .75s cubic-bezier(.16,1,.3,1)}
body.ofa-action-effect-2 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification).is-ofa-turning-on .ofa-title-action__icon{animation:ofa-liquid-icon .68s cubic-bezier(.16,1,.3,1)}
@keyframes ofa-liquid-pulse{0%{opacity:.8;scale:.3;filter:blur(0)}55%{opacity:.35;scale:6;filter:blur(1px)}100%{opacity:0;scale:8;filter:blur(3px)}}
@keyframes ofa-liquid-icon{0%{transform:scale(.88);filter:drop-shadow(0 0 0 transparent)}55%{transform:scale(1.2);filter:drop-shadow(0 0 8px var(--ofa-action-accent))}100%{transform:scale(1);filter:drop-shadow(0 0 0 transparent)}}

/* Effect 3 — restrained cinema spark burst. */
body.ofa-action-effect-3 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification)::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-10px;
  border-radius:50%;
  background:repeating-conic-gradient(from var(--ofa-spark-turn),transparent 0 16deg,var(--ofa-action-accent) 17deg 19deg,transparent 20deg 40deg);
  -webkit-mask:radial-gradient(circle,transparent 0 48%,#000 50% 53%,transparent 58%);
  mask:radial-gradient(circle,transparent 0 48%,#000 50% 53%,transparent 58%);
  opacity:0;
  pointer-events:none;
}
body.ofa-action-effect-3 .ofa-title-action:is(.ofa-title-action--favorite,.ofa-title-action--notification).is-ofa-effecting::after{animation:ofa-cinema-sparks .78s cubic-bezier(.16,1,.3,1)}
body.ofa-action-effect-3 .ofa-title-action--favorite.is-ofa-effecting .ofa-title-action__icon{animation:ofa-heart-cut .72s cubic-bezier(.34,1.56,.64,1)}
body.ofa-action-effect-3 .ofa-title-action--notification.is-ofa-effecting .ofa-title-action__icon{transform-origin:50% 12%;animation:ofa-bell-cut .75s cubic-bezier(.36,.07,.19,.97)}
@keyframes ofa-cinema-sparks{0%{--ofa-spark-turn:0deg;opacity:0;transform:scale(.58)}25%{opacity:.85}100%{--ofa-spark-turn:65deg;opacity:0;transform:scale(1.42)}}
@keyframes ofa-heart-cut{0%{transform:scale(1) rotate(0)}30%{transform:scale(.76) rotate(-7deg)}60%{transform:scale(1.27) rotate(5deg)}100%{transform:scale(1) rotate(0)}}
@keyframes ofa-bell-cut{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg) scale(1.08)}48%{transform:rotate(-12deg) scale(1.12)}70%{transform:rotate(7deg)}86%{transform:rotate(-3deg)}}

/* Folder picker: shared accessible structure. */
.ofa-folder-picker__backdrop{display:none}
.ofa-folder-picker{
  --ofa-picker-radius:2px;
  position:absolute;
  z-index:1700;
  top:calc(100% + 10px);
  left:0;
  box-sizing:border-box;
  width:min(390px,calc(100vw - 28px));
  max-height:min(72dvh,620px);
  padding:18px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  border:0;
  border-radius:var(--ofa-picker-radius);
  background:var(--ofa-panel-bg);
  color:var(--ofa-panel-text);
  box-shadow:0 24px 72px rgba(1,5,14,.48);
  scrollbar-width:thin;
  transform-origin:top left;
  transition:opacity .18s ease,transform .26s cubic-bezier(.16,1,.3,1),display .18s allow-discrete;
}
.ofa-folder-picker[hidden]{display:none!important}
@starting-style{.ofa-folder-picker:not([hidden]){opacity:0;transform:translateY(-7px) scale(.975)}}
.ofa-folder-picker__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 12px}
.ofa-folder-picker__head>span{display:grid;gap:2px;min-width:0}
.ofa-folder-picker__head strong{color:var(--ofa-panel-text);font-size:15px;letter-spacing:.01em}
.ofa-folder-picker__head small{color:var(--ofa-panel-muted);font-size:10px;letter-spacing:.075em;text-transform:uppercase}
.ofa-folder-picker__head button{
  display:grid;
  flex:0 0 34px;
  width:34px;
  height:34px;
  min-height:34px;
  padding:0;
  border:0!important;
  border-radius:50%;
  background:transparent!important;
  color:var(--ofa-panel-muted)!important;
  place-items:center;
  box-shadow:none!important;
}
.ofa-folder-picker__head button:hover,.ofa-folder-picker__head button:focus-visible{background:var(--ofa-panel-accent-soft)!important;color:var(--ofa-panel-text)!important;outline:0;transform:rotate(4deg)}
.ofa-folder-picker__head svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.ofa-folder-picker__list{display:grid;gap:2px;width:100%;max-width:100%;max-height:290px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin}
.ofa-folder-choice{
  position:relative;
  display:grid;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:43px;
  width:100%;
  min-width:0;
  max-width:100%;
  margin:0;
  padding:8px 8px;
  border:0;
  color:var(--ofa-panel-text);
  cursor:pointer;
  transition:background-color .17s ease,color .17s ease;
}
.ofa-folder-choice:hover{padding-left:8px;transform:none}
.ofa-folder-choice:focus-within{outline:1px solid color-mix(in oklab,var(--ofa-panel-accent) 70%,white);outline-offset:-1px}
.ofa-folder-choice input{
  display:grid;
  width:17px!important;
  min-width:17px;
  height:17px;
  min-height:17px!important;
  margin:0;
  padding:0!important;
  appearance:none;
  border:1px solid color-mix(in oklab,var(--ofa-panel-muted) 62%,transparent)!important;
  border-radius:4px!important;
  background:transparent!important;
  color:#fff;
  place-items:center;
  box-shadow:none!important;
  cursor:pointer;
}
.ofa-folder-choice input::after{content:"";width:8px;height:5px;border-bottom:1.8px solid currentColor;border-left:1.8px solid currentColor;opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.4);transition:opacity .14s ease,transform .24s cubic-bezier(.16,1,.3,1)}
.ofa-folder-choice input:checked{border-color:var(--ofa-panel-accent)!important;background:var(--ofa-panel-accent)!important}
.ofa-folder-choice input:checked::after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}
.ofa-folder-choice span{overflow:hidden;color:inherit;font-size:13px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}
.ofa-folder-choice small{color:var(--ofa-panel-muted);font-size:10px;white-space:nowrap}
.ofa-folder-picker__create{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px!important;
  margin:14px 0 0!important;
  padding-top:10px;
  border:0;
}
.ofa-folder-picker__create label{min-width:0;margin:0!important}
.ofa-folder-picker__create input{
  width:100%;
  min-height:40px;
  padding:8px 10px;
  border-width:0 0 1px!important;
  border-style:solid!important;
  border-color:color-mix(in oklab,var(--ofa-panel-muted) 32%,transparent)!important;
  border-radius:0;
  background:transparent!important;
  color:var(--ofa-panel-text)!important;
  font-size:14px;
  outline:0;
  box-shadow:none!important;
}
.ofa-folder-picker__create input:focus{border-color:var(--ofa-panel-accent)!important}
.ofa-folder-picker__create button{
  display:inline-grid;
  grid-auto-flow:column;
  gap:7px;
  min-height:40px;
  padding:0 11px;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  color:color-mix(in oklab,var(--ofa-panel-accent) 78%,white)!important;
  place-items:center;
  box-shadow:none!important;
}
.ofa-folder-picker form.ofa-folder-picker__create button{padding:0 11px;border-radius:0}
.ofa-folder-picker__create button:hover,.ofa-folder-picker__create button:focus-visible{background:transparent!important;color:#fff!important;outline:0}
.ofa-folder-picker__create button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.ofa-folder-picker__create button:hover svg{transform:translateX(2px)}
.ofa-folder-picker__message{min-height:15px;margin:7px 0 0;color:#ff7387;font-size:11px}

/* Folder skin 1 — editorial hairlines. */
body.ofa-folder-skin-1 .ofa-folder-picker{--ofa-picker-radius:2px;border-color:color-mix(in oklab,var(--ofa-panel-muted) 34%,transparent);background:color-mix(in oklab,var(--ofa-panel-bg) 97%,transparent);box-shadow:0 26px 66px rgba(0,3,12,.42)}
body.ofa-folder-skin-1 .ofa-folder-choice{border-top:1px solid var(--ofa-panel-line)}
body.ofa-folder-skin-1 .ofa-folder-choice:has(input:checked){background:linear-gradient(90deg,var(--ofa-panel-accent-soft),transparent 72%)}
body.ofa-folder-skin-1 .ofa-folder-choice:has(input:checked)::before{content:"";position:absolute;top:8px;bottom:8px;left:0;width:2px;background:var(--ofa-panel-accent)}
body.ofa-folder-skin-1 .ofa-folder-picker__create{border-top:1px solid var(--ofa-panel-line)}
body.ofa-folder-skin-1 .ofa-folder-picker__create input{padding-right:2px;padding-left:2px;border-width:0 0 1px!important}
body.ofa-folder-skin-1 .ofa-folder-picker form.ofa-folder-picker__create button{border-radius:0}

/* Folder skin 2 — quiet frosted layer. */
body.ofa-folder-skin-2 .ofa-folder-picker{--ofa-picker-radius:14px;border:0;background:color-mix(in oklab,var(--ofa-panel-bg) 76%,transparent);box-shadow:0 18px 52px rgba(0,3,14,.38);backdrop-filter:blur(22px) saturate(122%);-webkit-backdrop-filter:blur(22px) saturate(122%)}
body.ofa-folder-skin-2 .ofa-folder-choice{border-radius:7px}
body.ofa-folder-skin-2 .ofa-folder-choice:hover{background:color-mix(in oklab,var(--ofa-panel-accent) 7%,transparent)}
body.ofa-folder-skin-2 .ofa-folder-choice:has(input:checked){background:color-mix(in oklab,var(--ofa-panel-accent) 11%,transparent)}
body.ofa-folder-skin-2 .ofa-folder-picker__create{padding:9px 0 0;border:0;border-radius:0;background:transparent}
body.ofa-folder-skin-2 .ofa-folder-picker__create input{border-width:0 0 1px!important}
body.ofa-folder-skin-2 .ofa-folder-picker__create button{border-radius:0}

/* Folder skin 3 — compact cinema command sheet. */
body.ofa-folder-skin-3 .ofa-folder-picker{--ofa-picker-radius:9px;padding-top:21px;border:0;background:var(--ofa-panel-raised);box-shadow:0 30px 84px rgba(0,3,12,.62)}
body.ofa-folder-skin-3 .ofa-folder-picker::before{content:"";position:absolute;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--ofa-panel-accent),#8c5cff 58%,transparent)}
body.ofa-folder-skin-3 .ofa-folder-choice{grid-template-columns:18px minmax(0,1fr) auto;border-bottom:1px solid var(--ofa-panel-line)}
body.ofa-folder-skin-3 .ofa-folder-choice input{border-radius:50%!important}
body.ofa-folder-skin-3 .ofa-folder-choice:hover,body.ofa-folder-skin-3 .ofa-folder-choice:has(input:checked){background:linear-gradient(90deg,var(--ofa-panel-accent-soft),transparent)}
body.ofa-folder-skin-3 .ofa-folder-picker__create{border-top:0;background:#070b13}
body.ofa-folder-skin-3 .ofa-folder-picker__create input{border-width:0 0 1px!important}

/* The same three skins continue into the account folder manager. */
body[class*="ofa-folder-skin-"] .ofa-collection-create{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin-bottom:17px;
  padding:8px;
  border:1px solid var(--ofa-panel-line);
  background:color-mix(in oklab,var(--ofa-panel-raised) 54%,transparent);
}
body[class*="ofa-folder-skin-"] .ofa-collection-create input,
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar input{min-height:40px;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important}
body[class*="ofa-folder-skin-"] .ofa-collection-create button,
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar button,
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar .ofa-danger{
  min-height:38px;
  padding:7px 12px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:color-mix(in oklab,var(--ofa-panel-accent) 78%,white)!important;
  box-shadow:none!important;
}
body[class*="ofa-folder-skin-"] .ofa-collection-create button:hover,
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar button:hover{background:var(--ofa-panel-accent-soft)!important;color:#fff!important;transform:translateY(-1px)}
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar .ofa-danger{color:#ff6e82!important}
body[class*="ofa-folder-skin-"] .ofa-collection-toolbar .ofa-danger:hover{background:color-mix(in oklab,#ff3554 10%,transparent)!important}
body[class*="ofa-folder-skin-"] .ofa-collection-tab{min-height:36px!important;border-color:var(--ofa-panel-line)!important;border-radius:2px!important;background:transparent!important;font-size:11px!important;letter-spacing:.035em}
body[class*="ofa-folder-skin-"] .ofa-collection-tab:hover{border-color:var(--ofa-panel-accent)!important;background:var(--ofa-panel-accent-soft)!important;transform:translateY(-1px)}
body[class*="ofa-folder-skin-"] .ofa-collection-tab.is-active{border-color:var(--ofa-panel-accent)!important;background:var(--ofa-panel-accent-soft)!important;color:var(--ofa-panel-text)!important}
body.ofa-folder-skin-1 .ofa-collection-create{padding:0 0 7px;border-width:0 0 1px;background:transparent}
body.ofa-folder-skin-1 .ofa-collection-tab{border-width:0 0 1px!important}
body.ofa-folder-skin-2 .ofa-collection-create{border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.ofa-folder-skin-2 .ofa-collection-create button,body.ofa-folder-skin-2 .ofa-collection-toolbar button,body.ofa-folder-skin-2 .ofa-collection-tab{border-radius:9px!important}
body.ofa-folder-skin-2 .ofa-collection-tab{border-radius:999px!important}
body.ofa-folder-skin-3 .ofa-collection-create{position:relative;border:0;border-radius:8px;background:#070b13}
body.ofa-folder-skin-3 .ofa-collection-create::before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,var(--ofa-panel-accent),transparent 75%)}
body.ofa-folder-skin-3 .ofa-collection-tab{border-width:0!important;border-radius:0!important;background:color-mix(in oklab,var(--ofa-panel-raised) 72%,transparent)!important}
body.ofa-folder-skin-3 .ofa-collection-tab.is-active{box-shadow:inset 2px 0 var(--ofa-panel-accent)}
html:not(.dark-mode) body.ofa-folder-skin-3 .ofa-folder-picker__create,
html:not(.dark-mode) body.ofa-folder-skin-3 .ofa-collection-create{background:#eef2f9}

/* Header dropdown: shared motion, keyboard state and split footer. */
.ofa-header-notifications{
  --ofa-header-radius:2px;
  top:calc(100% + 11px);
  right:-100px;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  width:min(390px,calc(100vw - 24px));
  max-height:min(72dvh,620px);
  overflow:hidden;
  border:1px solid var(--ofa-panel-line);
  border-radius:var(--ofa-header-radius);
  background:var(--ofa-panel-bg);
  color:var(--ofa-panel-text);
  box-shadow:0 26px 76px rgba(0,3,14,.5);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(0,-7px,0) scale(.98);
  transform-origin:top right;
  transition:opacity .18s ease,visibility .18s ease,transform .28s cubic-bezier(.16,1,.3,1),display .18s allow-discrete;
}
.ofa-header-notifications__empty{margin:0;padding:18px 17px;color:var(--ofa-panel-muted);font-size:11px;text-align:center}
.ofa-member-menu.has-notifications:hover .ofa-header-notifications,
.ofa-member-menu.has-notifications:focus-within .ofa-header-notifications,
.ofa-member-menu.has-notifications.is-open .ofa-header-notifications{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.ofa-member-menu.has-notifications.is-dismissed:hover .ofa-header-notifications,
.ofa-member-menu.has-notifications.is-dismissed:focus-within .ofa-header-notifications{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate3d(0,-7px,0) scale(.98)!important}
@starting-style{
  .ofa-member-menu.has-notifications:hover .ofa-header-notifications,
  .ofa-member-menu.has-notifications:focus-within .ofa-header-notifications,
  .ofa-member-menu.has-notifications.is-open .ofa-header-notifications{opacity:0;transform:translate3d(0,-7px,0) scale(.98)}
}
.ofa-header-notifications__head{padding:15px 17px;border-bottom:1px solid var(--ofa-panel-line)}
.ofa-header-notifications__head strong{color:var(--ofa-panel-text);font-size:13px}
.ofa-header-notifications__head span{color:var(--ofa-panel-muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.ofa-header-notifications__list{min-height:0;max-height:min(48dvh,390px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
.ofa-header-notification{min-height:60px;padding:12px 17px;border-bottom:1px solid var(--ofa-panel-line);color:var(--ofa-panel-text)!important}
.ofa-header-notification strong{color:inherit;font-size:12px}
.ofa-header-notification span{color:var(--ofa-panel-muted);font-size:11px}
.ofa-header-notification:hover,.ofa-header-notification:focus-visible{padding-left:20px;background:var(--ofa-panel-accent-soft);outline:0}
.ofa-header-notifications__footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:0;
  border:0;
  color:inherit!important;
  letter-spacing:0;
  text-align:initial;
  text-transform:none;
}
.ofa-header-notifications__footer>a{display:grid;min-height:43px;padding:0 13px;color:var(--ofa-panel-muted)!important;font-size:10px;font-weight:750;letter-spacing:.055em;text-decoration:none!important;text-transform:uppercase;place-items:center;transition:background-color .16s ease,color .16s ease}
.ofa-header-notifications__footer>a+a{border-left:1px solid var(--ofa-panel-line)}
.ofa-header-notifications__footer:hover{background:transparent}
.ofa-header-notifications__footer>a:hover,.ofa-header-notifications__footer>a:focus-visible{background:var(--ofa-panel-accent-soft);color:var(--ofa-panel-text)!important;outline:0}

/* Header skin 1 — exact hairline rows. */
body.ofa-header-skin-1 .ofa-header-notifications{--ofa-header-radius:2px;background:color-mix(in oklab,var(--ofa-panel-bg) 97%,transparent)}
body.ofa-header-skin-1 .ofa-header-notification.is-unread::before{width:2px;background:var(--ofa-panel-accent)}

/* Header skin 2 — soft glass. */
body.ofa-header-skin-2 .ofa-header-notifications{--ofa-header-radius:13px;width:min(360px,calc(100vw - 24px));border:0;background:color-mix(in oklab,var(--ofa-panel-bg) 74%,transparent);box-shadow:0 18px 52px rgba(0,3,14,.36);backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%)}
body.ofa-header-skin-2 .ofa-header-notifications__head{padding:13px 14px 8px;border:0}
body.ofa-header-skin-2 .ofa-header-notifications__list{display:grid;gap:1px;padding:0 5px 5px}
body.ofa-header-skin-2 .ofa-header-notification{min-height:54px;padding:10px 12px;border:0;border-radius:7px}
body.ofa-header-skin-2 .ofa-header-notification::before{display:none}
body.ofa-header-skin-2 .ofa-header-notification:hover,body.ofa-header-skin-2 .ofa-header-notification:focus-visible{padding-left:12px;background:color-mix(in oklab,var(--ofa-panel-accent) 7%,transparent)}
body.ofa-header-skin-2 .ofa-header-notification.is-unread{background:color-mix(in oklab,var(--ofa-panel-accent) 8%,transparent)}
body.ofa-header-skin-2 .ofa-header-notifications__footer{margin:0;padding:2px 5px 5px;border:0}
body.ofa-header-skin-2 .ofa-header-notifications__footer>a{min-height:38px;border:0!important;border-radius:6px}
body.ofa-header-skin-2 .ofa-header-notifications__footer>a:hover,body.ofa-header-skin-2 .ofa-header-notifications__footer>a:focus-visible{background:color-mix(in oklab,var(--ofa-panel-accent) 7%,transparent)}

/* Header skin 3 — compact cinema activity sheet. */
body.ofa-header-skin-3 .ofa-header-notifications{--ofa-header-radius:9px;padding-top:2px;border:0;background:var(--ofa-panel-raised);box-shadow:0 32px 88px rgba(0,3,12,.62)}
body.ofa-header-skin-3 .ofa-header-notifications::after{content:"";position:absolute;z-index:2;top:0;right:0;left:0;height:2px;background:linear-gradient(90deg,var(--ofa-panel-accent),#8c5cff 58%,transparent)}
body.ofa-header-skin-3 .ofa-header-notification{padding-left:28px;background:transparent}
body.ofa-header-skin-3 .ofa-header-notification::before{top:24px;bottom:auto;left:16px;width:5px;height:5px;border-radius:50%;background:color-mix(in oklab,var(--ofa-panel-muted) 46%,transparent);box-shadow:none}
body.ofa-header-skin-3 .ofa-header-notification.is-unread::before{background:var(--ofa-panel-accent);box-shadow:0 0 0 4px var(--ofa-panel-accent-soft)}
body.ofa-header-skin-3 .ofa-header-notification:hover{padding-left:31px;background:linear-gradient(90deg,var(--ofa-panel-accent-soft),transparent)}

/* Mobile/touch: folder modal becomes a safe-area sheet; notifications become a tappable viewport panel. */
@media(max-width:767.98px),(hover:none) and (pointer:coarse){
  html.ofa-folder-sheet-open{overflow:hidden;overscroll-behavior:none}
  html.ofa-folder-sheet-open body{position:fixed!important;top:var(--ofa-folder-scroll-y,0px);right:0;left:0;width:100%;overflow:hidden;overscroll-behavior:none}
  .ofa-member-menu.has-notifications::after{display:none}
  .ofa-member-menu,.ofa-member-chip{width:44px;height:44px}
  .ofa-member-chip{padding:6px}
  .ofa-member-chip__avatar{flex-basis:32px;width:32px;height:32px}
  .of-topbar__side--right.has-ofa-member{grid-template-columns:44px 34px 34px!important;width:112px!important;min-width:112px!important;max-width:112px!important}
  body.home .of-topbar{grid-template-columns:36px minmax(0,1fr) 112px!important}
  body.home .of-topbar__side--right.has-ofa-member{width:112px!important;min-width:112px!important;max-width:112px!important}
  .ofa-title-actions--layout-1,.ofa-title-actions--layout-2,.ofa-title-actions--layout-3{display:flex;align-items:center;gap:6px}
  .ofa-title-actions>.ofa-title-action.ofa-title-action--favorite,
  .ofa-title-actions>.ofa-title-action.ofa-title-action--notification,
  .ofa-title-actions>.ofa-folder-action,
  .ofa-title-actions>.ofa-folder-action>.ofa-title-action.ofa-title-action--folder{flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:0;justify-content:center}
  .ofa-folder-picker__backdrop{position:fixed;z-index:10060;inset:0;display:block;background:rgba(1,4,12,.64);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
  .ofa-folder-action.is-open .ofa-folder-picker__backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .ofa-folder-picker{
    position:fixed;
    z-index:10070;
    inset:auto 10px calc(10px + env(safe-area-inset-bottom));
    width:auto;
    max-height:min(78dvh,620px);
    padding:18px 16px calc(16px + env(safe-area-inset-bottom));
    transform-origin:bottom center;
    border-radius:16px;
  }
  .ofa-title-actions--layout-3 .ofa-folder-picker{
    position:fixed;
    top:auto;
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
    left:10px;
    width:auto;
  }
  @starting-style{.ofa-folder-picker:not([hidden]){opacity:0;transform:translateY(24px) scale(.985)}}
  body.ofa-folder-skin-1 .ofa-folder-picker{border-radius:3px}
  body.ofa-folder-skin-2 .ofa-folder-picker,body.ofa-folder-skin-3 .ofa-folder-picker{border-radius:18px}
  .ofa-folder-picker__list{max-height:42dvh}
  .ofa-folder-picker__head button{flex-basis:44px;width:44px;height:44px;min-height:44px}
  .ofa-folder-choice{min-height:48px}
  .ofa-folder-picker__create{position:sticky;bottom:0;background:inherit}
  .ofa-folder-picker__create input{font-size:16px}
  .ofa-folder-picker__create button span{display:none}
  .ofa-folder-picker__create button{width:42px;padding:0}
  body[class*="ofa-folder-skin-"] .ofa-collection-create{grid-template-columns:minmax(0,1fr) 44px}
  body[class*="ofa-folder-skin-"] .ofa-collection-create input,body[class*="ofa-folder-skin-"] .ofa-collection-toolbar input{font-size:16px}
  body[class*="ofa-folder-skin-"] .ofa-collection-create button{width:44px;max-width:44px;padding:0;overflow:hidden;font-size:0}
  body[class*="ofa-folder-skin-"] .ofa-collection-create button::after{content:"+";font-size:20px;font-weight:450}
  body[class*="ofa-folder-skin-"] .ofa-collection-toolbar{display:grid;grid-template-columns:1fr;gap:7px}
  body[class*="ofa-folder-skin-"] .ofa-collection-toolbar form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}
  body[class*="ofa-folder-skin-"] .ofa-collection-toolbar .ofa-danger{justify-self:start}

  .ofa-member-menu.has-notifications:hover .ofa-header-notifications,
  .ofa-member-menu.has-notifications:focus-within .ofa-header-notifications{opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-7px,0) scale(.98)}
  .ofa-member-menu.has-notifications.is-open .ofa-header-notifications{
    position:fixed;
    inset:calc(64px + env(safe-area-inset-top)) 10px auto;
    width:auto!important;
    min-width:0;
    max-width:calc(100vw - 20px);
    max-height:min(78dvh,620px);
    margin:0;
    padding:0;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .ofa-header-notifications:popover-open{display:grid}
  .ofa-header-notifications::backdrop{
    background:rgba(1,4,12,.64);
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
  }
  @starting-style{
    .ofa-header-notifications:popover-open::backdrop{
      background:rgba(1,4,12,0);
      backdrop-filter:blur(0);
      -webkit-backdrop-filter:blur(0);
    }
  }
  .ofa-header-notifications__head,.ofa-header-notifications__list,.ofa-header-notifications__footer,.ofa-header-notification{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
  .ofa-header-notifications__head{gap:12px}
  .ofa-header-notifications__head strong,.ofa-header-notifications__head span{min-width:0;white-space:nowrap}
  .ofa-header-notifications__list{min-height:0;max-height:none;overflow-x:hidden}
  .ofa-header-notification{min-height:64px;overflow:hidden;padding-top:14px;padding-bottom:14px}
  .ofa-header-notification strong,.ofa-header-notification span{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ofa-header-notifications__footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}
  .ofa-header-notifications__footer>a{min-width:0;min-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.ofa-header-skin-1 .ofa-header-notifications{border-radius:2px}
  body.ofa-header-skin-2 .ofa-header-notifications,body.ofa-header-skin-3 .ofa-header-notifications{border-radius:14px}
}

/* Match the theme's high-specificity mobile header grid, including landscape. */
@media(max-width:767.98px),(max-width:940px) and (max-height:520px) and (orientation:landscape){
  html body .of-site-header .of-topbar,
  html body.home .of-site-header .of-topbar,
  html body:not(.home) .of-site-header .of-topbar{grid-template-columns:108px minmax(0,1fr) 116px!important}
  html body .of-site-header .of-topbar__side--right.has-ofa-member,
  html body.home .of-site-header .of-topbar__side--right.has-ofa-member,
  html body:not(.home) .of-site-header .of-topbar__side--right.has-ofa-member{
    display:grid!important;
    grid-template-columns:44px 32px 32px!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    gap:4px!important;
    justify-content:end!important;
  }
  html body .of-site-header .of-topbar__side--right.has-ofa-member .ofa-member-menu{grid-column:1!important;grid-row:1!important}
  html body .of-site-header .of-topbar__side--right.has-ofa-member .of-search-toggle{grid-column:2!important;grid-row:1!important}
  html body .of-site-header .of-topbar__side--right.has-ofa-member #theme-toggle.of-theme-toggle,
  html body .of-site-header .of-topbar__side--right.has-ofa-member .of-theme-toggle{grid-column:3!important;grid-row:1!important}
}

@media(max-width:430px){
  .ofa-folder-picker{inset:auto 7px calc(7px + env(safe-area-inset-bottom));padding-right:13px;padding-left:13px}
  .ofa-title-actions--layout-3 .ofa-folder-picker{right:7px;bottom:calc(7px + env(safe-area-inset-bottom));left:7px}
  .ofa-folder-picker__create{grid-template-columns:minmax(0,1fr) 42px}
  .ofa-member-menu.has-notifications.is-open .ofa-header-notifications{right:7px!important;left:7px!important;width:auto!important;max-width:calc(100vw - 14px)}
  .ofa-header-notifications__head{padding-right:14px;padding-left:14px}
  .ofa-header-notification{padding-right:14px;padding-left:14px}
  body.ofa-header-skin-3 .ofa-header-notification{padding-left:26px}
}

html:not(.dark-mode) body .ofa-folder-picker .ofa-folder-choice input:checked{color:#fff!important}

.ofa-action-notice{
  position:fixed;
  z-index:10100;
  right:auto;
  left:max(16px,env(safe-area-inset-left));
  bottom:calc(16px + env(safe-area-inset-bottom));
  max-width:min(390px,calc(100vw - 24px));
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f2f5fb;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
  box-shadow:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(5px);
  transition:opacity .18s ease,visibility .18s ease,transform .28s cubic-bezier(.16,1,.3,1);
}
.ofa-action-notice.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.ofa-action-notice.is-success,.ofa-action-notice.is-error{color:#f2f5fb}
html:not(.dark-mode) .ofa-action-notice{color:#172033;text-shadow:0 1px 7px rgba(255,255,255,.72)}

/* 0.10.2 — prepaint title state with zero visual delta during hydration. */
.ofa-title-action--primer,.ofa-folder-action--primer,.ofa-title-rating--primer{pointer-events:none!important}
.ofa-title-actions.is-loading>.ofa-title-action--primer,
.ofa-title-actions.is-loading>.ofa-folder-action--primer,
.ofa-title-actions.is-loading>.ofa-title-rating--primer{opacity:1}
.ofa-mobile-title-rating{display:none}
.ofa-mobile-rating-modal[hidden]{display:none!important}

/* 0.10.3 — compact desktop action row immediately above the player. */
@media(min-width:768px) and (hover:hover) and (pointer:fine){
  .ofa-title-actions--layout-1.ofa-title-actions--before-player{
    margin:10px 0 8px!important;
    padding-bottom:0!important;
    border-bottom:0!important;
  }
}

@media(max-width:767.98px),(hover:none) and (pointer:coarse){
  html.ofa-title-viewport,html.ofa-title-viewport body{max-width:100%!important;overflow-x:clip!important}
  .ofa-title-actions--layout-1,.ofa-title-actions--layout-2,.ofa-title-actions--layout-3{position:relative}
  .ofa-title-actions--layout-1.ofa-title-actions--before-player{
    position:relative;
    margin-bottom:0!important;
    padding-bottom:0!important;
    border-bottom:0!important;
  }
  .ofa-title-actions>.ofa-action-notice.is-mobile-inline{
    position:absolute;
    z-index:10100;
    top:50%;
    right:0;
    bottom:auto;
    left:var(--ofa-mobile-notice-left,151px);
    display:block;
    width:auto;
    min-width:0;
    max-width:none;
    margin:0;
    overflow:hidden;
    color:#f2f5fb;
    font-size:9px;
    font-weight:650;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    pointer-events:none;
    transform:translate3d(-4px,-50%,0);
  }
  html:not(.dark-mode) .ofa-title-actions>.ofa-action-notice.is-mobile-inline{color:#172033}
  .ofa-title-actions>.ofa-action-notice.is-mobile-inline.is-visible{transform:translate3d(0,-50%,0)}
  .ofa-title-actions>.ofa-title-rating{opacity:1;transition:opacity .12s ease}
  .ofa-title-actions.has-ofa-action-notice>.ofa-title-rating{opacity:0;pointer-events:none}
  .ofa-title-actions--layout-1,.ofa-title-actions--layout-2,.ofa-title-actions--layout-3{box-sizing:border-box;width:100%;max-width:100%}
  .ofa-title-actions>.ofa-title-action.ofa-title-action--favorite,
  .ofa-title-actions>.ofa-title-action.ofa-title-action--notification,
  .ofa-title-actions>.ofa-folder-action,
  .ofa-title-actions>.ofa-folder-action>.ofa-title-action.ofa-title-action--folder{flex-basis:40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important}

  html.ofa-mobile-rating-open{overflow:hidden!important;overscroll-behavior:none}
  html.ofa-mobile-rating-open body{position:fixed!important;top:var(--ofa-rating-scroll-y,0px)!important;right:0!important;left:0!important;width:100vw!important;max-width:100vw!important;overflow:hidden!important;overscroll-behavior:none}
  .ofa-title-actions>.ofa-title-rating,
  .ofa-title-actions--layout-1>.ofa-title-rating,
  .ofa-title-actions--layout-2>.ofa-title-rating,
  .ofa-title-actions--layout-3>.ofa-title-rating{
    display:block;
    flex:0 0 auto;
    width:auto;
    max-width:none;
    min-width:0;
    margin:0 0 0 auto;
    padding:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .ofa-title-rating>.ofa-title-rating__head,
  .ofa-title-rating>.ofa-title-rating__scores,
  .ofa-title-rating>.ofa-title-rating__footer{display:none!important}
  .ofa-mobile-title-rating{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:44px;color:#eef3fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap}
  .ofa-mobile-title-rating__score{display:flex;align-items:center;gap:4px;min-width:0;color:#6f87ff}
  .ofa-mobile-title-rating__community-star,.ofa-mobile-title-rating__rate-star{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center}
  .ofa-mobile-title-rating__community-star svg{display:block;width:19px;height:19px;fill:currentColor;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round}
  .ofa-mobile-title-rating__numbers{display:flex;align-items:baseline;gap:1px;min-width:0;line-height:1}
  .ofa-mobile-title-rating__numbers strong{font-size:13px;font-weight:780;letter-spacing:-.02em}
  .ofa-mobile-title-rating__numbers small{color:rgba(213,221,234,.55);font-size:8px;font-weight:650}
  .ofa-mobile-title-rating__numbers em{margin-left:3px;color:rgba(194,204,220,.6);font-size:8px;font-style:normal;font-weight:600;letter-spacing:.01em;white-space:nowrap}
  .ofa-mobile-title-rating__trigger{display:flex!important;align-items:center!important;gap:3px!important;width:auto!important;min-width:0!important;max-width:none!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#6f87ff!important;text-align:left!important;cursor:pointer}
  .ofa-mobile-title-rating__rate-star svg{display:block;width:19px;height:19px;fill:transparent;stroke:currentColor;stroke-width:1.65;stroke-linejoin:round;transition:fill .16s ease,transform .2s cubic-bezier(.16,1,.3,1)}
  .ofa-mobile-title-rating__trigger strong{font-size:10px;font-weight:750;letter-spacing:.01em}
  .ofa-mobile-title-rating__trigger:hover svg,.ofa-mobile-title-rating__trigger:focus-visible svg{fill:color-mix(in oklab,#6f87ff 20%,transparent);transform:scale(1.08)}
  .ofa-mobile-title-rating__trigger:focus-visible{outline:1px solid color-mix(in oklab,#6f87ff 70%,transparent);outline-offset:2px}
  .ofa-mobile-rating-modal{
    position:fixed!important;
    z-index:10200!important;
    inset:0!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100vw!important;
    min-width:0!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:0!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(1,4,12,.72)!important;
    color:#f3f6fb;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    transition:opacity .18s ease,visibility .18s ease;
  }
  .ofa-mobile-rating-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .ofa-mobile-rating-modal,.ofa-mobile-rating-modal *{box-sizing:border-box}
  .ofa-mobile-rating-modal__panel{position:relative!important;display:block!important;flex:0 0 100%!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:520px!important;max-height:min(82dvh,650px)!important;margin:0!important;padding:18px 18px calc(20px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;border:0!important;border-top:1px solid rgba(132,156,196,.2)!important;border-radius:16px 16px 0 0!important;background:#0b101c!important;box-shadow:0 -28px 72px rgba(0,2,10,.52)!important;text-align:center!important;transform:translate3d(0,22px,0);overscroll-behavior:contain;transition:transform .28s cubic-bezier(.16,1,.3,1)}
  .ofa-mobile-rating-modal.is-open .ofa-mobile-rating-modal__panel{transform:translate3d(0,0,0)}
  .ofa-mobile-rating-modal__close{position:absolute;top:12px;right:12px;display:grid;width:40px;height:40px;padding:0;border:0;background:transparent;color:rgba(226,232,240,.72);cursor:pointer;place-items:center}
  .ofa-mobile-rating-modal__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
  .ofa-mobile-rating-modal__close:hover,.ofa-mobile-rating-modal__close:focus-visible{color:#fff;outline:0}
  .ofa-mobile-rating-modal__emblem{position:relative;width:76px;height:76px;margin:0 auto 8px;color:#6f87ff}
  .ofa-mobile-rating-modal__emblem span,.ofa-mobile-rating-modal__emblem svg{display:block;width:76px;height:76px}
  .ofa-mobile-rating-modal__emblem svg{fill:#6f87ff;stroke:#6f87ff;stroke-width:1.2;filter:drop-shadow(0 9px 20px rgba(79,111,255,.28))}
  .ofa-mobile-rating-modal__emblem b{position:absolute;inset:0;display:grid;padding-top:2px;color:#fff;font-size:20px;font-weight:800;place-items:center}
  .ofa-mobile-rating-modal__eyebrow{margin:0 0 8px;color:#f3c74f;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
  .ofa-mobile-rating-modal h2{max-width:360px;margin:0 auto!important;padding:0!important;border:0!important;border-left:0!important;background:none!important;box-shadow:none!important;color:#f5f7fb;font-size:20px;font-weight:720;line-height:1.2;letter-spacing:-.025em}
  .ofa-mobile-rating-modal h2::before,.ofa-mobile-rating-modal h2::after{display:none!important;content:none!important}
  .ofa-mobile-rating-modal__summary{margin:7px auto 19px;color:rgba(194,204,220,.55);font-size:9px;line-height:1.35}
  .ofa-mobile-rating-modal__stars{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:2px!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:430px!important;margin:0 auto!important;padding:0!important;overflow:hidden!important}
  .ofa-mobile-rating-modal__star{display:grid!important;width:100%!important;min-width:0!important;max-width:100%!important;height:39px!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgba(194,204,220,.58)!important;cursor:pointer;place-items:center}
  .ofa-mobile-rating-modal__star svg{display:block;width:min(100%,29px);height:29px;fill:transparent;stroke:currentColor;stroke-width:1.55;stroke-linejoin:round;transition:fill .15s ease,color .15s ease,transform .18s cubic-bezier(.16,1,.3,1)}
  .ofa-mobile-rating-modal__star.is-filled{color:#6f87ff!important}
  .ofa-mobile-rating-modal__star.is-filled svg{fill:currentColor}
  .ofa-mobile-rating-modal__star.is-selected svg{transform:scale(1.16)}
  .ofa-mobile-rating-modal__star:hover svg,.ofa-mobile-rating-modal__star:focus-visible svg{color:#91a2ff;transform:scale(1.13)}
  .ofa-mobile-rating-modal__star:focus-visible{outline:0}
  .ofa-mobile-rating-modal__selected{min-height:16px;margin:5px 0 13px;color:rgba(213,221,234,.64);font-size:9px;font-weight:650;letter-spacing:.035em}
  .ofa-mobile-rating-modal__submit{display:block;width:min(100%,320px);min-height:44px;margin:0 auto;padding:0 18px;border:1px solid #6f87ff;border-radius:2px;background:#6f87ff;color:#fff;font-size:12px;font-weight:800;letter-spacing:.025em;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
  .ofa-mobile-rating-modal__submit:hover,.ofa-mobile-rating-modal__submit:focus-visible{border-color:#91a2ff;background:#91a2ff;outline:0}
  .ofa-mobile-rating-modal__submit:disabled{border-color:rgba(132,156,196,.16);background:rgba(132,156,196,.12);color:rgba(213,221,234,.32);cursor:default}
  .ofa-mobile-rating-modal__remove{margin:12px auto 0;padding:3px;border:0;background:transparent;color:rgba(213,221,234,.52);font-size:9px;text-decoration:none;cursor:pointer}
  .ofa-mobile-rating-modal__remove:hover,.ofa-mobile-rating-modal__remove:focus-visible{color:#fff;outline:0;text-decoration:underline}
  .ofa-mobile-rating-modal__message{min-height:16px;margin:8px 0 0;color:#ff8d9d;font-size:10px}
  .ofa-mobile-rating-modal.is-saving .ofa-mobile-rating-modal__stars{opacity:.46;pointer-events:none}
  html:not(.dark-mode) .ofa-mobile-title-rating{color:#172033}
  html:not(.dark-mode) .ofa-mobile-title-rating__numbers small,
  html:not(.dark-mode) .ofa-mobile-title-rating__numbers em{color:rgba(30,41,59,.55)}
  html:not(.dark-mode) .ofa-mobile-rating-modal{color:#172033}
  html:not(.dark-mode) .ofa-mobile-rating-modal__panel{border-top-color:rgba(15,23,42,.14)!important;background:#f8fafc!important;box-shadow:0 -28px 72px rgba(15,23,42,.2)!important}
  html:not(.dark-mode) .ofa-mobile-rating-modal__close{color:rgba(30,41,59,.65)}
  html:not(.dark-mode) .ofa-mobile-rating-modal h2{color:#111827}
  html:not(.dark-mode) .ofa-mobile-rating-modal__summary,
  html:not(.dark-mode) .ofa-mobile-rating-modal__selected,
  html:not(.dark-mode) .ofa-mobile-rating-modal__remove{color:rgba(30,41,59,.58)}
  html:not(.dark-mode) .ofa-mobile-rating-modal__star{color:rgba(30,41,59,.38)}
  html:not(.dark-mode) .ofa-mobile-rating-modal__star.is-filled{color:#4f6fff!important}
}

@media (orientation:portrait) and (max-width:767.98px),
       (orientation:portrait) and (hover:none) and (pointer:coarse){
  .ofa-title-actions>.ofa-action-notice.is-mobile-inline{top:calc(50% + 4px)}
}

@supports not (overflow:clip){
  @media(max-width:767.98px),(hover:none) and (pointer:coarse){
    html.ofa-title-viewport,html.ofa-title-viewport body{overflow-x:hidden!important}
  }
}

@media(max-width:380px){
  .ofa-mobile-title-rating{gap:6px}
  .ofa-mobile-title-rating__numbers em{margin-left:2px;font-size:7px}
  .ofa-mobile-title-rating__trigger strong{font-size:9px}
  .ofa-mobile-rating-modal__panel{padding-right:12px!important;padding-left:12px!important}
  .ofa-mobile-rating-modal__stars{gap:0}
  .ofa-mobile-rating-modal__star svg{width:26px;height:26px}
}

@media(prefers-reduced-motion:reduce){
  .ofa-title-action.ofa-title-action--favorite,
  .ofa-title-action.ofa-title-action--folder,
  .ofa-title-action.ofa-title-action--notification,
  .ofa-title-action__icon,
  .ofa-title-action::before,
  .ofa-title-action::after,
  .ofa-folder-picker,
  .ofa-folder-picker__backdrop,
  .ofa-header-notifications,
  .ofa-mobile-title-rating__trigger svg,
  .ofa-mobile-rating-modal,
  .ofa-mobile-rating-modal::backdrop,
  .ofa-mobile-rating-modal__star svg,
  .ofa-action-notice{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* 0.10.4 — neutral header identity; generated avatars stay inside the account. */
.ofa-member-chip__avatar{
  display:grid!important;
  flex:0 0 24px!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  place-items:center;
}
.ofa-member-chip__icon{
  display:block;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:translateZ(0);
  transition:color .18s ease,transform .22s cubic-bezier(.16,1,.3,1);
}
.ofa-member-chip:hover .ofa-member-chip__avatar,
.ofa-member-chip:focus-visible .ofa-member-chip__avatar{box-shadow:none!important}
.ofa-member-chip:hover .ofa-member-chip__icon,
.ofa-member-chip:focus-visible .ofa-member-chip__icon{color:inherit;transform:none}
.ofa-member-chip__dot{top:-2px;right:-3px}

@media(prefers-reduced-motion:reduce){
  .ofa-member-chip__icon{transition-duration:.01ms!important}
}

/* 0.10.5 — match the static theme-toggle hover glow with no icon growth. */
.ofa-member-chip:hover,
.ofa-member-chip:focus-visible,
.ofa-member-chip:hover .ofa-member-chip__icon,
.ofa-member-chip:focus-visible .ofa-member-chip__icon{
  transform:none!important;
}

@media(min-width:768px){
  .ofa-member-chip:hover,
  .ofa-member-chip:focus-visible{
    color:#fff!important;
    opacity:1!important;
    filter:
      drop-shadow(0 0 8px rgba(110,139,255,.82))
      drop-shadow(0 0 20px rgba(110,139,255,.48))
      drop-shadow(0 0 34px rgba(255,255,255,.22))!important;
  }
  html:not(.dark-mode) .ofa-member-chip:hover,
  html:not(.dark-mode) .ofa-member-chip:focus-visible,
  body:not(.dark-mode) .ofa-member-chip:hover,
  body:not(.dark-mode) .ofa-member-chip:focus-visible{
    color:#101827!important;
    filter:
      drop-shadow(0 0 7px rgba(59,91,255,.70))
      drop-shadow(0 0 18px rgba(59,91,255,.34))!important;
  }
}

/* 0.15.7 — white guest outline and green member head, in both themes. */
html body .ofa-member-menu[data-ofa-member-state] .ofa-member-chip,
html body .ofa-member-menu[data-ofa-member-state] .ofa-member-chip:hover,
html body .ofa-member-menu[data-ofa-member-state] .ofa-member-chip:focus-visible{
  color:#fff!important;
  filter:none!important;
  transform:none!important;
}
html body .ofa-member-menu[data-ofa-member-state] .ofa-member-chip__icon{
  color:#fff!important;
  stroke:#fff!important;
  fill:none!important;
  overflow:visible;
  transform:none!important;
}
html body .ofa-member-menu[data-ofa-member-state] .ofa-member-chip__icon>path{
  stroke:#fff!important;
  fill:none!important;
}
html body .ofa-member-menu[data-ofa-member-state="guest"] .ofa-member-chip:hover .ofa-member-chip__icon,
html body .ofa-member-menu[data-ofa-member-state="guest"] .ofa-member-chip:focus-visible .ofa-member-chip__icon{
  filter:drop-shadow(0 0 5px rgba(255,255,255,.55));
}
html body .ofa-member-menu[data-ofa-member-state="member"] .ofa-member-chip__icon>path:first-of-type,
html body .ofa-member-menu.is-member-hint .ofa-member-chip__icon>path:first-of-type{
  fill:#36d68a!important;
  stroke:#36d68a!important;
  animation:ofaMemberHeadPulse 2.6s ease-in-out infinite;
}
@keyframes ofaMemberHeadPulse{
  0%,100%{filter:drop-shadow(0 0 2px rgba(54,214,138,.35))}
  50%{filter:drop-shadow(0 0 5px rgba(54,214,138,.85)) drop-shadow(0 0 9px rgba(54,214,138,.4))}
}
@media(prefers-reduced-motion:reduce){
  html body .ofa-member-menu[data-ofa-member-state="member"] .ofa-member-chip__icon>path:first-of-type,
html body .ofa-member-menu.is-member-hint .ofa-member-chip__icon>path:first-of-type{
    animation:none!important;
    filter:drop-shadow(0 0 3px rgba(54,214,138,.5));
  }
}

/* 0.11.0 — account redesign stage 1: identity and quick navigation. */
body.ofa-account-page .breadcrumbs-wrapper,
body.ofa-account-page .plain-text-entry>.entry-title{
  display:none!important;
}
body.ofa-account-page .plain-text-container{
  padding-top:0!important;
}
body.ofa-account-page .ofa-shell{
  margin-top:clamp(12px,2vw,28px)!important;
}
body.ofa-account-page .ofa-profile-head{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:0!important;
  margin:0 0 clamp(22px,2.4vw,34px)!important;
  padding:0!important;
  overflow:visible;
  border:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.ofa-account-page .ofa-profile-head__avatar{
  flex:0 0 68px!important;
  width:68px!important;
  height:68px!important;
  font-size:25px!important;
}
body.ofa-account-page .ofa-profile-head__copy{
  display:grid;
  align-content:center;
  gap:3px;
}
body.ofa-account-page .ofa-profile-head__copy h1{
  margin:0 0 2px!important;
  padding:0!important;
  border:0!important;
  color:var(--ofa-text);
  font-size:18px!important;
  font-weight:760!important;
  line-height:1.2;
  letter-spacing:-.025em!important;
}
body.ofa-account-page .ofa-profile-identity,
body.ofa-account-page .ofa-profile-joined{
  margin:0!important;
  color:var(--ofa-muted)!important;
  font-size:11px;
  line-height:1.45;
}
body.ofa-account-page .ofa-profile-joined time{
  color:inherit;
}
body.ofa-account-page .ofa-account-jump-nav{
  position:sticky;
  top:74px;
  z-index:20;
  display:flex;
  justify-content:center;
  gap:clamp(16px,2.2vw,34px);
  width:100%;
  margin:0 0 10px!important;
  padding:0 8px!important;
  overflow-x:auto;
  overflow-y:hidden;
  border:0!important;
  border-bottom:1px solid var(--ofa-line)!important;
  border-radius:0!important;
  background:rgba(5,8,17,.9)!important;
  box-shadow:none!important;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.ofa-account-page .ofa-account-jump-nav::-webkit-scrollbar{
  display:none;
}
body.ofa-account-page .ofa-account-jump-nav a{
  position:relative;
  flex:0 0 auto;
  padding:12px 0 10px!important;
  border:0!important;
  border-bottom:2px solid transparent!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ofa-muted)!important;
  font-size:10px;
  font-weight:620;
  line-height:1;
  letter-spacing:.025em;
  text-decoration:none!important;
  text-transform:uppercase;
  scroll-snap-align:center;
  transition:color .18s ease,border-color .18s ease;
}
body.ofa-account-page .ofa-account-jump-nav a:hover,
body.ofa-account-page .ofa-account-jump-nav a:focus-visible,
body.ofa-account-page .ofa-account-jump-nav a.is-active{
  border-bottom-color:#6f87ff!important;
  background:transparent!important;
  color:#fff!important;
  outline:0;
}
body.ofa-account-page .ofa-account-jump-nav a:focus-visible{
  box-shadow:0 2px 0 #6f87ff;
}
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav{
  background:rgba(250,252,255,.92)!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav a:hover,
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav a:focus-visible,
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav a.is-active,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav a:hover,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav a:focus-visible,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav a.is-active{
  color:#111827!important;
}

@media(max-width:767.98px){
  body.ofa-account-page .ofa-shell{
    margin-top:8px!important;
  }
  body.ofa-account-page .ofa-profile-head{
    gap:14px;
    margin-bottom:20px!important;
  }
  body.ofa-account-page .ofa-profile-head__avatar{
    flex-basis:56px!important;
    width:56px!important;
    height:56px!important;
    font-size:21px!important;
  }
  body.ofa-account-page .ofa-profile-head__copy h1{
    font-size:16px!important;
  }
  body.ofa-account-page .ofa-account-jump-nav{
    top:58px;
    justify-content:flex-start;
    gap:22px;
    width:100%;
    margin-right:0!important;
    margin-left:0!important;
    padding-right:2px!important;
    padding-left:2px!important;
  }
}

/* Keep stage 2 state rules after the stage 1 compatibility layer. */
body.ofa-account-page .ofa-profile-greeting{
  margin:0!important;
  color:#f7f9ff!important;
  font-size:12px!important;
  font-weight:620!important;
  line-height:1.45!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-profile-greeting,
body:not(.dark-mode).ofa-account-page .ofa-profile-greeting{
  color:#111827!important;
}
body.ofa-account-page .ofa-account-jump-nav{
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:14px!important;
  padding-left:14px!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.ofa-account-page .ofa-account-jump-nav.is-stuck{
  border:0!important;
  border-bottom:0!important;
  border-radius:14px!important;
  background:color-mix(in oklab,#080d19 67%,transparent)!important;
  box-shadow:0 14px 42px rgba(0,4,14,.28)!important;
  backdrop-filter:blur(18px) saturate(142%) contrast(.94)!important;
  -webkit-backdrop-filter:blur(18px) saturate(142%) contrast(.94)!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-account-jump-nav.is-stuck,
body:not(.dark-mode).ofa-account-page .ofa-account-jump-nav.is-stuck{
  background:rgba(249,251,255,.7)!important;
  background:color-mix(in oklab,#f9fbff 70%,transparent)!important;
  box-shadow:0 14px 42px rgba(41,57,85,.14)!important;
}
body.ofa-account-page .ofa-account-feature-grid{
  border-top:0!important;
}
.ofa-account-feature-grid .ofa-recommendations-refresh{
  flex:0 0 auto;
  min-height:28px!important;
  margin-left:auto!important;
  padding:0 9px!important;
  border:1px solid color-mix(in oklab,var(--ofa-line) 86%,transparent)!important;
  border-radius:7px!important;
  background:transparent!important;
  color:var(--ofa-muted)!important;
  font-size:9px!important;
  font-weight:680!important;
  letter-spacing:.035em!important;
  text-transform:uppercase;
  box-shadow:none!important;
  transform:none!important;
}
.ofa-account-feature-grid .ofa-recommendations-refresh:hover,
.ofa-account-feature-grid .ofa-recommendations-refresh:focus-visible{
  border-color:rgba(111,135,255,.55)!important;
  background:rgba(111,135,255,.1)!important;
  color:var(--ofa-text)!important;
  transform:none!important;
  outline:0;
}
.ofa-account-feature-grid .ofa-recommendations-refresh:disabled{opacity:.52;cursor:not-allowed}
.ofa-account-feature-grid .ofa-recommendations-refresh.is-loading{cursor:wait;opacity:.72}
.ofa-account-feature-grid .ofa-notification,
.ofa-account-feature-grid .ofa-notification:hover,
.ofa-account-feature-grid .ofa-notification:focus-visible{
  transform:none!important;
}
@media(max-width:767.98px){
  body.ofa-account-page .ofa-account-jump-nav{
    width:max-content!important;
    max-width:calc(100vw - 24px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
    padding-right:14px!important;
    padding-left:14px!important;
  }
}

/* 0.15.4 — account overflow guard and stable recommendation loading. */
html:has(body.ofa-account-page),
body.ofa-account-page{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
  overflow-x:clip;
}
body.ofa-account-page .plain-text-container,
body.ofa-account-page .plain-text-entry,
body.ofa-account-page .plain-text-entry>.entry-content,
body.ofa-account-page .ofa-shell,
body.ofa-account-page [data-ofa-member],
body.ofa-account-page .ofa-account-feature-grid,
body.ofa-account-page .ofa-account-feature-grid>.ofa-card,
body.ofa-account-page .ofa-recommendation-stage,
body.ofa-account-page .ofa-recommendation-hero{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
body.ofa-account-page .ofa-recommendation-stage{
  min-height:clamp(460px,37vw,600px);
  background:#050914;
}
body.ofa-account-page .ofa-recommendation-stage>.ofa-content-loading{
  display:grid;
  min-height:inherit;
  place-items:center;
}
body.ofa-account-page .ofa-recommendation-stage.is-empty{
  min-height:72px;
  background:transparent;
}
@media(max-width:980px){
  body.ofa-account-page .ofa-account-feature-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
  }
}
@media(max-width:767.98px){
  body.ofa-account-page .ofa-shell{width:100%!important;max-width:100%!important}
  body.ofa-account-page .ofa-account-jump-nav{max-width:calc(100% - 24px)!important}
  body.ofa-account-page .ofa-recommendation-stage{min-height:450px}
  .ofa-account-feature-grid .ofa-recommendations-refresh{margin-left:0!important}
}
@media(max-width:520px){
  body.ofa-account-page .ofa-recommendation-stage{min-height:420px}
}

/* 0.13.0 — cinematic recommendations, production listing cards and folder table. */
body.ofa-account-page .ofa-recommendation-stage{min-width:0;overflow:hidden}
body.ofa-account-page .ofa-recommendation-hero{
  --ofa-hero-drag-x:0px;
  position:relative;
  display:block;
  height:clamp(460px,37vw,600px);
  min-height:0;
  overflow:hidden;
  isolation:isolate;
  background:#050914;
  cursor:grab;
  touch-action:pan-y;
}
body.ofa-account-page .ofa-recommendation-hero.is-dragging{cursor:grabbing}
body.ofa-account-page .ofa-recommendation-hero::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-3%;
  background:var(--ofa-recommendation-backdrop) center/cover no-repeat;
  transform:translate3d(var(--ofa-hero-drag-x),0,0) scale(1.04);
  transition:transform .48s cubic-bezier(.16,1,.3,1),filter .35s ease;
  will-change:transform;
}
body.ofa-account-page .ofa-recommendation-hero.is-dragging::before{transition:none;filter:saturate(.88)}
body.ofa-account-page .ofa-recommendation-hero__shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(2,6,14,.9) 0%,rgba(2,6,14,.62) 39%,rgba(2,6,14,.08) 78%),
    linear-gradient(0deg,rgba(2,6,14,.96) 0%,rgba(2,6,14,.8) 26%,transparent 64%);
  pointer-events:none;
}
body.ofa-account-page .ofa-recommendation-hero__content{
  position:absolute;
  z-index:2;
  bottom:205px;
  left:0;
  width:min(74%,520px);
  padding:0 clamp(24px,3vw,44px);
}
body.ofa-account-page .ofa-recommendation-hero__actions{gap:9px}
body.ofa-account-page .ofa-recommendation-hero__info{
  --of-info-spark-color:rgba(255,255,255,.92);
  position:relative;
  isolation:isolate;
  display:inline-flex;
  flex:0 0 36px;
  width:36px;
  height:36px;
  padding:0;
  align-items:center;
  justify-content:center;
  border:0!important;
  border-radius:50%;
  background:transparent!important;
  color:#fff!important;
  box-shadow:none!important;
  outline:none;
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;color:#fff;pointer-events:none;transition:filter .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-icon svg{display:block;width:18px;height:18px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks,
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span{position:absolute;pointer-events:none}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks{inset:50% auto auto 50%;width:0;height:0}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span{--of-spark-x:0px;--of-spark-y:0px;top:-2px;left:-2px;width:4px;height:4px;border-radius:50%;background:var(--of-info-spark-color);box-shadow:0 0 8px rgba(255,255,255,.42);opacity:0;transform:translate(0,0) scale(.35)}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(1){--of-spark-x:0px;--of-spark-y:-25px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(2){--of-spark-x:23px;--of-spark-y:-13px;width:3px;height:3px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(3){--of-spark-x:25px;--of-spark-y:12px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(4){--of-spark-x:0px;--of-spark-y:25px;width:3px;height:3px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(5){--of-spark-x:-23px;--of-spark-y:13px}
body.ofa-account-page .ofa-recommendation-hero__info .of-home-hero__info-sparks>span:nth-child(6){--of-spark-x:-23px;--of-spark-y:-13px;width:3px;height:3px}
@media(hover:hover) and (pointer:fine){
  body.ofa-account-page .ofa-recommendation-hero__info:hover,
  body.ofa-account-page .ofa-recommendation-hero__info:focus-visible{transform:translateY(-1px) scale(1.04)}
  body.ofa-account-page .ofa-recommendation-hero__info:hover .of-home-hero__info-icon,
  body.ofa-account-page .ofa-recommendation-hero__info:focus-visible .of-home-hero__info-icon{filter:drop-shadow(0 0 5px rgba(255,255,255,.82));transform:scale(1.08)}
  body.ofa-account-page .ofa-recommendation-hero__info:hover .of-home-hero__info-sparks>span,
  body.ofa-account-page .ofa-recommendation-hero__info:focus-visible .of-home-hero__info-sparks>span{animation:ofHeroInfoSpark .56s cubic-bezier(.16,.76,.3,1) both}
}
body.ofa-account-page .ofa-recommendation-hero__quality{margin:0!important}
body.ofa-account-page .ofa-recommendation-rail{
  position:absolute;
  z-index:3;
  right:clamp(22px,3vw,42px);
  bottom:54px;
  left:clamp(22px,3vw,42px);
  display:flex;
  gap:10px;
  margin:0;
  padding:5px 2px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  cursor:grab;
  touch-action:pan-y;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
}
body.ofa-account-page .ofa-recommendation-rail::-webkit-scrollbar{display:none}
body.ofa-account-page .ofa-recommendation-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
body.ofa-account-page .ofa-recommendation-thumb{
  flex:0 0 clamp(70px,7vw,92px)!important;
  overflow:visible!important;
  scroll-snap-align:center;
}
body.ofa-account-page .ofa-recommendation-thumb img{
  width:100%;
  aspect-ratio:2/3;
  border:1px solid rgba(214,226,248,.2);
  border-radius:7px;
  opacity:.68;
  box-shadow:0 9px 22px rgba(0,0,0,.3);
}
body.ofa-account-page .ofa-recommendation-thumb.is-active img{border-color:#29cdec;opacity:1;box-shadow:0 0 0 2px rgba(41,205,236,.24),0 10px 26px rgba(0,0,0,.42);transform:translateY(-3px)}
body.ofa-account-page .ofa-recommendation-kind-switch{
  position:absolute;
  z-index:4;
  right:0;
  bottom:12px;
  left:0;
  display:flex;
  justify-content:center;
  gap:28px;
}
body.ofa-account-page .ofa-recommendation-kind-switch button{
  position:relative;
  min-height:30px!important;
  padding:0 0 6px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:rgba(225,232,244,.58)!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.075em!important;
  text-transform:uppercase;
  box-shadow:none!important;
}
body.ofa-account-page .ofa-recommendation-kind-switch button::after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#6f87ff;opacity:0;transform:scaleX(.35);transition:opacity .18s ease,transform .22s ease}
body.ofa-account-page .ofa-recommendation-kind-switch button:hover,
body.ofa-account-page .ofa-recommendation-kind-switch button:focus-visible,
body.ofa-account-page .ofa-recommendation-kind-switch button.is-active{color:#fff!important;outline:0}
body.ofa-account-page .ofa-recommendation-kind-switch button.is-active::after{opacity:1;transform:scaleX(1)}
body.ofa-account-page .ofa-recommendation-kind-switch button:disabled{opacity:.3;cursor:not-allowed}

body.ofa-account-page .ofa-title-listing-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:clamp(18px,1.7vw,28px) clamp(12px,1.35vw,22px);
  width:100%;
  min-width:0;
}
body.ofa-account-page .ofa-listing-item{position:relative;min-width:0}
body.ofa-account-page .ofa-listing-item__remove{
  position:absolute;
  z-index:6;
  top:6px;
  left:6px;
  display:grid!important;
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  min-height:25px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:50%!important;
  background:rgba(3,7,15,.72)!important;
  color:#fff!important;
  font:500 16px/1 sans-serif!important;
  place-items:center;
  opacity:.66;
  backdrop-filter:blur(7px);
  transition:opacity .18s ease,background-color .18s ease!important;
}
body.ofa-account-page .ofa-listing-item:hover .ofa-listing-item__remove,
body.ofa-account-page .ofa-listing-item__remove:focus-visible{opacity:1;background:rgba(190,27,50,.82)!important;outline:0}
body.ofa-account-page .ofa-load-more-wrap{display:flex;justify-content:center;margin-top:22px}
body.ofa-account-page .ofa-load-more-wrap .oftv-load-more[hidden]{display:none!important}

body.ofa-account-page .ofa-folder-table{position:relative;display:grid;width:100%;min-width:0;margin-top:14px;border-top:1px solid var(--ofa-line)}
body.ofa-account-page .ofa-folder-table__head,
body.ofa-account-page .ofa-folder-row__open{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 84px minmax(300px,1.5fr);
  align-items:center;
  gap:14px;
}
body.ofa-account-page .ofa-folder-table__head{grid-template-columns:minmax(180px,1fr) 84px minmax(300px,1.5fr) 38px;padding:9px 12px;color:var(--ofa-muted);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.ofa-account-page .ofa-folder-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:stretch;border-top:1px solid var(--ofa-line);transition:background-color .18s ease}
body.ofa-account-page .ofa-folder-row:hover,
body.ofa-account-page .ofa-folder-row.is-active{background:rgba(79,111,255,.055)}
body.ofa-account-page .ofa-folder-row__open{
  width:100%!important;
  min-height:72px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ofa-text)!important;
  box-shadow:none!important;
  text-align:left;
}
body.ofa-account-page .ofa-folder-row__name{overflow:hidden;min-width:0;font-size:12px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}
body.ofa-account-page .ofa-folder-row__count{color:var(--ofa-muted);font-size:10px}
body.ofa-account-page .ofa-folder-row__previews{display:flex;min-width:0;gap:6px;overflow:hidden}
body.ofa-account-page .ofa-folder-preview{display:block;flex:0 1 104px;min-width:54px;aspect-ratio:16/9;overflow:hidden;background:rgba(112,132,168,.1)}
body.ofa-account-page .ofa-folder-preview img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:filter .2s ease,transform .4s cubic-bezier(.16,1,.3,1)}
body.ofa-account-page .ofa-folder-row:hover .ofa-folder-preview img{filter:saturate(1.06);transform:scale(1.035)}
body.ofa-account-page .ofa-folder-row__empty-preview{color:var(--ofa-muted);font-size:10px}
body.ofa-account-page .ofa-folder-row__more{
  align-self:center;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--ofa-muted)!important;
  font-size:20px!important;
  letter-spacing:2px;
  box-shadow:none!important;
}
body.ofa-account-page .ofa-folder-row__more:hover,
body.ofa-account-page .ofa-folder-row__more:focus-visible{color:var(--ofa-text)!important;outline:0}
body.ofa-account-page .ofa-folder-row__menu{
  position:absolute;
  z-index:12;
  top:54px;
  right:6px;
  display:flex;
  min-width:170px;
  flex-direction:column;
  padding:7px;
  border:1px solid color-mix(in oklab,var(--ofa-line) 88%,transparent);
  border-radius:10px;
  background:color-mix(in oklab,#09101e 88%,transparent);
  box-shadow:0 18px 46px rgba(0,3,12,.4);
  backdrop-filter:blur(18px) saturate(125%);
}
body.ofa-account-page .ofa-folder-row__menu[hidden]{display:none!important}
body.ofa-account-page .ofa-folder-row__menu>button{min-height:35px!important;padding:0 10px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:var(--ofa-text)!important;font-size:11px!important;text-align:left!important;box-shadow:none!important}
body.ofa-account-page .ofa-folder-row__menu>button:hover{background:rgba(111,135,255,.1)!important}
body.ofa-account-page .ofa-folder-row__menu>button.is-danger{color:#ff7183!important}
body.ofa-account-page .ofa-folder-row__rename{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:4px}
body.ofa-account-page .ofa-folder-row__rename[hidden]{display:none!important}
body.ofa-account-page .ofa-folder-row__rename input{min-width:0;height:34px;padding:0 8px;border:0!important;border-bottom:1px solid var(--ofa-line)!important;border-radius:0!important;background:transparent!important;color:var(--ofa-text)!important;font-size:12px}
body.ofa-account-page .ofa-folder-row__rename button{min-height:34px!important;padding:0 8px!important;border:0!important;background:transparent!important;color:#8fa2ff!important;font-size:10px!important;box-shadow:none!important}
body.ofa-account-page .ofa-collection-panel{margin-top:26px;padding-top:18px;border-top:1px solid var(--ofa-line)}
body.ofa-account-page .ofa-collection-panel__head h3{margin:0 0 16px!important;padding:0!important;border:0!important;color:var(--ofa-text);font-size:17px!important}

html:not(.dark-mode) body.ofa-account-page .ofa-folder-row__menu,
body:not(.dark-mode).ofa-account-page .ofa-folder-row__menu{background:color-mix(in oklab,#f8fbff 91%,transparent);box-shadow:0 18px 46px rgba(33,48,77,.18)}

@media(max-width:1199.98px){body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:991.98px){
  body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.ofa-account-page .ofa-folder-table__head,
  body.ofa-account-page .ofa-folder-row__open{grid-template-columns:minmax(150px,.9fr) 70px minmax(260px,1.4fr)}
  body.ofa-account-page .ofa-folder-table__head{grid-template-columns:minmax(150px,.9fr) 70px minmax(260px,1.4fr) 38px}
}
@media(max-width:767.98px){
  body.ofa-account-page .ofa-recommendation-hero{height:450px}
  body.ofa-account-page .ofa-recommendation-hero__content{bottom:174px;width:88%;padding:0 20px}
  body.ofa-account-page .ofa-recommendation-hero__shade{background:linear-gradient(90deg,rgba(2,6,14,.82),rgba(2,6,14,.18) 88%),linear-gradient(0deg,rgba(2,6,14,.96) 0%,rgba(2,6,14,.78) 37%,transparent 72%)}
  body.ofa-account-page .ofa-recommendation-rail{right:14px;bottom:50px;left:14px;gap:8px}
  body.ofa-account-page .ofa-recommendation-thumb{flex-basis:72px!important}
  body.ofa-account-page .ofa-recommendation-kind-switch{bottom:8px}
  body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}
  body.ofa-account-page .ofa-folder-table__head{display:none}
  body.ofa-account-page .ofa-folder-row{grid-template-columns:minmax(0,1fr) 42px}
  body.ofa-account-page .ofa-folder-row__open{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:7px 12px;min-height:104px!important;padding:12px 7px!important}
  body.ofa-account-page .ofa-folder-row__name{font-size:13px}
  body.ofa-account-page .ofa-folder-row__count{justify-self:end}
  body.ofa-account-page .ofa-folder-row__previews{grid-column:1/-1}
  body.ofa-account-page .ofa-folder-preview{flex-basis:88px}
  body.ofa-account-page .ofa-folder-row__menu{top:62px;right:4px}
}
@media(max-width:520px){
  body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ofa-account-page .ofa-recommendation-hero{height:420px}
  body.ofa-account-page .ofa-recommendation-hero__content{bottom:160px;width:94%;padding:0 16px}
  body.ofa-account-page .ofa-recommendation-rail{bottom:48px}
  body.ofa-account-page .ofa-recommendation-thumb{flex-basis:66px!important}
}
@media(prefers-reduced-motion:reduce){
  body.ofa-account-page .ofa-recommendation-hero::before,
  body.ofa-account-page .ofa-recommendation-thumb img,
  body.ofa-account-page .ofa-folder-preview img{transition-duration:.01ms!important}
}

/* 0.13.1 — interaction and account-listing corrections. */
body.ofa-account-page .ofa-title-listing-grid{
  grid-template-columns:repeat(auto-fill,minmax(138px,190px));
  justify-content:start;
}
body.ofa-account-page .ofa-listing-item{width:100%;max-width:190px}
body.ofa-account-page .ofa-listing-item__remove{
  top:5px;
  right:5px;
  left:auto;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  opacity:.9;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(0,0,0,.68));
  backdrop-filter:none;
  transition:color .18s ease,opacity .18s ease,filter .18s ease!important;
}
body.ofa-account-page .ofa-listing-item__remove svg{
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.ofa-account-page .ofa-listing-item:hover .ofa-listing-item__remove,
body.ofa-account-page .ofa-listing-item__remove:hover,
body.ofa-account-page .ofa-listing-item__remove:focus-visible{
  background:transparent!important;
  color:#ff5368!important;
  opacity:1;
  outline:0;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 7px rgba(255,83,104,.5));
}
body.ofa-account-page [data-ofa-member]>.ofa-content-card,
body.ofa-account-page [data-ofa-member]>.ofa-notification-card,
body.ofa-account-page [data-ofa-member]>.ofa-card:last-child,
body.ofa-account-page .ofa-account-feature-grid{
  border-top:0!important;
  border-bottom:0!important;
}
body.ofa-account-page .ofa-collection-panel{
  border-top:0!important;
}
body.ofa-account-page .ofa-collection-panel .ofa-empty{
  grid-column:1/-1;
  margin:2px 0 0!important;
  color:rgba(229,235,247,.78)!important;
  font-size:11px!important;
  font-weight:520!important;
  line-height:1.45!important;
}
html:not(.dark-mode) body.ofa-account-page .ofa-collection-panel .ofa-empty,
body:not(.dark-mode).ofa-account-page .ofa-collection-panel .ofa-empty{
  color:rgba(24,34,52,.7)!important;
}
@media(max-width:767.98px){
  body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ofa-account-page .ofa-listing-item{max-width:190px}
}
@media(max-width:520px){
  body.ofa-account-page .ofa-title-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 0.14.0 — compact collections, Following Series and final account controls. */
body.ofa-account-page .ofa-listing-item__remove{
  transform:rotate(0) scale(1);
  transform-origin:50% 50%;
  transition:color .18s ease,opacity .18s ease,filter .18s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
}
@media(hover:hover) and (pointer:fine){
  body.ofa-account-page .ofa-listing-item__remove:hover,
  body.ofa-account-page .ofa-listing-item__remove:focus-visible{
    transform:rotate(90deg) scale(1.13)!important;
  }
}
body.ofa-account-page .ofa-media-card__remove--frameless{
  top:5px;
  right:5px;
  display:grid!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  place-items:center;
  opacity:.9;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 5px rgba(0,0,0,.68));
  transform:rotate(0) scale(1);
  transform-origin:50% 50%;
  transition:color .18s ease,opacity .18s ease,filter .18s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
}
body.ofa-account-page .ofa-media-card__remove--frameless svg{
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(hover:hover) and (pointer:fine){
  body.ofa-account-page .ofa-media-card__remove--frameless:hover,
  body.ofa-account-page .ofa-media-card__remove--frameless:focus-visible{
    background:transparent!important;
    color:#ff5368!important;
    opacity:1;
    outline:0;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.95)) drop-shadow(0 0 7px rgba(255,83,104,.5));
    transform:rotate(90deg) scale(1.13)!important;
  }
}

body.ofa-account-page .ofa-folder-row:hover .ofa-folder-preview img,
body.ofa-account-page .ofa-folder-row:focus-within .ofa-folder-preview img{
  filter:none;
  transform:none;
}
body.ofa-account-page .ofa-folder-row__open:hover,
body.ofa-account-page .ofa-folder-row__open:focus-visible,
body.ofa-account-page .ofa-folder-row__more:hover,
body.ofa-account-page .ofa-folder-row__more:focus-visible{
  box-shadow:none!important;
  transform:none!important;
}

.ofa-account-layout-1 #folders .ofa-title-listing-grid{grid-template-columns:repeat(8,minmax(0,1fr))}
.ofa-account-layout-2 #folders .ofa-title-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ofa-account-layout-3 #folders .ofa-title-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
body.ofa-account-page #folders .ofa-listing-item{max-width:none}

body.ofa-account-page .ofa-following-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:100%;
  min-width:0;
}
body.ofa-account-page .ofa-following-card{min-width:0}
body.ofa-account-page .ofa-following-card__link{
  position:relative;
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#080d17;
  color:#fff!important;
  text-decoration:none!important;
  isolation:isolate;
}
body.ofa-account-page .ofa-following-card__backdrop,
body.ofa-account-page .ofa-following-card__shade{position:absolute;inset:0}
body.ofa-account-page .ofa-following-card__backdrop img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  transform:scale(1.001);
  transition:filter .28s ease,transform .52s cubic-bezier(.16,1,.3,1);
}
body.ofa-account-page .ofa-following-card__shade{
  background:linear-gradient(90deg,rgba(3,7,15,.86),rgba(3,7,15,.22) 76%),linear-gradient(0deg,rgba(3,7,15,.82),transparent 66%);
}
body.ofa-account-page .ofa-following-card__identity{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:16px;
}
body.ofa-account-page .ofa-following-card__logo{
  display:block;
  width:auto;
  max-width:52%;
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left bottom;
  filter:drop-shadow(0 3px 8px rgba(0,0,0,.65));
}
body.ofa-account-page .ofa-following-card__title{
  max-width:78%;
  color:#fff;
  font-size:15px;
  font-weight:780;
  line-height:1.15;
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}
body.ofa-account-page .ofa-following-card__latest{
  color:rgba(241,245,255,.84);
  font-size:10px;
  font-weight:650;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-shadow:0 1px 5px rgba(0,0,0,.9);
}
@media(hover:hover) and (pointer:fine){
  body.ofa-account-page .ofa-following-card__link:hover .ofa-following-card__backdrop img,
  body.ofa-account-page .ofa-following-card__link:focus-visible .ofa-following-card__backdrop img{
    filter:saturate(1.06) brightness(1.04);
    transform:scale(1.025);
  }
}
body.ofa-account-page .ofa-session.is-current{justify-content:flex-start}

@media(max-width:1199.98px){
  .ofa-account-layout-1 #folders .ofa-title-listing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .ofa-account-layout-2 #folders .ofa-title-listing-grid,
  .ofa-account-layout-3 #folders .ofa-title-listing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767.98px){
  .ofa-account-layout-1 #folders .ofa-title-listing-grid,
  .ofa-account-layout-2 #folders .ofa-title-listing-grid,
  .ofa-account-layout-3 #folders .ofa-title-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.ofa-account-page .ofa-following-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body.ofa-account-page .ofa-following-card__identity{gap:6px;padding:12px}
  body.ofa-account-page .ofa-following-card__logo{max-height:38px}
}
@media(max-width:520px){
  .ofa-account-layout-1 #folders .ofa-title-listing-grid,
  .ofa-account-layout-2 #folders .ofa-title-listing-grid,
  .ofa-account-layout-3 #folders .ofa-title-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ofa-account-page .ofa-following-grid{grid-template-columns:1fr}
}

/* 0.14.1 — production listing interactions and account-card polish. */
body.ofa-account-page #folders .ofa-title-listing-grid{
  grid-template-columns:repeat(auto-fill,minmax(220px,280px));
  justify-content:start;
}
body.ofa-account-page #folders .ofa-listing-item--landscape{width:100%;max-width:280px}
body.ofa-account-page #folders .of-title-card-v2--landscape .of-title-card-v2__media{
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:16/9!important;
  overflow:hidden;
}
body.ofa-account-page #folders .of-title-card-v2--landscape .of-title-card-v2__poster{
  display:block;
  width:100%;
  height:100%!important;
  max-width:none;
  object-fit:cover!important;
}

body.ofa-account-page .ofa-listing-item__remove,
body.ofa-account-page .ofa-media-card__remove--frameless{
  top:5px!important;
  right:auto!important;
  left:5px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}
body.ofa-account-page .ofa-listing-item:hover .ofa-listing-item__remove,
body.ofa-account-page .ofa-listing-item__remove:hover,
body.ofa-account-page .ofa-listing-item__remove:focus,
body.ofa-account-page .ofa-listing-item__remove:focus-visible,
body.ofa-account-page .ofa-listing-item__remove:active,
body.ofa-account-page .ofa-media-card:hover .ofa-media-card__remove--frameless,
body.ofa-account-page .ofa-media-card__remove--frameless:hover,
body.ofa-account-page .ofa-media-card__remove--frameless:focus,
body.ofa-account-page .ofa-media-card__remove--frameless:focus-visible,
body.ofa-account-page .ofa-media-card__remove--frameless:active{
  border:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

body.ofa-account-page .ofa-folder-table{border-top:0!important}
body.ofa-account-page .ofa-identities,
body.ofa-account-page .ofa-identities li{font-size:10px!important;line-height:1.45}

@media(min-width:768px){
  body.ofa-account-page [data-ofa-collection-create] button{
    min-height:34px!important;
    padding:6px 10px!important;
    font-size:10px!important;
    transform:none!important;
    transition:color .18s ease,background-color .18s ease!important;
  }
  body.ofa-account-page [data-ofa-collection-create] button:hover,
  body.ofa-account-page [data-ofa-collection-create] button:focus,
  body.ofa-account-page [data-ofa-collection-create] button:focus-visible{
    background:var(--ofa-panel-accent-soft)!important;
    box-shadow:none!important;
    transform:none!important;
  }
}
@media(max-width:767.98px){
  body.ofa-account-page #folders .ofa-title-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ofa-account-page #folders .ofa-listing-item--landscape{max-width:none}
}

/* 0.14.2 — unified Continue Watching cards and stable account hydration. */
body.ofa-account-page [data-ofa-loading]:not([hidden]){
  display:grid;
  min-height:calc(100dvh - 170px);
  margin:0!important;
  border:0!important;
  background:transparent!important;
  place-items:center;
}
body.ofa-account-page .of-title-card-v2__media{
  position:relative;
  display:block;
  width:100%;
  height:auto!important;
  aspect-ratio:2/3;
  overflow:hidden;
  background:color-mix(in oklab,var(--ofa-card) 82%,#050914);
}
body.ofa-account-page .of-title-card-v2__poster{
  position:absolute!important;
  inset:0;
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
}
body.ofa-account-page .of-title-card-v2__body{
  display:block;
  min-height:44px;
}
body.ofa-account-page .ofa-image--stable{
  opacity:0;
  transition:opacity .2s ease;
}
body.ofa-account-page .ofa-image--stable.is-loaded{opacity:1}
@media(prefers-reduced-motion:reduce){
  body.ofa-account-page .ofa-image--stable{transition:none}
}

/* 0.15.0 — guest sign-in previews and short-page footer geometry. */
html:has(body.ofa-account-page){min-height:100%}
body.ofa-account-page{
  min-height:100vh;
  min-height:100dvh;
  display:flex!important;
  flex-direction:column!important;
}
body.ofa-account-page>:is(main,#main,#content,.site-content,.content-area){flex:1 0 auto}
body.ofa-account-page>:is(#page,.site,.site-wrapper){
  width:100%;
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
}
body.ofa-account-page>:is(#page,.site,.site-wrapper):has(footer){min-height:100vh;min-height:100dvh}
body.ofa-account-page>:is(#page,.site,.site-wrapper)>:is(main,#main,#content,.site-content,.content-area){flex:1 0 auto}
body.ofa-account-page footer,
body.ofa-account-page .site-footer{flex:0 0 auto;margin-top:auto!important}
body.ofa-account-page .ofa-status:empty{display:none!important}

body.ofa-account-page .ofa-login-card{
  --ofa-login-glow:rgba(78,109,255,.22);
  position:relative;
  isolation:isolate;
  width:calc(100% - 24px);
  margin:clamp(34px,7vh,86px) auto clamp(54px,9vh,108px)!important;
  overflow:hidden;
  color:var(--ofa-text);
}
body.ofa-account-page .ofa-login-card::before,
body.ofa-account-page .ofa-login-card::after{content:"";position:absolute;z-index:-1;pointer-events:none}
body.ofa-account-page .ofa-login-intro,
body.ofa-account-page .ofa-login-actions{position:relative;z-index:1;min-width:0}
body.ofa-account-page .ofa-login-kicker{
  display:block;
  margin:0 0 10px;
  color:#8194ff;
  font-size:9px;
  font-weight:800;
  line-height:1;
  letter-spacing:.2em;
}
body.ofa-account-page .ofa-login-card h1{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  color:var(--ofa-text);
  font-size:clamp(27px,3vw,40px)!important;
  line-height:1.05;
  letter-spacing:-.045em!important;
}
body.ofa-account-page .ofa-login-card .ofa-login-intro>.ofa-muted{max-width:660px;margin:0!important;font-size:13px;line-height:1.65}
body.ofa-account-page .ofa-login-actions form{margin:0}
body.ofa-account-page .ofa-login-actions label{margin-top:0;color:var(--ofa-muted);font-size:11px;letter-spacing:.04em}
body.ofa-account-page .ofa-login-actions .ofa-row{align-items:stretch}
body.ofa-account-page .ofa-login-actions input{min-width:0;min-height:42px;font-size:14px}
body.ofa-account-page .ofa-login-actions button[type="submit"]{min-height:42px;padding:9px 15px;font-size:11px;letter-spacing:.01em}
body.ofa-account-page .ofa-login-actions .ofa-divider{height:30px;font-size:11px}
body.ofa-account-page .ofa-login-actions .ofa-google{
  width:max-content!important;
  min-width:0;
  min-height:36px!important;
  padding:8px 14px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:6px!important;
  background:#f7f8fb!important;
  color:#111827!important;
  font-size:11px!important;
  font-weight:720!important;
  line-height:1!important;
}
body.ofa-account-page .ofa-login-actions .ofa-small{margin:10px 0 0!important;font-size:10px;line-height:1.45}

/* Preview 1: compact editorial card. */
body.ofa-login-page-layout-1 .ofa-login-card{
  max-width:720px;
  padding:clamp(30px,4vw,48px)!important;
  border:0!important;
  border-left:2px solid #627cff!important;
  background:linear-gradient(110deg,rgba(10,16,30,.86),rgba(7,11,22,.56))!important;
  box-shadow:0 28px 80px rgba(0,3,12,.24)!important;
}
body.ofa-login-page-layout-1 .ofa-login-intro{margin-bottom:28px}
body.ofa-login-page-layout-1 .ofa-login-card::before{inset:auto -12% -65% 28%;height:240px;background:radial-gradient(ellipse,var(--ofa-login-glow),transparent 68%)}

/* Preview 2: balanced split panel. */
body.ofa-login-page-layout-2 .ofa-login-card{
  display:grid;
  grid-template-columns:minmax(230px,.82fr) minmax(360px,1.18fr);
  align-items:center;
  gap:clamp(34px,5vw,72px);
  max-width:980px;
  padding:clamp(34px,5vw,64px)!important;
  border:1px solid rgba(133,154,197,.2)!important;
  border-radius:18px!important;
  background:rgba(7,12,24,.72)!important;
  box-shadow:0 32px 90px rgba(0,3,13,.34)!important;
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
body.ofa-login-page-layout-2 .ofa-login-card::before{inset:-45% auto -45% -18%;width:52%;background:radial-gradient(circle,var(--ofa-login-glow),transparent 70%)}
body.ofa-login-page-layout-2 .ofa-login-intro>.ofa-muted{max-width:330px}

/* Preview 3: centered glass spotlight. */
body.ofa-login-page-layout-3 .ofa-login-card{
  max-width:520px;
  padding:clamp(34px,5vw,58px)!important;
  border:1px solid rgba(145,166,210,.22)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(15,23,43,.82),rgba(5,9,18,.72))!important;
  box-shadow:0 35px 100px rgba(0,3,14,.42),inset 0 1px 0 rgba(255,255,255,.045)!important;
  text-align:center;
  backdrop-filter:blur(20px) saturate(135%);
  -webkit-backdrop-filter:blur(20px) saturate(135%);
}
body.ofa-login-page-layout-3 .ofa-login-card::before{top:-180px;left:50%;width:420px;height:320px;background:radial-gradient(circle,var(--ofa-login-glow),transparent 68%);transform:translateX(-50%)}
body.ofa-login-page-layout-3 .ofa-login-intro{margin-bottom:28px}
body.ofa-login-page-layout-3 .ofa-login-intro>.ofa-muted{margin-right:auto!important;margin-left:auto!important}
body.ofa-login-page-layout-3 .ofa-login-actions .ofa-row{flex-direction:column}
body.ofa-login-page-layout-3 .ofa-login-actions .ofa-google{margin-right:auto;margin-left:auto}

/* Preview 4: low-profile studio strip. */
body.ofa-login-page-layout-4 .ofa-login-card{
  display:grid;
  grid-template-columns:minmax(240px,.75fr) minmax(430px,1.25fr);
  align-items:end;
  gap:clamp(40px,7vw,110px);
  max-width:1120px;
  padding:clamp(28px,4vw,50px) 0!important;
  border:0!important;
  border-top:1px solid rgba(133,154,197,.22)!important;
  border-bottom:1px solid rgba(133,154,197,.22)!important;
  background:transparent!important;
}
body.ofa-login-page-layout-4 .ofa-login-card::before{top:-1px;left:0;width:86px;height:2px;background:#627cff;box-shadow:0 0 24px rgba(98,124,255,.62)}
body.ofa-login-page-layout-4 .ofa-login-card h1{font-size:clamp(30px,3.5vw,46px)!important}

html:not(.dark-mode) body.ofa-account-page .ofa-login-card,
body:not(.dark-mode).ofa-account-page .ofa-login-card{--ofa-login-glow:rgba(69,94,225,.16)}
html:not(.dark-mode) body.ofa-login-page-layout-1 .ofa-login-card,
body:not(.dark-mode).ofa-login-page-layout-1 .ofa-login-card{background:linear-gradient(110deg,rgba(255,255,255,.92),rgba(244,247,253,.72))!important;box-shadow:0 25px 70px rgba(43,58,89,.12)!important}
html:not(.dark-mode) body.ofa-login-page-layout-2 .ofa-login-card,
body:not(.dark-mode).ofa-login-page-layout-2 .ofa-login-card,
html:not(.dark-mode) body.ofa-login-page-layout-3 .ofa-login-card,
body:not(.dark-mode).ofa-login-page-layout-3 .ofa-login-card{border-color:rgba(75,94,130,.2)!important;background:rgba(250,252,255,.78)!important;box-shadow:0 28px 80px rgba(43,58,89,.14)!important}
html:not(.dark-mode) body.ofa-account-page .ofa-login-actions .ofa-google,
body:not(.dark-mode).ofa-account-page .ofa-login-actions .ofa-google{border-color:rgba(17,24,39,.16)!important;background:#151a25!important;color:#fff!important}

@media(max-width:780px){
  body.ofa-login-page-layout-2 .ofa-login-card,
  body.ofa-login-page-layout-4 .ofa-login-card{display:block;max-width:620px}
  body.ofa-login-page-layout-2 .ofa-login-intro,
  body.ofa-login-page-layout-4 .ofa-login-intro{margin-bottom:26px}
  body.ofa-login-page-layout-4 .ofa-login-card{padding-right:22px!important;padding-left:22px!important}
}
@media(max-width:700px){
  body.ofa-account-page .ofa-login-card{width:100%;margin-top:24px!important;margin-bottom:48px!important;padding:26px 20px!important}
  body.ofa-account-page .ofa-login-card h1{font-size:28px!important}
  body.ofa-account-page .ofa-login-actions input{font-size:16px}
  body.ofa-account-page .ofa-login-actions .ofa-google{min-height:38px!important}
  body.ofa-login-page-layout-1 .ofa-login-card{border-left-width:2px!important}
  body.ofa-login-page-layout-3 .ofa-login-card{border-radius:20px!important}
}

/* 0.15.9 — personal cinema cards, with linked achievements. */
.ofa-header-notifications.ofa-cinema-overview{border-radius:16px;overflow:hidden}
.ofa-cinema-overview .ofa-header-notifications__head{border:0;padding:20px 18px 13px}
.ofa-cinema-overview .ofa-header-notifications__head strong{font-size:17px;letter-spacing:-.35px}
.ofa-header-notifications .ofa-account-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 12px 12px;max-height:min(65dvh,540px)}
.ofa-header-notifications .ofa-account-summary__row{
  display:block!important;
  position:relative;
  box-sizing:border-box;
  padding:14px!important;
  margin:0!important;
  min-width:0;
  border:1px solid var(--ofa-panel-line,rgba(132,156,196,.17));
  border-radius:10px;
  background:var(--ofa-panel-accent-soft,rgba(103,127,255,.08));
  color:var(--ofa-panel-text,#edf2fa)!important;
  text-decoration:none!important;
  transform:none!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  transition:background-color .18s ease,border-color .18s ease;
}
.ofa-cinema-card__icon{display:block;width:19px;height:19px;margin-bottom:10px;color:var(--ofa-panel-accent,#8295ff)!important}
.ofa-cinema-card__icon svg{display:block;width:100%;height:100%;transform:none!important}
.ofa-cinema-card__label{display:block;margin-bottom:5px;font-size:10px;line-height:1.35;font-weight:500;color:var(--ofa-panel-muted,#adb7c9)!important}
.ofa-cinema-card__story,.ofa-cinema-card__story>span{font-size:12px!important;line-height:1.55!important;font-weight:500;color:var(--ofa-panel-text,#edf2fa)!important}
.ofa-cinema-card__story{display:block}
.ofa-cinema-card__story b{font-size:inherit;font-weight:750;font-variant-numeric:tabular-nums;color:inherit!important}
.ofa-cinema-card--for-you,.ofa-cinema-card--notifications{grid-column:1/-1}
.ofa-header-notifications .ofa-cinema-card--for-you{padding:17px 45px 17px 16px!important;background:linear-gradient(120deg,var(--ofa-panel-accent-soft,rgba(103,127,255,.14)),transparent)}
.ofa-cinema-card--for-you .ofa-cinema-card__icon{position:absolute;right:16px;top:18px;width:22px;height:22px}
.ofa-cinema-card--for-you .ofa-cinema-card__story,.ofa-cinema-card--for-you .ofa-cinema-card__story>span{font-size:16px!important;line-height:1.4!important}
.ofa-header-notifications .ofa-cinema-card--notifications{padding-left:44px!important;background:transparent}
.ofa-cinema-card--notifications .ofa-cinema-card__icon{position:absolute;left:14px;top:17px;width:17px;height:17px}
.ofa-header-notifications .ofa-account-summary__row:hover,
.ofa-header-notifications .ofa-account-summary__row:focus-visible{background:var(--ofa-panel-accent-soft,rgba(103,127,255,.12));border-color:var(--ofa-panel-accent,#8295ff);transform:none!important}
.ofa-header-notifications .ofa-account-summary__row:focus-visible{outline:1px solid #8295ff;outline-offset:-2px}
.ofa-header-notifications.ofa-cinema-overview .ofa-header-notifications__footer{grid-template-columns:1fr 1fr;padding:0 12px 8px}
@media(max-width:359px){
  .ofa-header-notifications .ofa-account-summary{gap:6px;padding-right:8px;padding-left:8px}
  .ofa-header-notifications .ofa-account-summary__row{padding:11px!important}
}

/* 0.15.5 — recommendation controls, carousel motion and dark-surface contrast. */
body.ofa-account-page #for-you .ofa-section-head{
  flex-wrap:nowrap!important;
  gap:clamp(6px,1vw,12px)!important;
}
body.ofa-account-page #for-you .ofa-section-head h2{flex:0 0 auto}
body.ofa-account-page #for-you .ofa-section-note{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.ofa-account-page #for-you .ofa-recommendations-refresh{
  flex:0 0 auto;
  margin-left:0!important;
  white-space:nowrap!important;
}
body.ofa-account-page #notifications .ofa-empty,
body.ofa-account-page #following .ofa-empty{
  color:rgba(225,232,245,.8)!important;
  font-size:11px!important;
  line-height:1.5!important;
}
body.ofa-account-page #notifications .ofa-notification__copy strong{color:#f4f7ff!important}
body.ofa-account-page #notifications .ofa-notification__copy span,
body.ofa-account-page #notifications .ofa-notification__copy time{color:rgba(216,225,241,.72)!important}
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page #notifications .ofa-empty,
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page #following .ofa-empty{color:rgba(24,34,52,.72)!important}
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page #notifications .ofa-notification__copy strong{color:#172033!important}
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page #notifications .ofa-notification__copy span,
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page #notifications .ofa-notification__copy time{color:rgba(24,34,52,.7)!important}
/* 0.15.6 — restore rail state instantly; animate only explicit off-center selections. */
body.ofa-account-page .ofa-recommendation-rail{scroll-behavior:auto}
body.ofa-account-page .ofa-recommendation-hero__title,
body.ofa-account-page .ofa-recommendation-hero__title>span{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
body.ofa-account-page .ofa-recommendation-hero__play.of-home-hero__play--textlink,
body.ofa-account-page button.ofa-recommendation-hero__play.of-home-hero__play--textlink{
  flex:0 0 auto;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:11px!important;
}
@media(max-width:767.98px){
  body.ofa-account-page #for-you .ofa-section-head{gap:6px!important}
  body.ofa-account-page #for-you .ofa-section-note{font-size:8px!important}
  body.ofa-account-page #for-you .ofa-recommendations-refresh{
    min-height:25px!important;
    padding:0 6px!important;
    font-size:7px!important;
    letter-spacing:.025em!important;
  }
  body.ofa-account-page .ofa-recommendation-hero__play.of-home-hero__play--textlink,
  body.ofa-account-page button.ofa-recommendation-hero__play.of-home-hero__play--textlink{font-size:10px!important}
}

/* 0.16.0 — five URL-only account overview previews; default remains 0.15.9. */
.ofa-cinema-overview[data-ofa-summary-preview]{
  isolation:isolate;width:min(420px,calc(100vw - 24px));max-height:min(82dvh,calc(100dvh - 88px),720px)!important;
  border-radius:24px!important;border:1px solid var(--ofa-panel-line);background:var(--ofa-panel-bg);
  box-shadow:0 22px 70px #0006,inset 0 1px 0 #ffffff12;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__head,
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-account-summary,
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__footer{position:relative;z-index:1}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-account-summary{max-height:none;min-height:0;padding:4px 14px 14px;gap:9px;overflow:auto}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-header-notifications__head{padding:22px 20px 14px}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-header-notifications__head strong{font-size:20px;line-height:1.2;letter-spacing:-.7px}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card{
  --ofa-card-ink:#bbadff;--ofa-card-light-ink:#6945d1;
  border:1px solid color-mix(in srgb,var(--ofa-panel-text) 10%,transparent);border-radius:16px;
  background:color-mix(in srgb,var(--ofa-panel-bg) 76%,transparent);padding:14px!important;
  box-shadow:inset 0 1px 0 #ffffff08;min-width:0;
}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--favorites{--ofa-card-ink:#ff9eae;--ofa-card-light-ink:#bb3459}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--expected-movies{--ofa-card-ink:#86d7ff;--ofa-card-light-ink:#2478a8}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--ratings{--ofa-card-ink:#f6d18a;--ofa-card-light-ink:#946213}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--folders{--ofa-card-ink:#8fdbcf;--ofa-card-light-ink:#157967}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--history{--ofa-card-ink:#91c5ff;--ofa-card-light-ink:#286daf}
.ofa-cinema-overview[data-ofa-summary-skin] .ofa-cinema-card--notifications{--ofa-card-ink:#d5b2f8;--ofa-card-light-ink:#8150b1}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card__icon{
  position:static;display:grid;place-items:center;box-sizing:border-box;width:34px;height:34px;padding:8px;
  margin:0 0 12px;border-radius:11px;background:color-mix(in srgb,var(--ofa-card-ink) 12%,transparent);color:var(--ofa-card-ink)!important;
}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card__label{font-size:10px;line-height:1.4;color:color-mix(in srgb,var(--ofa-panel-text) 70%,var(--ofa-panel-bg))!important;white-space:normal}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card__story{font-weight:500}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card__story b{color:var(--ofa-card-ink)!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card:hover,
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card:focus-visible{border-color:var(--ofa-card-ink);background:color-mix(in srgb,var(--ofa-panel-bg) 85%,var(--ofa-card-ink));transform:none!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-header-notifications__footer{padding:0 14px 10px;gap:8px}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-header-notifications__footer>a{border:0!important;border-radius:10px!important;background:transparent!important;font-size:10px!important;letter-spacing:.03em!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-header-notifications__footer>a:hover{background:var(--ofa-panel-accent-soft)!important;transform:none!important}
html:not(.dark-mode) .ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card{--ofa-card-ink:var(--ofa-card-light-ink)}
.ofa-summary-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit;contain:paint;opacity:.7}
.ofa-summary-fx i{position:absolute;display:block;pointer-events:none}
.ofa-summary-fx svg{position:absolute;pointer-events:none;max-width:none!important}
.ofa-summary-fx *{animation-play-state:paused!important}
.ofa-member-menu.is-open:not(.is-dismissed) .ofa-summary-fx *{animation-play-state:running!important}
html:not(.dark-mode) .ofa-summary-fx{opacity:.4}

/* 1 / Aurora Bento — soft glass tiles and a flowing ribbon from the reference. */
.ofa-cinema-overview[data-ofa-summary-skin="1"] .ofa-cinema-card--for-you{padding-right:66px!important;background:color-mix(in srgb,var(--ofa-panel-bg) 48%,transparent)}
.ofa-cinema-overview[data-ofa-summary-skin="1"] .ofa-cinema-card--for-you .ofa-cinema-card__icon{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%}
.ofa-cinema-overview[data-ofa-summary-skin="1"] .ofa-cinema-card--notifications{display:grid!important;grid-template-columns:30px 1fr;column-gap:10px;padding:12px!important}
.ofa-cinema-overview[data-ofa-summary-skin="1"] .ofa-cinema-card--notifications .ofa-cinema-card__icon{grid-row:1/3;width:30px;height:30px;margin:0}
.ofa-cinema-overview[data-ofa-summary-skin="1"] .ofa-cinema-card--notifications .ofa-cinema-card__story{grid-column:2}
.ofa-summary-ribbon{inset:-10% -15%;width:130%;height:120%;fill:none;animation:ofa-ribbon-drift 12s ease-in-out infinite alternate}
.ofa-summary-ribbon__wide{stroke:#855cf8;stroke-width:64;filter:blur(20px);opacity:.95}
.ofa-summary-ribbon__core{stroke:#ddd0ff;stroke-width:13;filter:blur(8px);opacity:.85}
.ofa-summary-ribbon path{animation:ofa-ribbon-bend 8s ease-in-out infinite alternate}
@keyframes ofa-ribbon-drift{from{transform:translate(-8%,-6%) rotate(-8deg)}to{transform:translate(8%,6%) rotate(7deg)}}
@keyframes ofa-ribbon-bend{to{d:path("M-160 230C80 430 130 -70 360 200S640 440 790 180M-170 570C40 770 220 310 450 530S680 740 790 480")}}

/* 2 / Color Stories — a compact vertical reading rail, floating mesh colours. */
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-account-summary{grid-template-columns:minmax(0,1fr);gap:6px}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card{display:grid!important;grid-template-columns:40px minmax(0,1fr);column-gap:13px;padding:12px 14px!important;border-radius:18px;border-color:transparent;background:color-mix(in srgb,var(--ofa-panel-bg) 62%,transparent)}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card__icon{grid-row:1/3;width:40px;height:40px;padding:10px;border-radius:14px;margin:0;align-self:center}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card__story{grid-column:2}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card--for-you .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card--for-you .ofa-cinema-card__story>span{font-size:13px!important}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card--for-you{--ofa-card-ink:#79ded9;--ofa-card-light-ink:#087c80}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card--favorites{--ofa-card-ink:#ffc084;--ofa-card-light-ink:#aa5717}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-cinema-card--ratings{--ofa-card-ink:#c8a2ff;--ofa-card-light-ink:#7141ba}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-summary-fx i{width:80%;height:58%;border-radius:45%;filter:blur(30px);opacity:.6;animation:ofa-mesh-float 13s ease-in-out infinite alternate;background:radial-gradient(ellipse,#28bbc9,transparent 65%);left:-25%;top:-15%}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-summary-fx i:nth-child(2){background:radial-gradient(ellipse,#ca639e,transparent 65%);left:50%;top:30%;animation-delay:-5s;animation-duration:17s}
.ofa-cinema-overview[data-ofa-summary-skin="2"] .ofa-summary-fx i:nth-child(3){background:radial-gradient(ellipse,#8074eb,transparent 65%);left:-20%;top:70%;animation-delay:-9s;animation-duration:19s}
@keyframes ofa-mesh-float{to{transform:translate(35%,38%) scale(1.35) rotate(40deg)}}

/* 3 / Premiere Pass — a ticket, foil stamps and a slow pearlescent sheen. */
.ofa-cinema-overview[data-ofa-summary-skin="3"]{border-radius:14px!important}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-account-summary{gap:10px}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card{border-radius:5px;background:color-mix(in srgb,var(--ofa-panel-bg) 85%,transparent);border-style:dashed}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card__icon{background:transparent;border:1px solid color-mix(in srgb,var(--ofa-card-ink) 35%,transparent);border-radius:50%;width:32px;height:32px;padding:6px}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--for-you{display:grid!important;grid-template-columns:60px 1fr;column-gap:14px;padding:20px 15px!important;border-style:solid}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--for-you .ofa-cinema-card__icon{grid-row:1/3;width:60px;height:65px;border:0;border-right:1px dashed var(--ofa-panel-line);border-radius:0;padding:15px 20px 15px 0;margin:0}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--for-you .ofa-cinema-card__story{grid-column:2}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--notifications{grid-column:1/-1;display:grid!important;grid-template-columns:32px 1fr;column-gap:12px}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--notifications .ofa-cinema-card__icon{grid-row:1/3;margin:0}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--notifications .ofa-cinema-card__story{grid-column:2}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--for-you{--ofa-card-ink:#91dcdd;--ofa-card-light-ink:#17757e}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-cinema-card--favorites{--ofa-card-ink:#d6acf5;--ofa-card-light-ink:#8b45aa}
.ofa-icon-duotone{fill:currentColor;fill-opacity:.2;stroke:none}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-summary-fx i:first-child{inset:-55%;background:conic-gradient(from 40deg,transparent,#87ddd555,#e1a4de77,#d6e9eebb,transparent,#a19eea66,transparent);filter:blur(22px);animation:ofa-prism-turn 24s linear infinite}
.ofa-cinema-overview[data-ofa-summary-skin="3"] .ofa-summary-fx i:nth-child(2){inset:-30%;background:linear-gradient(115deg,transparent 38%,#ffffff55 49%,transparent 58%);animation:ofa-foil-sweep 11s ease-in-out infinite alternate}
@keyframes ofa-prism-turn{to{transform:rotate(360deg)}}
@keyframes ofa-foil-sweep{from{transform:translateX(-30%)}to{transform:translateX(30%)}}

/* 4 / Spotlight — an asymmetric editorial grid, moving projector beams. */
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-account-summary{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card{border-radius:9px;background:color-mix(in srgb,var(--ofa-panel-bg) 70%,transparent)}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--for-you{grid-column:1;grid-row:1/3;display:flex!important;flex-direction:column;justify-content:center;min-height:215px}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--favorites{grid-column:2;grid-row:1}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--ratings{grid-column:2;grid-row:2}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--for-you .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--for-you .ofa-cinema-card__story>span{font-size:18px!important;line-height:1.4!important}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card__icon{border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--ofa-card-ink) 22%,transparent),transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--ofa-card-ink) 35%,transparent)}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--for-you{--ofa-card-ink:#f8cb83;--ofa-card-light-ink:#a06113}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--favorites{--ofa-card-ink:#ffab89;--ofa-card-light-ink:#b45331}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--ratings{--ofa-card-ink:#b3c3ff;--ofa-card-light-ink:#5066b9}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--notifications{display:grid!important;grid-template-columns:32px 1fr;column-gap:12px}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--notifications .ofa-cinema-card__icon{grid-row:1/3;margin:0}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-cinema-card--notifications .ofa-cinema-card__story{grid-column:2}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-summary-fx i{inset:-40%;background:conic-gradient(from 110deg at 5% 5%,transparent 0deg,#edb05c88 18deg,#ffe3a8aa 24deg,transparent 34deg);filter:blur(16px);transform-origin:5% 5%;animation:ofa-projector-sweep 14s ease-in-out infinite alternate}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-summary-fx i:nth-child(2){background:conic-gradient(from 185deg at 95% 5%,transparent 0deg,#92a7ed66 15deg,transparent 35deg);transform-origin:95% 5%;animation-delay:-7s;animation-duration:19s}
.ofa-cinema-overview[data-ofa-summary-skin="4"] .ofa-summary-fx i:nth-child(3){display:none}
@keyframes ofa-projector-sweep{from{transform:rotate(-18deg)}to{transform:rotate(28deg)}}

/* 5 / Orbit Mosaic — playful coloured badges, a mosaic and living contours. */
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-account-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card{border-radius:20px;grid-column:span 2;padding:12px!important;background:color-mix(in srgb,var(--ofa-panel-bg) 80%,transparent)}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--for-you{grid-column:1/4;grid-row:1}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--history{grid-column:4/7;grid-row:1}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--notifications{grid-column:1/-1;display:grid!important;grid-template-columns:34px 1fr;column-gap:12px}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--notifications .ofa-cinema-card__icon{grid-row:1/3;margin:0}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--notifications .ofa-cinema-card__story{grid-column:2}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card__icon{width:35px;height:35px;border-radius:12px 12px 12px 3px;background:var(--ofa-card-ink);color:var(--ofa-panel-bg)!important}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--for-you{--ofa-card-ink:#badd8b;--ofa-card-light-ink:#597d20}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--history{--ofa-card-ink:#87dcca;--ofa-card-light-ink:#1d796b}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--for-you .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--for-you .ofa-cinema-card__story>span{font-size:14px!important}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--favorites .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--favorites .ofa-cinema-card__story>span,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--ratings .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--ratings .ofa-cinema-card__story>span,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--folders .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--folders .ofa-cinema-card__story>span{font-size:11px!important}
.ofa-summary-contours{inset:-15%;width:130%;height:130%;color:#73d7b1;opacity:.55;filter:drop-shadow(0 0 5px #43bda5);animation:ofa-contour-orbit 22s ease-in-out infinite alternate}
.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-summary-fx::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 75% 15%,#b8d87322,transparent 60%),radial-gradient(ellipse at 20% 80%,#49baa933,transparent 70%)}
@keyframes ofa-contour-orbit{from{transform:translate(-7%,-5%) rotate(-12deg) scale(.9)}to{transform:translate(8%,5%) rotate(20deg) scale(1.15)}}

@media(max-width:359px){
  .ofa-cinema-overview[data-ofa-summary-preview] .ofa-account-summary{padding-right:9px;padding-left:9px;gap:6px}
  .ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card{grid-column:auto;grid-row:auto}
  .ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--for-you,.ofa-cinema-overview[data-ofa-summary-skin="5"] .ofa-cinema-card--notifications{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .ofa-summary-fx *,.ofa-member-menu.is-open:not(.is-dismissed) .ofa-summary-fx *{animation:none!important}
}

/* 0.16.6 — a quiet cinema quotation between the profile and account navigation. */
.ofa-shell .ofa-cinema-quote{position:relative;max-width:920px;margin:4px auto 24px;padding:12px 36px 10px;text-align:center;border:0;background:none;box-shadow:none}
.ofa-shell .ofa-cinema-quote blockquote{margin:0;padding:0;border:0;background:none;box-shadow:none;font:inherit}
.ofa-shell .ofa-cinema-quote blockquote::before,.ofa-shell .ofa-cinema-quote blockquote::after{content:none}
.ofa-shell .ofa-cinema-quote [data-ofa-quote-text]{margin:0;color:#edf0f7;font-family:inherit;font-size:clamp(16px,1.45vw,20px);font-style:italic;font-weight:400;line-height:1.55;letter-spacing:0;text-wrap:balance;overflow-wrap:break-word}
.ofa-shell .ofa-cinema-quote figcaption{margin:10px 0 0;color:#bdc6d8;font-size:12px;line-height:1.5}
.ofa-shell .ofa-cinema-quote [data-ofa-quote-author]{color:inherit!important;text-decoration:none;transition:color .18s ease}
.ofa-shell .ofa-cinema-quote [data-ofa-quote-author]:hover{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
.ofa-shell .ofa-cinema-quote [data-ofa-quote-author]:focus-visible{outline:2px solid #8092ff;outline-offset:4px;border-radius:2px}
.ofa-shell .ofa-cinema-quote__mark{position:absolute;left:6px;top:2px;color:#8999f7;font-family:Georgia,serif;font-size:42px;line-height:1;opacity:.65;pointer-events:none}
html:not(.dark-mode) .ofa-shell .ofa-cinema-quote [data-ofa-quote-text]{color:#202b3f}
html:not(.dark-mode) .ofa-shell .ofa-cinema-quote figcaption{color:#526078}
html:not(.dark-mode) .ofa-shell .ofa-cinema-quote [data-ofa-quote-author]:hover{color:#263d91!important}
@media(max-width:600px){.ofa-shell .ofa-cinema-quote{margin:2px auto 20px;padding:8px 18px}.ofa-shell .ofa-cinema-quote__mark{left:-2px;top:1px;font-size:30px}.ofa-shell .ofa-cinema-quote figcaption{margin-top:8px}}

/* The Google-owned button preserves its branding and compact geometry in PWA. */
.ofa-google-identity{display:flex;justify-content:center;align-items:center;min-height:34px;max-width:100%;margin:0 auto}
.ofa-google-identity[hidden]{display:none!important}
.ofa-google-identity[aria-busy="true"]{pointer-events:none;opacity:.65}

/* 0.16.2 — account page ambience previews, independent of the header summary. */
@property --ofa-page-prism-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
body.ofa-account-page[data-ofa-account-bg]{
  isolation:isolate;
  --ofa-scene-base:#090d19;
  --ofa-scene-veil:rgba(9,13,25,.6);
  --ofa-scene-edge:rgba(9,13,25,.16);
  --ofa-scene-strength:.8;
}
html:not(.dark-mode) body.ofa-account-page[data-ofa-account-bg]{
  --ofa-scene-base:#f4f6fd;
  --ofa-scene-veil:rgba(244,246,253,.72);
  --ofa-scene-edge:rgba(244,246,253,.12);
  --ofa-scene-strength:.47;
}
body.ofa-account-page[data-ofa-account-bg] .of-parallax-bg{display:none!important}
body.ofa-account-page[data-ofa-account-bg] #page,
body.ofa-account-page[data-ofa-account-bg] #primary,
body.ofa-account-page[data-ofa-account-bg] .plain-text-container{background:transparent!important}
.ofa-account-backdrop{
  position:fixed;inset:0;z-index:-1;display:block;overflow:hidden;
  pointer-events:none!important;user-select:none;contain:paint;
  background:var(--ofa-scene-base,#090d19);
}
.ofa-account-backdrop::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--ofa-scene-edge),var(--ofa-scene-veil) 30% 70%,var(--ofa-scene-edge)),linear-gradient(0deg,var(--ofa-scene-edge),transparent 25% 75%,var(--ofa-scene-edge));
}
.ofa-backdrop-scene{position:absolute;inset:-6%;opacity:var(--ofa-scene-strength,.8);pointer-events:none}
.ofa-backdrop-scene>i{display:block;position:absolute;border-radius:50%;pointer-events:none;font-style:normal}
.ofa-backdrop-scene>svg{display:block;position:absolute;max-width:none!important;pointer-events:none}

/* 1. Violet Drift — large soft clouds closest to the supplied page reference. */
[data-ofa-account-bg="1"] .ofa-page-orb{width:min(110vmax,1500px);height:min(100vmax,1300px);background:radial-gradient(ellipse,#7948db 0%,#51278699 28%,transparent 65%);animation:ofa-page-cloud 28s ease-in-out infinite alternate}
[data-ofa-account-bg="1"] .ofa-page-orb--a{top:-30%;left:-40%}
[data-ofa-account-bg="1"] .ofa-page-orb--b{right:-32%;top:0;background:radial-gradient(ellipse,#382684 0%,#673de555 32%,transparent 68%);animation-delay:-12s;animation-duration:35s}
[data-ofa-account-bg="1"] .ofa-page-orb--c{width:min(85vmax,1100px);height:min(70vmax,900px);left:15%;bottom:-55%;background:radial-gradient(ellipse,#8f437866,transparent 68%);animation-delay:-19s;animation-duration:31s}
@supports(background:radial-gradient(ellipse in oklab,red,transparent)){
  [data-ofa-account-bg="1"] .ofa-page-orb--a{background:radial-gradient(ellipse in oklab,#7948db,#51278699 28%,transparent 65%)}
}
@keyframes ofa-page-cloud{from{transform:translate(-7%,-4%) scale(.9)}to{transform:translate(19%,16%) scale(1.12)}}

/* 2. Liquid Aurora — luminous cyan/violet ribbons with independent drift. */
[data-ofa-account-bg="2"] .ofa-page-ribbons{inset:-10%;width:120%;height:120%;overflow:visible;animation:ofa-page-aurora 25s ease-in-out infinite alternate}
.ofa-page-ribbon{stroke-width:100;filter:blur(36px);stroke:#3694c2;opacity:.78}
.ofa-page-ribbon--b{stroke:#7e62c6;stroke-width:125;opacity:.85;transform-origin:50% 50%;animation:ofa-page-ribbon-shift 21s ease-in-out infinite alternate}
@keyframes ofa-page-aurora{from{transform:translate(-7%,-9%) rotate(-8deg) scale(1.03)}to{transform:translate(9%,8%) rotate(8deg) scale(1.13)}}
@keyframes ofa-page-ribbon-shift{from{transform:translateY(-45px) rotate(-8deg)}to{transform:translateY(90px) rotate(10deg)}}

/* 3. Pearl Caustics — a registered gradient angle and moving iridescent light. */
[data-ofa-account-bg="3"] .ofa-page-orb{width:min(75vmin,680px);height:min(75vmin,680px);filter:blur(26px);background:conic-gradient(from var(--ofa-page-prism-angle,0deg),#56899f33,#598faca6,#c885b4b3,#d0cbaa99,#837dccaa,#56899f33);animation:ofa-page-pearl-angle 38s linear infinite,ofa-page-pearl-drift 26s ease-in-out infinite alternate;opacity:.7}
[data-ofa-account-bg="3"] .ofa-page-orb--a{top:-23%;left:-12%}
[data-ofa-account-bg="3"] .ofa-page-orb--b{bottom:-20%;right:-5%;animation-delay:-18s,-12s;animation-duration:45s,32s}
[data-ofa-account-bg="3"] .ofa-page-orb--c{top:15%;left:32%;opacity:.3;animation-delay:-26s,-19s;animation-duration:52s,36s}
@supports(background:conic-gradient(from 0deg in oklch,red,blue)){
  [data-ofa-account-bg="3"] .ofa-page-orb{background:conic-gradient(from var(--ofa-page-prism-angle,0deg) in oklch,#56899f33,#598faca6,#c885b4b3,#d0cbaa99,#837dccaa,#56899f33)}
}
@keyframes ofa-page-pearl-angle{to{--ofa-page-prism-angle:360deg}}
@keyframes ofa-page-pearl-drift{from{transform:translate(-8%,1%) rotate(-10deg) scale(.95)}to{transform:translate(15%,13%) rotate(16deg) scale(1.17)}}

/* 4. Cinema Lights — warm projector light crossing a cool blue beam. */
[data-ofa-account-bg="4"] .ofa-page-orb{width:120%;height:150%;top:-20%;left:-10%;border-radius:0;transform-origin:8% 0;background:conic-gradient(from 110deg at 8% 0%,transparent 0deg,#bd865c55 16deg,#d5b58999 25deg,transparent 43deg);filter:blur(18px);animation:ofa-page-projector 24s ease-in-out infinite alternate}
[data-ofa-account-bg="4"] .ofa-page-orb--b{transform-origin:92% 0;background:conic-gradient(from 175deg at 92% 0,transparent 0deg,#6789b66b 19deg,#6c79b955 25deg,transparent 46deg);animation-delay:-13s;animation-duration:31s}
[data-ofa-account-bg="4"] .ofa-page-orb--c{width:min(80vmax,1000px);height:min(70vmax,900px);left:25%;top:45%;background:radial-gradient(ellipse,#8c644640,transparent 67%);filter:none;animation:ofa-page-cloud 32s ease-in-out infinite alternate}
@keyframes ofa-page-projector{from{transform:rotate(-16deg)}to{transform:rotate(18deg)}}

/* 5. Orbital Flow — slowly travelling topographic contours and teal light. */
[data-ofa-account-bg="5"] .ofa-page-contours{inset:-12%;width:124%;height:124%;stroke:#63bfb1;stroke-width:1.2;opacity:.48;animation:ofa-page-orbits 42s ease-in-out infinite alternate}
[data-ofa-account-bg="5"] .ofa-page-orb{width:min(90vmax,1100px);height:min(75vmax,900px);background:radial-gradient(ellipse,#318c9c88,transparent 68%);left:-30%;bottom:-30%;animation:ofa-page-cloud 33s ease-in-out infinite alternate}
[data-ofa-account-bg="5"] .ofa-page-orb--b{background:radial-gradient(ellipse,#939f444d,transparent 70%);left:auto;right:-20%;bottom:auto;top:-35%;animation-delay:-17s}
@keyframes ofa-page-orbits{from{transform:rotate(-8deg) scale(.96) translate(-3%,-2%)}to{transform:rotate(12deg) scale(1.13) translate(3%,4%)}}

/* Ambient motion remains time-based; supported browsers add subtle scroll depth. */
@supports(animation-timeline:scroll()){
  .ofa-backdrop-scene{animation:ofa-page-scroll-depth linear both;animation-timeline:scroll(root block)}
  @keyframes ofa-page-scroll-depth{from{translate:0 -2%}to{translate:0 2%}}
}
@media(max-width:767.98px){
  body.ofa-account-page[data-ofa-account-bg]{--ofa-scene-strength:.64;--ofa-scene-veil:rgba(9,13,25,.68)}
  html:not(.dark-mode) body.ofa-account-page[data-ofa-account-bg]{--ofa-scene-strength:.4;--ofa-scene-veil:rgba(244,246,253,.76)}
  .ofa-page-ribbon{filter:blur(20px);stroke-width:78}
  [data-ofa-account-bg="3"] .ofa-page-orb{filter:blur(16px);width:85vmin;height:85vmin}
  [data-ofa-account-bg="3"] .ofa-page-orb--c{display:none}
  [data-ofa-account-bg="4"] .ofa-page-orb{filter:blur(10px)}
  [data-ofa-account-bg="5"] .ofa-page-contours{opacity:.3}
}
.ofa-account-backdrop[data-paused="1"] *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){
  .ofa-account-backdrop *{animation:none!important;transition:none!important}
}
@media print{.ofa-account-backdrop{display:none!important}}

/* 0.16.9 — empty-state contrast, fixed summary frame and fragment focus. */
body.ofa-account-page .ofa-shell :is(.ofa-empty,.ofa-content-loading){color:#cdd6e7!important;opacity:1}
html:not(.dark-mode) body:not(.dark-mode).ofa-account-page .ofa-shell :is(.ofa-empty,.ofa-content-loading){color:#46546b!important}
body.ofa-account-page [data-ofa-anchor-focus]:focus{outline:0!important;box-shadow:none!important}
.ofa-header-notifications.ofa-cinema-overview[data-ofa-summary-preview]{
  display:flex!important;flex-direction:column;
  height:min(540px,calc(100dvh - 96px));max-height:calc(100dvh - 96px)!important;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__head,
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__footer{flex:0 0 auto}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-account-summary{flex:1 1 auto;min-height:0;overflow:auto}
.ofa-summary-loading,.ofa-summary-error{position:relative;z-index:1;display:grid;flex:1 1 auto;min-height:0;place-items:center;margin:0;padding:24px;text-align:center;color:var(--ofa-panel-text,#edf2fa)!important}
.ofa-summary-spinner{display:block;width:32px;height:32px;border:2px solid rgba(132,156,196,.25);border-top-color:var(--ofa-panel-accent,#8295ff);border-radius:50%;animation:ofaSummarySpin .8s linear infinite}
@keyframes ofaSummarySpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ofa-summary-spinner{animation:none;border-right-color:var(--ofa-panel-accent,#8295ff)}}

/* 0.16.10 — title-page controls beside the home hero info link. */
.of-home-hero__actions>.ofa-home-hero-actions{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;margin:0;padding:0}
.of-home-hero__actions>.ofa-home-hero-actions>.ofa-title-action{flex:0 0 42px;width:42px;min-width:42px;max-width:42px;height:42px;min-height:42px;margin:0;padding:0}
/* The hero backdrop remains dark even when the surrounding site uses light mode. */
html body .ofa-home-hero-actions>.ofa-title-action--favorite{color:#ff526b!important}
html body .ofa-home-hero-actions>.ofa-title-action--favorite.is-saved{color:#ff2448!important}
html body .ofa-home-hero-actions>.ofa-title-action--notification{color:#dce4f1!important}
html body .ofa-home-hero-actions>.ofa-title-action--notification.is-saved{color:#7890ff!important}
html body .ofa-home-hero-actions .ofa-title-action__state-dot{border-color:#080d19}
.ofa-home-hero-actions>.ofa-title-action:disabled{opacity:1;cursor:wait}
@media(max-width:767.98px){
  .of-home-hero__actions>.ofa-home-hero-actions{gap:0}
  .of-home-hero__actions>.ofa-home-hero-actions>.ofa-title-action{flex-basis:40px;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px}
}

/* 0.16.11 — keep initial server-rendered state visually stable while JS attaches. */
.ofa-home-hero-actions>.ofa-title-action:not([data-ofa-toggle-bound]) .ofa-title-action__state-dot{transition:none}

/* Production aggregate favorite/follow counters: compact lower-centre placement. */
body[class*="ofa-counts-skin-"] .ofa-title-action__count{
  position:absolute;z-index:4;display:block;min-width:0;margin:0;padding:0;border:0;background:transparent!important;
  color:#aeb9ca!important;font:700 8px/1 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.01em;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.92);white-space:nowrap;
  pointer-events:none;font-variant-numeric:tabular-nums;
}
body.ofa-counts-skin-1 .ofa-title-action__count{top:2px;right:2px;transform:translate(30%,-14%)}
body.ofa-counts-skin-2 .ofa-title-action__count{top:50%;right:0;transform:translate(55%,-50%)}
body.ofa-counts-skin-3 .ofa-title-action__count{right:50%;bottom:1px;transform:translate(50%,65%)}
html:not(.dark-mode) body[class*="ofa-counts-skin-"] .ofa-title-action__count{color:#657084!important;text-shadow:0 1px 2px rgba(255,255,255,.9)}

/* 0.16.15 — reusable poster actions for catalogue, Featured and account cards. */
.ofa-card-actions{
  position:absolute;z-index:8;top:10px;right:10px;display:flex;align-items:center;gap:2px;
  margin:0;padding:0;overflow:visible;pointer-events:auto;
}
.ofa-card-actions>.ofa-title-action{
  position:relative;display:grid;flex:0 0 34px;width:34px!important;min-width:34px!important;max-width:34px!important;
  height:34px!important;min-height:34px!important;margin:0!important;padding:0!important;place-items:center;
  overflow:visible;border:1px solid rgba(225,232,244,.16)!important;border-radius:50%!important;
  background:rgba(5,9,18,.62)!important;box-shadow:0 5px 16px rgba(0,0,0,.22);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
.ofa-card-actions>.ofa-title-action:hover,.ofa-card-actions>.ofa-title-action:focus-visible{border-color:rgba(255,255,255,.42)!important;background:rgba(9,15,28,.88)!important;transform:translateY(-1px)}
.ofa-card-actions>.ofa-title-action:disabled{opacity:.72;cursor:wait}
.ofa-card-actions>.ofa-title-action .ofa-title-action__icon{width:18px;height:18px}
.ofa-card-actions>.ofa-title-action .ofa-title-action__icon svg{width:18px;height:18px}
.ofa-card-actions>.ofa-title-action--favorite{color:#ff526b!important}
.ofa-card-actions>.ofa-title-action--favorite.is-saved{color:#ff2448!important}
.ofa-card-actions>.ofa-title-action--favorite.is-saved .ofa-title-action__icon svg{fill:currentColor!important;stroke:currentColor!important}
.ofa-card-actions>.ofa-title-action--notification{color:#d4ddea!important}
.ofa-card-actions>.ofa-title-action--notification.is-saved{color:#7890ff!important}
.ofa-card-actions>.ofa-title-action__count,
.ofa-card-actions .ofa-title-action__count{right:50%!important;bottom:0!important;top:auto!important;transform:translate(50%,68%)!important;color:#b9c4d5!important;font-size:8px!important}
.ofa-card-actions--inline{position:relative;top:auto;right:auto;display:inline-flex;align-self:center;margin-left:1px}
.ofa-recommendation-hero__actions .ofa-card-actions--inline{flex:0 0 auto}
.ofa-listing-item,.ofa-media-card,.ofa-following-card,.mcs-catalog-card,.of-title-card-v2,.of-archive-featured-card{position:relative}
.ofa-listing-item>.ofa-card-actions{right:10px}
.ofa-listing-item:has(>.ofa-listing-item__remove)>.ofa-card-actions{right:43px}
.ofa-media-card:has(>.ofa-media-card__remove)>.ofa-card-actions{right:43px}
.of-archive-featured-card>.ofa-card-actions{top:14px;right:14px}
.of-media-card>.ofa-card-actions{top:9px;right:9px}
body.ofa-account-page .ofa-following-card>.ofa-card-actions{top:11px;right:11px}
html:not(.dark-mode) .ofa-card-actions>.ofa-title-action{border-color:rgba(16,28,48,.16)!important;background:rgba(250,252,255,.82)!important;box-shadow:0 5px 16px rgba(30,43,67,.16)}
html:not(.dark-mode) .ofa-card-actions>.ofa-title-action--notification{color:#526076!important}
html:not(.dark-mode) .ofa-card-actions>.ofa-title-action--notification.is-saved{color:#536cff!important}
html:not(.dark-mode) .ofa-card-actions .ofa-title-action__count{color:#566278!important;text-shadow:0 1px 2px rgba(255,255,255,.9)!important}

/* The production header overview is a fixed 2 + 2 + 3 composition with no inner scrollbar. */
.ofa-header-notifications.ofa-cinema-overview[data-ofa-summary-preview]{
  width:min(720px,calc(100vw - 24px))!important;height:auto!important;max-height:none!important;overflow:hidden!important;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-account-summary{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
  flex:0 0 auto!important;max-height:none!important;overflow:visible!important;overscroll-behavior:auto!important;
}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-account-summary__row{grid-column:span 3!important;grid-row:auto!important;min-height:96px!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--history,
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--folders,
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--expected-movies{grid-column:span 2!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--for-you,
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--notifications{display:block!important;padding:14px!important;background:color-mix(in srgb,var(--ofa-panel-bg) 80%,transparent)!important}
.ofa-cinema-overview[data-ofa-summary-preview] :is(.ofa-cinema-card--for-you,.ofa-cinema-card--notifications) .ofa-cinema-card__icon{position:static!important;width:35px!important;height:35px!important;margin:0 0 10px!important}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--for-you .ofa-cinema-card__story,
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--for-you .ofa-cinema-card__story>span{font-size:12px!important;line-height:1.55!important}
@media(max-width:767.98px){
  .ofa-card-actions{top:7px;right:7px;gap:0}.ofa-card-actions>.ofa-title-action{flex-basis:31px;width:31px!important;min-width:31px!important;max-width:31px!important;height:31px!important;min-height:31px!important}
  .ofa-card-actions>.ofa-title-action .ofa-title-action__icon,.ofa-card-actions>.ofa-title-action .ofa-title-action__icon svg{width:17px;height:17px}
  .ofa-header-notifications.ofa-cinema-overview[data-ofa-summary-preview]{width:auto!important;max-height:calc(100dvh - 72px)!important;overflow:auto!important}
  .ofa-cinema-overview[data-ofa-summary-preview]>.ofa-account-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ofa-cinema-overview[data-ofa-summary-preview] .ofa-account-summary__row{grid-column:auto!important;min-height:84px!important;padding:11px!important}
  .ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card--expected-movies{grid-column:1/-1!important}
  .ofa-cinema-overview[data-ofa-summary-preview] :is(.ofa-cinema-card--for-you,.ofa-cinema-card--notifications) .ofa-cinema-card__icon{width:30px!important;height:30px!important;margin-bottom:7px!important}
}

/* 0.16.16 — production action alignment, frameless controls and compact account summary. */
body.ofa-counts-skin-3 .ofa-title-action__count,
.ofa-card-actions .ofa-title-action__count{
  right:auto!important;bottom:2px!important;left:50%!important;top:auto!important;
  transform:translateX(-50%)!important;
  color:rgba(247,249,253,.94)!important;
  font-size:8px!important;font-weight:800!important;line-height:1!important;
  opacity:1!important;filter:none!important;mix-blend-mode:normal!important;
  text-shadow:none!important;-webkit-font-smoothing:antialiased!important;
}

.ofa-title-actions .ofa-title-action[data-ofa-public-count] .ofa-title-action__icon,
.ofa-home-hero-actions .ofa-title-action[data-ofa-public-count] .ofa-title-action__icon,
.ofa-card-actions>.ofa-title-action .ofa-title-action__icon{
  transform:translateY(-3px);
}

.ofa-card-actions{
  min-height:36px;gap:1px;
}
.ofa-card-actions::before{
  content:"";position:absolute;z-index:0;inset:5px -3px 4px;
  border-radius:999px;background:rgba(0,4,13,.34);
  filter:blur(7px);pointer-events:none;
}
.ofa-card-actions>.ofa-title-action{
  z-index:1;flex-basis:32px;width:32px!important;min-width:32px!important;max-width:32px!important;
  height:36px!important;min-height:36px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.ofa-card-actions>.ofa-title-action:hover,
.ofa-card-actions>.ofa-title-action:focus-visible{
  border:0!important;background:transparent!important;box-shadow:none!important;
}

/* Homepage wide cards: keep actions away from the existing Play control. */
.of-media-card:not(.of-media-card--ranked)>.ofa-card-actions{
  top:8px!important;right:auto!important;bottom:auto!important;left:8px!important;
}
/* Best rails: actions sit in the lower-right poster corner. */
.of-media-card.of-media-card--ranked>.ofa-card-actions{
  top:auto!important;right:8px!important;bottom:8px!important;left:auto!important;
}
.of-archive-featured-card>.ofa-card-actions{
  top:10px!important;right:10px!important;bottom:auto!important;left:auto!important;
}
.of-title-card-v2>.ofa-card-actions,
.mcs-catalog-card>.ofa-card-actions,
.ofa-listing-item>.ofa-card-actions{
  top:6px!important;right:6px!important;bottom:auto!important;left:auto!important;
}

html:not(.dark-mode) body.ofa-counts-skin-3 .ofa-title-action__count,
html:not(.dark-mode) .ofa-card-actions .ofa-title-action__count{
  color:#20283a!important;opacity:1!important;filter:none!important;text-shadow:none!important;
}
html:not(.dark-mode) .ofa-card-actions>.ofa-title-action{
  border:0!important;background:transparent!important;box-shadow:none!important;
}
html:not(.dark-mode) .ofa-card-actions::before{
  background:rgba(24,32,48,.18);
}

/* Restore the compact overview dimensions while retaining the 2 + 2 + 3 order. */
.ofa-header-notifications.ofa-cinema-overview[data-ofa-summary-preview]{
  width:min(560px,calc(100vw - 24px))!important;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__head{
  padding:15px 16px 9px!important;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-account-summary{
  gap:7px!important;padding:4px 12px 10px!important;
}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-account-summary__row{
  min-height:76px!important;padding:10px!important;
}
.ofa-cinema-overview[data-ofa-summary-preview] .ofa-cinema-card__icon{
  width:28px!important;height:28px!important;margin-bottom:6px!important;padding:6px!important;
}
.ofa-cinema-overview[data-ofa-summary-preview]>.ofa-header-notifications__footer{
  padding:0 12px 8px!important;
}

/* Desktop drawer: header controls remain visually stable under the dimming veil. */
@media(min-width:992px) and (min-height:541px){
  html.of-drawer-is-open .of-site-header .of-topbar,
  body.of-drawer-is-open .of-site-header .of-topbar,
  body.of-drawer-open .of-site-header .of-topbar,
  body:has(#of-drawer.is-open) .of-site-header .of-topbar{
    opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:none!important;
  }
  html.of-drawer-is-open :is(.of-search-toggle,.of-theme-toggle),
  body.of-drawer-is-open :is(.of-search-toggle,.of-theme-toggle),
  body.of-drawer-open :is(.of-search-toggle,.of-theme-toggle),
  body:has(#of-drawer.is-open) :is(.of-search-toggle,.of-theme-toggle){
    opacity:1!important;visibility:visible!important;pointer-events:none!important;
  }
}

@media(max-width:767.98px){
  .ofa-card-actions{min-height:34px;gap:0}
  .ofa-card-actions>.ofa-title-action{
    flex-basis:30px;width:30px!important;min-width:30px!important;max-width:30px!important;
    height:34px!important;min-height:34px!important;
  }
  .ofa-card-actions>.ofa-title-action .ofa-title-action__icon,
  .ofa-card-actions>.ofa-title-action .ofa-title-action__icon svg{width:17px;height:17px}
  body.home .of-media-card.of-media-card--ranked>.ofa-card-actions{
    top:auto!important;right:5px!important;bottom:38px!important;left:auto!important;
  }
  body.home .of-media-card:not(.of-media-card--ranked)>.ofa-card-actions{
    top:5px!important;right:auto!important;bottom:auto!important;left:5px!important;
  }
  .ofa-header-notifications.ofa-cinema-overview[data-ofa-summary-preview]{
    width:auto!important;
  }
}

/* 0.16.17 — viewport containment, exact count centring and compact guest page. */
html,
body{
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden}
}

/* Icons and counters now share the same box centre on cards, the hero and title pages. */
body.ofa-counts-skin-3 .ofa-title-action[data-ofa-public-count],
.ofa-card-actions>.ofa-title-action[data-ofa-public-count]{
  display:grid!important;
  padding:0!important;
  place-items:center!important;
}
body.ofa-counts-skin-3 .ofa-title-action__count,
.ofa-card-actions .ofa-title-action__count{
  right:0!important;
  bottom:1px!important;
  left:0!important;
  width:100%!important;
  min-width:100%!important;
  transform:none!important;
  text-align:center!important;
}

/* 0.16.18 — context-specific optical alignment for the production count skin. */
@media(min-width:768px){
  /* Homepage hero: the approved desktop position is one physical pixel to the right. */
  body.home .ofa-home-hero-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    transform:translateX(1px)!important;
  }
  /* Only the ranked movie rail (Best 2026 Movies) receives the same desktop nudge. */
  body.home .of-media-card.of-media-card--ranked[data-kind="movies"]>.ofa-card-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    transform:translateX(1px)!important;
  }
}

@media(max-width:767.98px){
  /* Main controls on movie/series title pages: requested one-pixel mobile correction. */
  body.single .ofa-title-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    transform:translateX(1px)!important;
  }
}

@media(max-width:520px){
  /*
   * A legacy compact-mobile rule left-aligns button contents. Match the counter box
   * to the actual icon box instead of centring it across the wider touch target.
   */
  body.home .ofa-home-hero-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    right:auto!important;
    left:0!important;
    width:20px!important;
    min-width:20px!important;
    transform:none!important;
  }
  body.home .of-media-card>.ofa-card-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    right:auto!important;
    left:0!important;
    width:17px!important;
    min-width:17px!important;
    transform:none!important;
  }
}

/* 0.16.19 — finish mobile card alignment and improve light-backdrop contrast. */
@media(max-width:520px){
  /* Every compact card uses a 17px icon inside a 30px touch target. */
  .ofa-card-actions>.ofa-title-action[data-ofa-public-count]>.ofa-title-action__count{
    right:auto!important;
    left:0!important;
    width:17px!important;
    min-width:17px!important;
    transform:none!important;
  }
}

@media(max-width:767.98px){
  /* Catalogue cards: actions no longer cover the upper-right rating badge. */
  .mcs-catalog-card>.ofa-card-actions{
    top:6px!important;
    right:auto!important;
    bottom:auto!important;
    left:6px!important;
  }

  /* Homepage Best Movies/TV Shows: mobile placement is the upper-right corner. */
  body.home .of-media-card.of-media-card--ranked>.ofa-card-actions{
    top:5px!important;
    right:5px!important;
    bottom:auto!important;
    left:auto!important;
  }
}

@media(min-width:768px){
  /* Title controls sit over artwork even when the surrounding site theme is light. */
  html:not(.dark-mode) body.single .ofa-title-actions :is(.ofa-title-action__icon,.ofa-mobile-title-rating__community-star,.ofa-mobile-title-rating__rate-star){
    filter:drop-shadow(0 0 1px rgba(255,255,255,.98)) drop-shadow(0 0 2px rgba(255,255,255,.72))!important;
  }
  html:not(.dark-mode) body.single .ofa-title-actions .ofa-rating-score{
    color:#20283a!important;
    -webkit-text-stroke:.22px rgba(255,255,255,.96);
    paint-order:stroke fill;
    text-shadow:0 0 1px rgba(255,255,255,.98),0 0 3px rgba(255,255,255,.72)!important;
  }
  html:not(.dark-mode) body.single .ofa-title-actions .ofa-rating-score.is-selected{
    color:#405ee8!important;
  }
}

/* Aggregate totals always sit on artwork: keep them readable in the light theme. */
html:not(.dark-mode) body[class*="ofa-counts-skin-"] .ofa-title-action__count,
html:not(.dark-mode) .ofa-card-actions .ofa-title-action__count{
  color:#20283a!important;
  -webkit-text-stroke:.24px rgba(255,255,255,.98);
  paint-order:stroke fill;
  text-shadow:0 0 1px #fff,0 0 3px rgba(255,255,255,.92)!important;
  opacity:1!important;
  filter:none!important;
}

/* 0.16.20 — catalogue placement, account exclusions and logo hover previews. */
/* Archive catalogue actions and their totals stay opposite the upper-right rating. */
.mcs-catalog-card>.ofa-card-actions{
  top:6px!important;
  right:auto!important;
  bottom:auto!important;
  left:6px!important;
}

/* These four personal-history sections intentionally have no heart/bell controls. */
body.ofa-account-page :is(#favorites,#continue-watching,#ratings,#history) .ofa-card-actions{
  display:none!important;
}

/* Remove the legacy dark hover rectangle from the light homepage logo. */
html:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:hover,
html:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:focus-visible,
body:not(.dark-mode).home .of-site-header .of-topbar-logo .navbar-brand:hover,
body:not(.dark-mode).home .of-site-header .of-topbar-logo .navbar-brand:focus-visible{
  background:transparent!important;
  box-shadow:none!important;
}

@media(min-width:992px){
  html:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand{
    transform-origin:50% 55%!important;
    transition:transform .38s cubic-bezier(.16,1,.3,1),filter .38s ease,color .3s ease,letter-spacing .42s cubic-bezier(.16,1,.3,1),text-shadow .38s ease!important;
    will-change:transform,filter;
  }

  /* 1 — restrained micro-lift with a soft cinematic bloom. */
  html.of-logo-hover-1:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
    transform:translateY(-2px) scale(1.025)!important;
    filter:brightness(1.12) drop-shadow(0 7px 13px rgba(4,8,18,.38))!important;
    text-shadow:0 0 12px rgba(255,255,255,.42),0 2px 10px rgba(0,0,0,.5)!important;
  }

  /* 3 — aurora halo without a button surface. */
  html.of-logo-hover-3:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
    transform:scale(1.025)!important;
    filter:brightness(1.14)!important;
    text-shadow:0 0 7px rgba(44,225,255,.62),0 0 17px rgba(111,96,255,.62),0 0 28px rgba(220,74,255,.34),0 2px 9px rgba(0,0,0,.48)!important;
  }

  /* 4 — subtle perspective tilt with a crisp floating edge. */
  html.of-logo-hover-4:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
    transform:perspective(520px) translateY(-2px) rotateX(8deg) rotateZ(-.7deg) scale(1.025)!important;
    filter:drop-shadow(0 6px 9px rgba(3,7,17,.42))!important;
    text-shadow:0 1px 0 rgba(255,255,255,.42),0 5px 15px rgba(0,0,0,.42)!important;
  }

  /* 5 — animated spectral sheen clipped to the logotype. */
  html.of-logo-hover-5:not(.dark-mode) body.home .of-site-header .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
    color:transparent!important;
    background:linear-gradient(104deg,#fff 8%,#9cf5ff 28%,#b5a5ff 46%,#fff 61%,#ffb8ef 79%,#fff 94%) 0 50%/220% 100% no-repeat!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    transform:translateY(-1px) scale(1.02)!important;
    filter:drop-shadow(0 3px 8px rgba(2,7,18,.48))!important;
    animation:ofa-logo-spectral-sheen 1.15s cubic-bezier(.16,1,.3,1) both!important;
    text-shadow:none!important;
  }
}

@keyframes ofa-logo-spectral-sheen{
  from{background-position:115% 50%}
  to{background-position:-105% 50%}
}

@media(prefers-reduced-motion:reduce){
  html[class*="of-logo-hover-"] body.home .of-site-header .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
    animation:none!important;
    transition:none!important;
  }
}

/* Related and recently viewed cards keep the rating ring on the opposite corner. */
body.single :is(.related-movies,.recently-viewed) .of-title-card-v2>.ofa-card-actions,
body.single #recently-viewed-container .of-title-card-v2>.ofa-card-actions,
body.single-post :is(.related-movies,.recently-viewed) .of-title-card-v2>.ofa-card-actions,
body.single-tvshows :is(.related-movies,.recently-viewed) .of-title-card-v2>.ofa-card-actions,
body.single-episodes :is(.related-movies,.recently-viewed) .of-title-card-v2>.ofa-card-actions{
  top:6px!important;
  right:auto!important;
  bottom:auto!important;
  left:6px!important;
}

/* The short guest page keeps its chrome stable and has no decorative title rule. */
body.ofa-login-active .ofa-login-card h1::before,
body.ofa-login-active .ofa-login-card h1::after{
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
  content:none!important;
}
@media(max-width:767.98px){
  body.ofa-login-active .ofa-login-card{
    margin-top:12px!important;
    margin-bottom:22px!important;
  }
  body.ofa-login-active .footer-custom--minimal{
    margin-top:0!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  body.ofa-login-active :is(.of-topbar__logo,.of-topbar__side--left,.of-topbar__side--right){
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
    filter:none!important;
  }
}

/* 0.16.21 — production logo effect and the actual archive-card structure. */
/* Rendered movie/series archives use .of-title-card-v2, not .mcs-catalog-card. */
body.archive .of-title-card-v2>.ofa-card-actions{
  top:6px!important;
  right:auto!important;
  bottom:auto!important;
  left:6px!important;
}

/* 0.16.22 — the selected chromatic split on every page and in both themes. */
html.of-logo-hover-2 body #masthead .of-topbar-logo .navbar-brand{
  transition:text-shadow .28s ease!important;
}
html.of-logo-hover-2 body #masthead .of-topbar-logo .navbar-brand:is(:hover,:focus-visible){
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  letter-spacing:.12em!important;
  text-shadow:-1.2px 0 rgba(36,224,255,.86),1.2px 0 rgba(164,88,255,.82),0 3px 11px rgba(0,0,0,.52)!important;
}