/* Terondo · Liquid Glass — shared material, scoped to appearance 08 only. */
html[data-style="9"] {
  --lg-glass: color-mix(in srgb,var(--surface) 58%,transparent);
  --lg-popover: color-mix(in srgb,var(--surface) 90%,transparent);
  --lg-card: color-mix(in srgb,var(--surface) 88%,transparent);
  --lg-control: color-mix(in srgb,var(--surface) 65%,transparent);
  --lg-edge: rgba(255,255,255,.82);
  --lg-line: color-mix(in srgb,var(--ink) 12%,transparent);
  --lg-highlight: rgba(255,255,255,.9);
  --lg-shadow: 0 14px 38px -24px rgba(27,48,83,.34),0 2px 6px rgba(27,48,83,.035);
  --lg-rim: inset 0 1px 0 var(--lg-highlight),inset 0 -1px 0 rgba(255,255,255,.28);
  --lg-blur: blur(24px) saturate(1.5);
  --lg-tint-a: color-mix(in srgb,var(--accent) 17%,transparent);
  --lg-tint-b: rgba(119,215,229,.18);
  --lg-tint-c: rgba(189,177,247,.16);
  --radius:24px !important;
}



html[data-style="9"][data-theme="dark"] {
  --lg-glass:color-mix(in srgb,var(--surface) 62%,transparent);
  --lg-popover:color-mix(in srgb,var(--surface) 94%,transparent);
  --lg-card:color-mix(in srgb,var(--surface) 86%,transparent);
  --lg-control:color-mix(in srgb,var(--surface) 75%,transparent);
  --lg-edge:rgba(208,225,255,.16); --lg-highlight:rgba(226,239,255,.18);
  --lg-line:rgba(203,223,255,.17);
  --lg-shadow:0 18px 44px -24px rgba(0,0,0,.7),0 2px 6px rgba(0,0,0,.12);
  --lg-rim:inset 0 1px 0 var(--lg-highlight),inset 0 -1px 0 rgba(128,163,218,.04);
  --lg-tint-a:color-mix(in srgb,var(--accent) 13%,transparent);
  --lg-tint-b:rgba(35,135,151,.12); --lg-tint-c:rgba(117,91,203,.15);
}



html[data-style="9"] body {
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 10% 5%,var(--lg-tint-a),transparent 48%),radial-gradient(ellipse at 94% 24%,var(--lg-tint-b),transparent 46%),radial-gradient(ellipse at 55% 94%,var(--lg-tint-c),transparent 52%);
  background-size:100% 100vh;background-attachment:fixed;
}
/* Transparent masthead, one floating sheet for the navigation. */
html[data-style="9"] body>header:has(>.top) {background:transparent;border:0;box-shadow:none}
html[data-style="9"] body>header:has(>.top)::before {display:none}
html[data-style="9"] body>header .top {padding-block:24px 22px}
html[data-style="9"] body>header .mega {
  gap:6px;min-height:56px;padding:5px;border:1px solid var(--lg-edge);border-radius:30px;
  background:var(--lg-glass);box-shadow:var(--lg-shadow),var(--lg-rim);
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
}
html[data-style="9"] body>header .mega::before,html[data-style="9"] body>header .mega::after {display:none}
/* Let the open menu sample the page, rather than a nested backdrop root. */
html[data-style="9"] body>header .mega:has(>.mega-family[open]) {-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-style="9"] body>header .mega>.mega-family {flex:1 1 auto}
html[data-style="9"] body>header .mega>.mega-family>summary {
  justify-content:center;min-height:44px;padding:0 18px;border-radius:24px;font-weight:600;
  transition:background .2s ease,box-shadow .2s ease,color .2s ease;
}
html[data-style="9"] body>header nav.mega>.mega-family.mega-actif>summary[aria-current]:not([data-tr-hover]),
html[data-style="9"] body>header .mega>.mega-family[open]>summary:not([data-tr-hover]) {
  background:var(--lg-control) !important;color:var(--accent);box-shadow:0 2px 6px rgba(20,40,70,.07),var(--lg-rim);
}
html[data-style="9"] body>header .mega>.mega-family>.mega-panel {
  top:calc(100% + 10px);border-radius:24px;background:var(--lg-popover);border:1px solid var(--lg-edge);
  box-shadow:0 20px 60px rgba(10,23,45,.2),var(--lg-rim);
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
}
html[data-style="9"] body>header form.search {
  background:var(--lg-control);border:1px solid var(--lg-edge);border-radius:999px;
  box-shadow:var(--lg-rim),0 4px 16px rgba(20,40,70,.035);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
html[data-style="9"] body>header form.search input {background:transparent;color:var(--ink)}
html[data-style="9"] body>header .mh-grappe :is(.mh-ib,.header-locale-label),
html[data-style="9"] body>header[data-mobile01] .em-actions :is(#favorites,.em-toggle) {
  border:1px solid var(--lg-edge);border-radius:50%;background:var(--lg-control);
  box-shadow:var(--lg-rim),0 3px 9px rgba(20,40,70,.04);color:var(--ink);
}
html[data-style="9"] body>header .mh-grappe .mh-pro {border-radius:999px;background:var(--accent);color:var(--bg)}
/* Search sheet. The actual input remains clearer than the surrounding material. */
html[data-style="9"] #browse {padding-top:30px}
html[data-style="9"] #browse .explore-panel {
  padding:30px 32px;gap:24px 36px;border:1px solid var(--lg-edge);border-radius:28px;
  background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 55%),var(--lg-glass);
  box-shadow:var(--lg-shadow),var(--lg-rim);
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
}
html[data-style="9"] #browse #explore-title {font-weight:720;letter-spacing:-.04em}
html[data-style="9"] #browse .explore-label {font-size:12px;color:var(--muted);margin-bottom:8px}
html[data-style="9"] #browse .explore-panel #query {
  border:1px solid var(--lg-line);border-radius:999px;background:var(--lg-control);
  padding-inline:20px;box-shadow:var(--lg-rim);color:var(--ink);
}
html[data-style="9"] #browse .explore-panel #search button {
  border-radius:999px;background:var(--accent);color:var(--bg);padding-inline:24px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),0 5px 14px color-mix(in srgb,var(--accent) 18%,transparent);
  transition:transform .18s ease,box-shadow .18s ease;
}
html[data-style="9"] #browse .explore-panel .filters {border-color:var(--lg-line);gap:14px;padding-top:20px}
html[data-style="9"] #browse .explore-field {flex:1 1 160px;max-width:260px}
html[data-style="9"] #browse :is(.explore-field select,.listing-toolbar select) {
  border:1px solid var(--lg-line);border-radius:16px;background:var(--lg-control);color:var(--ink);
  box-shadow:var(--lg-rim);padding-inline:14px 30px;
}
html[data-style="9"] select option {background:var(--surface);color:var(--ink)}
html[data-style="9"] #browse .listing-toolbar {margin-block:22px 18px}
html[data-style="9"] #browse #catalogue-results>h2 {letter-spacing:-.025em}
/* Content stays sharp. No repeated backdrop blurs in the results grid. */
html[data-style="9"] :is(.card,.memory,.selection) {
  background:var(--lg-card);border:1px solid var(--lg-edge);border-radius:24px;
  box-shadow:0 5px 18px -10px rgba(20,40,70,.14),var(--lg-rim);
}
html[data-style="9"]:not([data-listing-view="3"]):not([data-listing-view="6"]):not([data-listing-view="9"]) #browse .result[data-listing-card] {
  border:1px solid var(--lg-edge);border-radius:22px;background:var(--lg-card);
  box-shadow:0 5px 18px -10px rgba(20,40,70,.14),var(--lg-rim);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
html[data-style="9"] #browse .listing-copy h3 {font-weight:650}
html[data-style="9"] #browse .listing-copy .label {color:var(--muted)}
html[data-style="9"]:not([data-listing-view="3"]) #browse .listing-visual {background:color-mix(in srgb,var(--soft) 70%,var(--surface))}
html[data-style="9"][data-listing-view="1"] #browse .listing-visual {height:142px;min-height:142px}
html[data-style="9"] .fav2-card-heart {
  background:var(--lg-popover);color:var(--ink);border:1px solid var(--lg-edge);
  box-shadow:0 3px 10px rgba(0,0,0,.12),var(--lg-rim);
  -webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);
}
html[data-style="9"] .fav2-card-heart[aria-pressed="true"] {background:var(--accent);color:var(--bg);border-color:transparent}
html[data-style="9"] :is(.ap-panel,.fav2-dialog,.home-search-panel) {
  background:var(--lg-popover);border-color:var(--lg-edge);border-radius:26px;
  box-shadow:0 20px 60px rgba(10,23,45,.24),var(--lg-rim);
  -webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);
}
html[data-style="9"] :is(.ap-mode,.ap-reset,.ap-close,.fav2-close) {border-radius:999px}
html[data-style="9"] #detail :is(.stream-controls,.stream-tools,.stream-settings) {
  background:var(--lg-popover);border-color:var(--lg-edge);box-shadow:var(--lg-rim);
}
html[data-style="9"] #detail .stream-player {border-color:var(--lg-edge);box-shadow:var(--lg-shadow)}
html[data-style="9"] :is(.capsule-nav,.capsule-reveal) {background:var(--lg-popover);border-color:var(--lg-edge);box-shadow:var(--lg-shadow),var(--lg-rim)}
html[data-style="9"] :is(button,a,input,select,summary):focus-visible {outline:3px solid var(--accent);outline-offset:4px}
@media(hover:hover) and (pointer:fine) {
  html[data-style="9"] body>header .mega>.mega-family>summary:hover {background:var(--lg-control)}
  html[data-style="9"]:not([data-listing-view="6"]) #browse .result[data-listing-card]:hover {
    transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 28%,var(--lg-edge));
    box-shadow:0 14px 30px -16px color-mix(in srgb,var(--accent) 28%,transparent),var(--lg-rim);
  }
  html[data-style="9"] #browse .explore-panel #search button:hover {transform:translateY(-1px)}
}
html[data-style="9"] #browse .explore-panel #search button:active {transform:scale(.98)}
html[data-style="9"] .lg-filter-toggle {display:none}
@media(max-width:900px) {html[data-style="9"] #browse .explore-panel {padding:24px;gap:20px}}
@media(max-width:760px) {
  html[data-style="9"] body>header .top {padding-block:10px 14px}
  html[data-style="9"] body>header .mega {gap:0;min-height:52px;padding:4px;border-radius:28px}
  html[data-style="9"] body>header[data-mobile01] .mega>.mega-family>summary {min-height:44px;padding:0;border-radius:23px}
  html[data-style="9"] body>header[data-mobile01] .mega>.mega-family>summary::before {font-size:11px}
  html[data-style="9"] body>header[data-mobile01].em-open .mh-grappe {
    padding:12px;border:1px solid var(--lg-edge);border-radius:22px;background:var(--lg-glass);box-shadow:var(--lg-rim);
  }
  html[data-style="9"] body>header[data-mobile01] .mh-grappe :is(.mh-ib,.mh-pro,.em-option,.mh-langue,.header-locale-label) {border-radius:14px}
  html[data-style="9"] body>header[data-mobile01] .mh-grappe .mh-pro {background:var(--lg-control);color:var(--ink)}
  html[data-style="9"] body>header[data-mobile01] .mh-grappe .mh-pro::before {color:var(--bg)}
  html[data-style="9"] #browse {padding-top:22px}
  html[data-style="9"] #browse .explore-panel {border-radius:24px}
}
@media(max-width:540px) {
  html[data-style="9"] #browse .explore-panel {padding:22px 18px;gap:20px}
  html[data-style="9"] #browse #explore-title {font-size:28px;line-height:1.12}
  html[data-style="9"] #browse .explore-description {font-size:14px;max-width:30ch}
  html[data-style="9"] #browse .explore-panel #search {gap:10px}
  html[data-style="9"] #browse .explore-panel #query {height:48px;font-size:16px;padding-inline:16px}
  html[data-style="9"] #browse .explore-panel #search button {min-height:46px}
  html[data-style="9"] #browse .explore-field {max-width:none;flex:1 1 100%}
  html[data-style="9"] #browse .explore-field select {font-size:16px}
  html[data-style="9"] #browse html[data-style="9"] .lg-filter-toggle {
    display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:1/-1;
    width:100%;min-height:46px;padding:11px 14px;margin:0;border:1px solid var(--lg-line);
    border-radius:16px;background:var(--lg-control);color:var(--ink);box-shadow:var(--lg-rim);
    text-align:start;font:600 13px/1.4 system-ui,sans-serif;cursor:pointer;
  }
  html[data-style="9"] .lg-filter-toggle::after {content:'⌄';font-size:18px;line-height:1;transition:transform .2s ease}
  html[data-style="9"] .lg-filter-toggle[aria-expanded="true"]::after {transform:rotate(180deg)}
  html[data-style="9"] #browse .lg-filter-toggle[aria-expanded="false"]~.filters {display:none}
  html[data-style="9"] #browse .lg-filter-toggle~.filters {border:0;padding-top:0}
  html[data-style="9"] #browse .listing-toolbar {margin-block:20px 16px}
}
/* Opaque fallbacks retain contrast, hierarchy and touch targets. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-style="9"][data-theme] {--lg-glass:var(--surface);--lg-popover:var(--surface);--lg-control:var(--surface)}
}
@media(prefers-reduced-transparency:reduce) {
  html[data-style="9"][data-theme] {--lg-glass:var(--surface);--lg-popover:var(--surface);--lg-control:var(--surface);--lg-card:var(--surface);--lg-blur:none}
  html[data-style="9"] body {background-image:none}
  html[data-style="9"] :is(.fav2-card-heart,header form.search) {-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-contrast:more) {
  html[data-style="9"][data-theme] {--lg-glass:var(--surface);--lg-popover:var(--surface);--lg-control:var(--surface);--lg-card:var(--surface);--lg-edge:var(--muted);--lg-line:var(--muted);--lg-blur:none}
}
@media(prefers-reduced-motion:reduce) {
  html[data-style="9"] :is(.result[data-listing-card],.mega-family>summary,#search button,.lg-filter-toggle::after) {transition:none !important;transform:none !important}
}

/* Transparency · polished optical surfaces. Motion never moves the content. */
html[data-style="9"] {
  --lg-glass:color-mix(in srgb,var(--surface) 43%,transparent);
  --lg-popover:color-mix(in srgb,var(--surface) 83%,transparent);
  --lg-control:color-mix(in srgb,var(--surface) 55%,transparent);
  --lg-card:color-mix(in srgb,var(--surface) 78%,transparent);
  --lg-edge:color-mix(in srgb,var(--surface) 86%,transparent);
  --lg-blur:blur(22px) saturate(1.45);
  --tr-ray:rgba(255,255,255,.56);
  --tr-prism:rgba(141,206,233,.13);
  --lg-rim:inset 0 1px 0 rgba(255,255,255,.88),inset 1px 0 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(92,136,181,.15);
  --lg-shadow:0 18px 45px -28px rgba(32,56,96,.34),0 2px 8px -4px rgba(25,54,90,.12);
}
html[data-style="9"][data-theme="dark"] {
  --lg-glass:color-mix(in srgb,var(--surface) 59%,transparent);
  --lg-popover:color-mix(in srgb,var(--surface) 88%,transparent);
  --lg-control:color-mix(in srgb,var(--surface) 69%,transparent);
  --lg-card:color-mix(in srgb,var(--surface) 82%,transparent);
  --lg-edge:rgba(189,218,255,.23);
  --tr-ray:rgba(216,237,255,.12);--tr-prism:rgba(118,174,233,.1);
  --lg-rim:inset 0 1px 0 rgba(229,244,255,.27),inset 1px 0 0 rgba(224,239,255,.08),inset 0 -1px 0 rgba(126,181,242,.09);
  --lg-shadow:0 18px 45px -24px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.1);
}
html[data-style="9"] body {isolation:isolate}
html[data-style="9"] :is(body>header .mega,#browse .explore-panel,.ap-panel,.fav2-dialog,.home-search-panel) {
  background-image:radial-gradient(ellipse at var(--tr-light-x,30%) var(--tr-light-y,0%),var(--tr-ray),transparent 64%),linear-gradient(var(--tr-angle,118deg),transparent 22%,var(--tr-prism) 43%,rgba(255,255,255,.12) 49%,transparent 57%);
  background-color:var(--lg-glass);
  border-color:var(--lg-edge);
  box-shadow:var(--lg-shadow),var(--lg-rim);
}
html[data-style="9"] :is(.ap-panel,.fav2-dialog,.home-search-panel) {background-color:var(--lg-popover)}
html[data-style="9"] body>header .mega>.mega-family>.mega-panel {
  background-image:linear-gradient(125deg,var(--tr-ray),transparent 46%);
  box-shadow:0 24px 64px -16px rgba(12,31,62,.28),var(--lg-rim);
}
html[data-style="9"] :is(.card,.memory,.selection) {background-image:linear-gradient(135deg,rgba(255,255,255,.15),transparent 58%)}
html[data-style="9"] #browse .listing-copy {background:transparent}
html[data-style="9"] :is(.ap-preview,.ap-mode,.ap-reset,.ap-close) {box-shadow:var(--lg-rim)}
/* Home hero: clear text and media inside one translucent sheet. */
html[data-style="9"] .heros-carte {
  background:radial-gradient(ellipse at var(--tr-light-x,30%) var(--tr-light-y,0%),var(--tr-ray),transparent 64%),var(--lg-card);
  border-color:var(--lg-edge);box-shadow:var(--lg-shadow),var(--lg-rim);
}
@media(hover:hover) and (pointer:fine) {
  html[data-style="9"] :is(.card,.memory,.selection):hover {border-color:color-mix(in srgb,var(--accent) 25%,var(--lg-edge))}
}
@media(max-width:760px) {
  html[data-style="9"] {--lg-blur:blur(16px) saturate(1.35)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-style="9"][data-theme] {--lg-glass:var(--surface);--lg-popover:var(--surface);--lg-control:var(--surface);--lg-card:var(--surface)}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  html[data-style="9"][data-theme] {--lg-glass:var(--surface);--lg-popover:var(--surface);--lg-control:var(--surface);--lg-card:var(--surface);--lg-blur:none;--tr-ray:transparent;--tr-prism:transparent}
  html[data-style="9"] :is(body>header .mega,#browse .explore-panel,.ap-panel,.fav2-dialog,.home-search-panel,.heros-carte) {background-image:none;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-contrast:more) {html[data-style="9"][data-theme] {--lg-edge:var(--muted)}}
@media(prefers-reduced-motion:reduce) {}


/* Aqua: clear water with colour from the existing palette controls. */
html[data-style="9"] {--lg-tint-a:color-mix(in srgb,var(--accent) 7%,transparent);--lg-tint-b:color-mix(in srgb,var(--accent) 4%,transparent);--lg-tint-c:color-mix(in srgb,var(--accent) 3%,transparent)}
html[data-style="9"] :is(.th-quick-card,.th-format,.th-place,.heros-carte) {background-color:var(--lg-card);border-color:var(--lg-edge);box-shadow:var(--lg-rim)}
html[data-style="9"] :is(button,summary,.th-quick-card,.th-format,.heros-cta):hover {transform:none}
html[data-style="9"] :is(button,summary,.th-quick-card,.th-format,.heros-cta) {transition:background-color .2s,border-color .2s,box-shadow .2s}
html[data-style="9"] .aq-fluid-host {isolation:isolate;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-style="9"] .aq-fluid-canvas {position:absolute!important;left:-16px!important;top:-16px!important;max-width:none!important;pointer-events:none!important;z-index:-1!important;display:block!important;border:0!important;border-radius:0!important}
@media(prefers-reduced-motion:reduce) {html[data-style="9"] * {scroll-behavior:auto}}

html[data-style="9"] .aq-fluid-static {position:relative!important}