/* DEV-only UX: preserve the existing builder in web and app modes. */
/* Native Step 1: the two actions belong together BELOW the options.
   A real spacer after the form clears the separate fixed Home/Build/Nuvio/Play
   dock, regardless of theme, viewport size or the old footer CSS. */
@media(max-width:899px){
 html:is(.um-app-mode,.native-app) body #step-1 #advancedBuilderContainer{
  margin-top:0!important;padding-top:0!important;padding-bottom:0!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 #step1EssentialsIntro{
  margin:8px 0 12px!important;padding-top:0!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 .um-fields-grid{
  margin-top:0!important;row-gap:10px!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 .s1-final-nav.step1-play-continue{
  position:relative!important;top:auto!important;bottom:auto!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:10px!important;
  margin:13px 0 0!important;padding:0!important;
  background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;z-index:1!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 #step1ContinueHint{
  display:none!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 #step1ContinueButton{
  order:0!important;width:100%!important;min-height:54px!important;
  grid-column:auto!important;grid-row:auto!important;margin:0!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 #step1BackHome{
  display:flex!important;align-items:center!important;justify-content:center!important;
  order:1!important;width:100%!important;min-height:52px!important;
  grid-column:auto!important;grid-row:auto!important;margin:0!important;
  padding:11px 14px!important;border-radius:12px!important;
  background:var(--card,var(--rx-surface,#202833))!important;
  border:1px solid var(--border2,var(--rx-border,#475469))!important;
  color:var(--text,var(--rx-ink,#f4f5f7))!important;
  text-decoration:none!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1 #umStep1DockClearance{
  display:block!important;width:100%!important;
  height:98px!important;
  min-height:98px!important;pointer-events:none!important;
 }
 html:is(.um-app-mode,.native-app) body #step-1{
  padding-bottom:0!important;
  scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom));
 }
}

#step-1 .step1-option-group-sub.um-superseded-status{display:none!important}
#step-1 .um-empty-regional-rule{display:none!important}
/* Streams is the only item in Advanced: expanding Advanced opens the stream
   controls directly. Existing advanced stream-format sections still collapse. */
#step-1 #step1AdvancedGroup.um-direct-streams #advancedStreamBridgeBlock .optional-shell > button.optional-toggle{
 display:none!important;
}
#step-1 #step1AdvancedGroup.um-direct-streams #advancedStreamBridgeBlock .optional-shell > .optional-sub{
 display:block!important;margin:0 0 12px!important;
 color:var(--text2,var(--muted,#aab4c3))!important;
}
/* The single regional filter becomes an ordinary field below Anime, not an
   empty accordion. */
#step-1 #step1ContentRulesGroup .um-flat-subsection > .field-block{
 margin:12px 0!important;
 padding:11px 12px!important;
 border:1px solid var(--border2,var(--border,rgba(150,160,175,.24)));
 border-radius:10px;
}
/* No second dropdown for single-purpose groups. Keep the group's real inputs,
   IDs and listeners intact, and preserve useful nested sections such as Anime. */
#step-1 .step1-option-group.um-direct-options > .step1-option-group-body > details.um-flat-subsection{
 display:block!important;margin:0!important;padding:0!important;
 border:0!important;border-radius:0!important;
 box-shadow:none!important;background:transparent!important;
}
#step-1 .step1-option-group.um-direct-options > .step1-option-group-body > details.um-flat-subsection > summary{
 display:none!important;
}
#step-1 .step1-option-group.um-direct-options > .step1-option-group-body > details.um-flat-subsection > .field-block:first-of-type{
 margin-top:0!important;
}
#step-1 .step1-option-group.um-direct-options > .step1-option-group-body > details.um-flat-subsection > .field-block{
 min-width:0;
}
/* Legacy cleanup hid labels that duplicated the now-removed nested heading.
   Once flattened, those labels identify actual controls and must be restored. */
#step-1 .step1-option-group.um-direct-options > .step1-option-group-body > details.um-flat-subsection .field-label.s1-redundant-label{
 display:block!important;
}

/* App: essential fields stay visible; seven optional sections stay reachable
   behind one deliberate control, without moving inputs or changing their IDs. */
/* Native app: dedicated in-flow slot immediately after the essential cards.
   Unlike the optional grid's dynamic heading, it cannot collapse behind Continue. */
/* Compact spacing and dock clearance for Step 1 only, independent of theme.
   Continue is in normal flow, so the last navigation link needs scroll room. */
@media(max-width:899px){
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1{
  padding-bottom:0!important;
 }
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 .step1-required-grid{
  margin-bottom:0!important;padding-bottom:0!important;
 }
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #umNativePersonaliseAnchor{
  margin:0 0 4px!important;padding:0!important;min-height:0!important;
 }
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #umNativeMoreButton{
  margin:8px 0 0!important;
 }
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 .s1-final-nav.step1-play-continue{
  margin-top:12px!important;margin-bottom:8px!important;
 }
}
html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #step1PersonaliseIntro{
 display:none!important;
}
html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #umNativePersonaliseAnchor{
 display:block!important;position:relative!important;
 clear:both!important;width:100%!important;
 grid-column:1/-1!important;min-height:0!important;
 margin:-8px 0 2px!important;padding:0!important;
 z-index:3!important;
}
/* The old sticky Step 1 Continue panel overlaps the Personalise button.
   Keep Continue in normal flow; leave the bottom app navigation unchanged. */
@media(max-width:899px){
 html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 .s1-final-nav.step1-play-continue{
  position:relative!important;bottom:auto!important;top:auto!important;
  margin-top:12px!important;z-index:1!important;
 }
}
html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #optionalEnhancementsShell:not(.um-native-expanded){
 display:none!important;
}
html:is(.um-app-mode,.native-app).um-native-personalise-compact body #step-1 #optionalEnhancementsShell.um-native-expanded{
 display:block!important;
 animation:um-native-more-enter .18s ease-out both;
}
html:is(.um-app-mode,.native-app) body #step-1 #umNativeMoreButton{
 display:flex!important;align-items:center!important;gap:12px!important;
 width:100%!important;min-width:0!important;min-height:72px!important;
 margin:0!important;padding:13px 14px!important;text-align:left!important;
 border-radius:15px!important;
 border:1px solid var(--border2,var(--border,rgba(173,94,255,.28)))!important;
 background:var(--card,var(--surface-soft,rgba(26,21,47,.96)))!important;
 color:var(--text,#f7f3ff)!important;font:inherit!important;
 cursor:pointer!important;box-shadow:none!important;
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-symbol{
 display:grid;place-items:center;flex:0 0 34px;height:34px;
 border-radius:10px;background:var(--hover,rgba(123,47,255,.15));color:var(--text,#e1d3ff);font-size:20px;
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-label{
 display:grid;gap:4px;flex:1 1 auto;min-width:0;
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-label strong{
 font-size:13px!important;font-weight:800!important;color:var(--text,#f8f5ff)!important;
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-label small{
 font-size:10px!important;line-height:1.4!important;color:var(--text2,var(--muted,#ada5bd))!important;
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-status{
 flex:0 0 auto;white-space:nowrap;font-size:10px;
 border-radius:99px;padding:5px 7px;
 color:var(--text2,var(--muted,#bcb3d0));
 border:1px solid var(--border2,var(--border,rgba(173,94,255,.22)));
}
html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-chevron{
 flex:0 0 auto;font-size:18px;transition:transform .18s ease;
}
html:is(.um-app-mode,.native-app) body #step-1 #umNativeMoreButton[aria-expanded="true"] .um-native-more-chevron{
 transform:rotate(180deg);
}
@keyframes um-native-more-enter{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 html:is(.um-app-mode,.native-app) body #step-1 #optionalEnhancementsShell.um-native-expanded{animation:none!important}
 html:is(.um-app-mode,.native-app) body #step-1 .um-native-more-chevron{transition:none!important}
}

/* Classic desktop: restore the collapsed "Add specific rows" action. */
@media(min-width:1024px){
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-cta{
  display:flex!important;align-items:center!important;gap:13px!important;
  width:100%!important;min-height:68px!important;max-width:none!important;
  border-radius:13px!important;padding:13px 16px!important;margin:14px 0!important;
  border:1px solid rgba(151,120,211,.35)!important;
  color:#f5f1ff!important;background:rgba(26,22,46,.93)!important;
  font:inherit!important;text-align:left!important;box-shadow:none!important;
  cursor:pointer;
 }
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-icon{
  flex:0 0 36px!important;width:36px!important;height:36px!important;
  display:grid!important;place-items:center!important;
  border-radius:9px!important;background:rgba(123,47,255,.15)!important;
  color:#b9a0ff!important;font-size:22px!important;
 }
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-copy{
  display:grid!important;gap:4px!important;flex:1 1 auto!important;min-width:0!important;
 }
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-copy strong{
  font-size:13px!important;color:#f5f1ff!important
 }
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-copy small{
  font-size:11px!important;line-height:1.4!important;color:#aba5bd!important
 }
 html[data-um-appearance="classic"]:not(.um-app-mode):not(.native-app) body #step-2 .s2-specific-rows-arrow{
  display:inline-block!important;flex:0 0 auto!important;font-size:22px!important;color:#aa91fa!important;
 }
 }

/* Quick Start: one explicit full-library option, never silently changes presets. */
.um-quick-discover{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:14px 0 12px;padding:18px;border-radius:13px;background:var(--card,var(--rx-surface,#1b2030));border:1px solid var(--border2,var(--border,#465163));color:var(--text,#fafafa)}
.um-quick-discover>div{flex:1 1 290px;min-width:0}
.um-quick-discover strong{font-size:14px;font-weight:800}
.um-quick-discover p{max-width:670px;margin:5px 0 0!important;font-size:12px;line-height:1.5;color:var(--text2,var(--muted,#b1bdc8))!important}
.um-quick-discover button{cursor:pointer;flex:0 1 auto;min-height:43px;padding:10px 14px;border-radius:10px;border:1px solid var(--border2,var(--border,#4e556a));background:var(--input-bg,var(--bg2,#182031));color:var(--text,#fafafa);font:inherit;font-size:12px;font-weight:800}
.um-quick-discover button:focus-visible,.um-quick-discover button:hover{border-color:var(--accent,var(--violet2,#8678d3))}
@media(max-width:600px){.um-quick-discover{padding:14px;gap:12px}.um-quick-discover button{width:100%;flex:1 1 100%}}

/* Finalise: visible prerequisite checklist, not a pretend speed benchmark. */
.um-finish-review{margin:12px 0 17px;padding:19px 20px;border-radius:15px;border:1px solid var(--border2,var(--border,#475163));background:var(--card,var(--rx-surface,#1b2030));color:var(--text,#f6f6fa)}
.um-review-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:13px}
.um-review-heading h3{font-size:17px;margin:2px 0 4px!important;line-height:1.3;color:var(--text,#f6f6fa)!important}
.um-review-heading p{font-size:12px;line-height:1.55;margin:0!important;color:var(--text2,var(--muted,#aebacc))!important;max-width:690px}
#umReviewCount{font-size:11px;flex:0 0 auto;padding:7px 10px;border-radius:99px;background:var(--input-bg,var(--bg2,#202735));border:1px solid var(--border2,var(--border,#475163));color:var(--text,#f6f6fa)}
.um-review-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.um-review-task{display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0;padding:11px 12px;background:var(--input-bg,var(--bg2,#141924));border:1px solid var(--border2,var(--border,#465264));border-radius:10px;color:var(--text,#f6f6fa);font-size:12px;font-weight:700}
.um-review-task>span:first-child{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid currentColor;border-radius:50%}
.um-review-task.done>span:first-child{color:#219b7b}
.um-review-task small{font-size:10px;font-weight:500;color:var(--text2,var(--muted,#aebacc));margin-left:auto}
.um-review-task button{flex:0 0 auto;font:inherit;font-size:11px;font-weight:700;cursor:pointer;border:1px solid var(--border2,var(--border,#465264));background:var(--card,var(--rx-surface,#202635));color:var(--text,#f6f6fa);padding:7px 9px;border-radius:8px}
.um-review-task button:hover,.um-review-task button:focus-visible{border-color:var(--accent,var(--violet2,#7e71d9))}
@media(max-width:650px){.um-finish-review{padding:15px 13px}.um-review-heading{flex-direction:column;gap:10px}.um-review-tasks{grid-template-columns:minmax(0,1fr)}}

/* Desktop chooser: remove the orphaned third entry card and make the two
   Standard/Kids choices balanced. Never apply these rules to Android/WebView. */
@media(min-width:1100px){
  html:not(.um-app-mode):not(.native-app) body #step-1 #umModeStart .um-mode-grid-primary,
  html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 #umModeStart .um-mode-grid-primary{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
  }
  html:not(.um-app-mode):not(.native-app) body #step-1 #umModeProfile .um-mode-grid-secondary,
  html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 #umModeProfile .um-mode-grid-secondary{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:none!important;
    align-items:stretch!important;
  }
  html:not(.um-app-mode):not(.native-app) body #step-1 :is(#umModeStart,#umModeProfile) .um-mode-grid > .um-mode-card,
  html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 :is(#umModeStart,#umModeProfile) .um-mode-grid > .um-mode-card{
    grid-column:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:146px!important;
    height:100%!important;
    transform:none!important;
  }
}
html.um-clarity-active:not(.um-app-mode) #step-1 #step1PersonaliseIntro{display:none!important}
html.um-clarity-active:not(.um-app-mode) #step-1 #optionalEnhancementsShell:not(.um-clarity-open){display:none!important}
html.um-clarity-active:not(.um-app-mode) #step-1 #optionalEnhancementsShell.um-clarity-open{display:grid!important;animation:umClarityReveal .20s ease-out both}
@keyframes umClarityReveal{from{opacity:.75;transform:translateY(-5px)}to{opacity:1;transform:none}}
.um-clarity-entry{
  --um-clear-border:var(--border2,var(--border,#465064));
  --um-clear-panel:var(--card,var(--rx-surface,#202832));
  --um-clear-text:var(--text,#f3f5fb);
  --um-clear-muted:var(--text2,var(--muted,#b3bbc7));
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);
  gap:18px;align-items:center;padding:22px 24px;
  margin:20px 0 10px;border-radius:16px;
  background:var(--um-clear-panel);color:var(--um-clear-text);
  border:1px solid var(--um-clear-border);min-width:0;
}
.um-clarity-intro{min-width:0}
.um-clarity-kicker{display:block;font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--muted,#b0bac7);margin-bottom:7px}
.um-clarity-intro h2{margin:0!important;font-size:20px!important;line-height:1.25!important;font-weight:800!important;letter-spacing:-.025em;color:var(--um-clear-text)!important}
.um-clarity-intro p{margin:7px 0 0!important;font-size:12px!important;line-height:1.5!important;color:var(--um-clear-muted)!important}
.um-clarity-intro .um-clarity-configured:not([hidden]){margin-top:10px!important;font-size:11px!important;color:var(--text,#c9d7e4)!important;display:flex;gap:8px;align-items:center}
.um-clarity-configured:not([hidden])::before{content:"✓";display:grid;place-items:center;flex:0 0 21px;width:21px;height:21px;border:1px solid currentColor;border-radius:50%}
.um-clarity-actions{min-width:0;display:flex;flex-direction:column;gap:10px;position:relative}
.um-clarity-toggle,.um-extra-toggle{font:inherit;cursor:pointer}
.um-clarity-toggle{
 display:flex;gap:10px;align-items:center;justify-content:space-between;
 border:1px solid var(--um-clear-border);border-radius:11px;
 background:var(--input-bg,var(--bg2,#171b26));color:var(--um-clear-text);
 padding:12px 13px;min-height:48px;font-size:13px;font-weight:800;text-align:left
}
.um-clarity-toggle:hover,.um-clarity-toggle:focus-visible{border-color:var(--violet2,var(--accent,#7594ad));outline-offset:3px}
.um-clarity-count{font-size:10px;font-weight:650;color:var(--um-clear-muted);margin-left:auto}
.um-clarity-chevron{font-size:20px;font-weight:500;transition:transform .2s}
.um-clarity-toggle[aria-expanded=true] .um-clarity-chevron{transform:rotate(180deg)}
.um-clarity-search{display:flex;align-items:center;gap:9px;border:1px solid var(--um-clear-border);border-radius:11px;background:var(--input-bg,var(--bg2,#171b26));padding:0 11px;min-height:45px;color:var(--um-clear-muted)}
.um-clarity-search:focus-within{border-color:var(--violet2,var(--accent,#7594ad))}
.um-clarity-search-icon{font-size:22px;line-height:1}
.um-clarity-search input{background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;min-width:0!important;width:100%!important;height:42px!important;padding:0!important;margin:0!important;font-size:12px!important;color:var(--um-clear-text)!important;max-width:none!important}
.um-clarity-search input::placeholder{color:var(--um-clear-muted);opacity:.8}
.um-clarity-results:not([hidden]){grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.um-clarity-results[hidden]{display:none!important}
.um-clarity-results p{grid-column:1/-1;color:var(--um-clear-muted);font-size:12px;margin:0}
.um-clarity-result{border:1px solid var(--um-clear-border);background:var(--input-bg,var(--bg2,#171b26));color:var(--um-clear-text);border-radius:10px;padding:11px 13px;text-align:left;display:grid;gap:3px;min-height:58px}
.um-clarity-result strong{font-size:12px}.um-clarity-result small{color:var(--um-clear-muted);font-size:10px}
.um-clarity-result:hover,.um-clarity-result:focus-visible{border-color:var(--violet2,var(--accent,#7594ad))}
.um-extra-toggle{
 width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;
 margin:14px 0 0;padding:11px 12px;background:var(--input-bg,var(--bg2,#181c26));
 color:var(--text,#f5f6fa);border:1px solid var(--border2,var(--border,#475163));border-radius:11px;text-align:left;
}
.um-extra-toggle>span:first-child{display:grid;gap:3px;min-width:0}
.um-extra-toggle strong{font-size:12px;line-height:1.35;font-weight:800}
.um-extra-toggle small{font-size:10px;line-height:1.4;color:var(--text2,var(--muted,#b4bbcc))}
.um-extra-status{display:inline-flex;align-items:center;border:1px solid var(--border2,var(--border,#475163));border-radius:30px;padding:4px 9px;color:var(--text2,var(--muted,#b5becc));font-size:10px;white-space:nowrap}
.um-extra-toggle.has-configured .um-extra-status{color:var(--text,#d4e7ef)}
.um-extra-arrow{font-size:18px;transition:transform .20s}
.um-extra-toggle[aria-expanded=true] .um-extra-arrow{transform:rotate(180deg)}
.um-extra-toggle:hover,.um-extra-toggle:focus-visible{border-color:var(--violet2,var(--accent,#7594ad))}
.um-extra-providers{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease,opacity .16s;min-width:0;visibility:hidden}
.um-extra-providers.is-open{grid-template-rows:1fr;opacity:1;visibility:visible;margin-top:5px}
.um-extra-providers-inner{min-height:0;overflow:hidden;min-width:0}
.um-extra-providers.is-open .um-extra-providers-inner{padding-bottom:8px}
@media(min-width:1024px){
 html:not(.um-app-mode):not(.native-app) #step-1 .um-fields-grid{
  display:block!important;width:100%!important;min-width:0!important;max-width:none!important;
 }
 html:not(.um-app-mode):not(.native-app) #step-1 #step1EssentialsIntro{
  width:100%!important;max-width:none!important;margin:0 0 19px!important;grid-column:auto!important;
 }
 html:not(.um-app-mode):not(.native-app) #step-1 .step1-required-grid{
  display:block!important;width:100%!important;max-width:none!important;margin:0!important;min-width:0!important;
 }
 html:not(.um-app-mode):not(.native-app) #step-1 .step1-required-main{
  display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
  align-items:start!important;gap:18px!important;min-width:0!important;
  padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
 }
 html:not(.um-app-mode):not(.native-app) #step-1 .step1-required-main > :is(#tile-content-password,#tile-content-mdblist){
  display:block!important;grid-column:auto!important;align-self:start!important;
  width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
  border:1px solid var(--border2,var(--border,#485365))!important;
  border-radius:15px!important;margin:0!important;overflow:hidden!important;
 }
 html:not(.um-app-mode):not(.native-app) #step-1 .step1-required-main > #tile-content-password{grid-column:1!important}
 html:not(.um-app-mode):not(.native-app) #step-1 .step1-required-main > #tile-content-mdblist{grid-column:2!important}
 html:not(.um-app-mode):not(.native-app) #step-1 #optionalEnhancementsShell{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
/* Refined rules have higher selector specificity than the generic desktop base. */
@media(min-width:1024px){
 html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 .step1-required-main{
   display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
   gap:18px!important;align-items:start!important;
 }
 html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 .step1-required-main > :is(#tile-content-password,#tile-content-mdblist){
   grid-column:auto!important;width:100%!important;height:auto!important;align-self:start!important;
   margin:0!important;min-height:0!important;
 }
 html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 .step1-required-main > #tile-content-password{grid-column:1!important}
 html.um-refined[data-um-appearance]:not(.um-app-mode):not(.native-app) body #step-1 .step1-required-main > #tile-content-mdblist{grid-column:2!important}
}
@media(max-width:1023px){
 html.um-clarity-active:not(.um-app-mode) #step-1 .um-clarity-entry{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .um-clarity-entry{padding:15px!important;gap:13px}
 .um-clarity-intro h2{font-size:17px!important}
 .um-clarity-results:not([hidden]){grid-template-columns:minmax(0,1fr)}
 .um-extra-toggle{gap:5px}.um-extra-status{padding:4px 7px}
}
/* Laptop Step 2: real preset cards, not four squeezed poster strips in giant rows.
   Uses the existing buttons and preset logic; native/mobile remain unchanged. */
@media(min-width:1024px){
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 :is(.s2-preset-primary-grid,.s2-preset-quick-grid){
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:13px!important;align-items:stretch!important;
   background:transparent!important;border:0!important;box-shadow:none!important;
   overflow:visible!important;padding:0!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset{
   display:grid!important;
   grid-template-columns:140px minmax(0,1fr)!important;grid-template-rows:minmax(170px,auto)!important;
   align-items:stretch!important;justify-items:stretch!important;
   min-width:0!important;width:100%!important;min-height:170px!important;height:auto!important;
   border-radius:15px!important;overflow:hidden!important;text-align:left!important;
   padding:0!important;gap:0!important;box-shadow:none!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-strip{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:repeat(2,minmax(0,1fr))!important;
   grid-column:1!important;grid-row:1!important;
   width:140px!important;min-width:0!important;max-width:140px!important;
   height:100%!important;min-height:170px!important;max-height:none!important;
   margin:0!important;align-self:stretch!important;overflow:hidden!important;
   border-radius:0!important;flex:none!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-strip .s2-preset-art-cell{
   display:block!important;min-width:0!important;width:100%!important;min-height:0!important;
   height:100%!important;overflow:hidden!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-strip .s2-preset-art-cell img{
   display:block!important;width:100%!important;height:100%!important;
   min-width:0!important;object-fit:cover!important;object-position:center!important;
   transform:none!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-body{
   display:flex!important;grid-column:2!important;grid-row:1!important;
   flex-direction:column!important;justify-content:center!important;
   width:100%!important;min-width:0!important;min-height:170px!important;
   margin:0!important;padding:17px!important;gap:8px!important;text-align:left!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-desc{
   font-size:12px!important;line-height:1.45!important;max-width:100%!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience #s2pre-everything{
   grid-column:1/-1!important;
 }
}
/* Reliable same-origin fallback art while optional external poster lists hydrate.
   Default RPDB placeholder URLs are not guaranteed usable in every browser/network. */
@media(min-width:1024px){
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-strip{
   background-color:#20213a!important;background-size:cover!important;
   background-position:center!important;background-repeat:no-repeat!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-recommended .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/trending.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-streaming_fan .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/netflix.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-cinema_lover .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/action.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-tv_binger .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/popular.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-genre_explorer .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/scifi.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-family_hub .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/animation.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2pre-everything .s2-preset-strip{
   background-image:linear-gradient(120deg,rgba(19,21,34,.04),rgba(19,21,34,.24)),url('/images/new.jpg')!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-art-cell{
   background:transparent!important;border:0!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-art-cell::after{content:none!important;display:none!important}
 html:not(.um-app-mode):not(.native-app) body #step-2 #s2PresetsGrid.s2-presets-experience
 .s2-preset-art-cell img[src^="https://api.ratingposterdb.com/t0-free-rpdb"]{display:none!important}
}
/* Light laptop: the inherited dark-theme badges were washed out on white cards. */
@media(min-width:1024px){
 html.um-refined[data-um-appearance="refined-light"]:not(.um-app-mode):not(.native-app) body #step-1
 .step1-required-main :is(.badge-required,.badge-optional,.mobile-setup-card-badge,.mobile-setup-card-state){
   color:#43566c!important;-webkit-text-fill-color:#43566c!important;
   opacity:1!important;
 }
 html.um-refined[data-um-appearance="refined-light"]:not(.um-app-mode):not(.native-app) body #step-1
 .step1-required-main .badge-required{
   border-color:#ccd8e3!important;background:#eef3f8!important;
 }
 html:not(.um-app-mode):not(.native-app) body #step-1 #accountEmail{
   display:block!important;width:100%!important;max-width:410px!important;
 }
}
/* Step 4: reserve Android dock clearance once, not at every nested layer. */
@media(max-width:899px){
 html:is(.um-app-mode,.native-app) body:has(#step-4.active){padding-bottom:0!important}
 html:is(.um-app-mode,.native-app) .um-main:has(#step-4.active){padding-bottom:0!important}
 html:is(.um-app-mode,.native-app) #step-4.active{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}
 html:is(.um-app-mode,.native-app) #step-4.active #resultBox{padding-bottom:0!important}
}
@media(prefers-reduced-motion:reduce){
 .um-clarity-chevron,.um-extra-arrow,.um-extra-providers{transition:none!important}
 html.um-clarity-active:not(.um-app-mode) #step-1 #optionalEnhancementsShell.um-clarity-open{animation:none!important}
}