/* Colours copied from appa-design-system-v3-PREVIEW.html, 18 September 2026. */
[data-theme="dark"] {
  --primary:        #0B9FBD;
  --primary-bright: #3FC4DC;
  --primary-strong: #3FC4DC;
  --primary-tint:   #06303C;

  --doc-ink: #3FC4DC;

  --accent:         #B31B6F;
  --accent-text:    #F060A6;
  --accent-tint:    #6C0E42;

  --bg:             #000000;
  --surface:        #0A1419;
  --surface-raised: #12222A;
  --border:         #1E3640;
  --overlay:        rgba(0,0,0,0.6);

  --text:           #EAF6F8;
  --text-muted:     #8FA9B2;

  --disabled:       #1E3640;
  --disabled-text:  #8FA9B2;
  --placeholder:    #6F8790;
  --skeleton-base:  #12222A;
  --skeleton-sheen: #1E3640;

  --success: #45E0A0;
  --warning: #FFA552;
  --error:   #FF7A7E;
  --info:    #A6AEFF;

  /* --- ON-COLOR · text that sits ON each fill (WCAG AA, measured) --- */
  --on-primary:        #FFFFFF;  /* 3.1:1 · brand pairing · weight 600+ */
  --on-primary-bright: #FFFFFF;  /* 2.1:1 · brand pairing · weight 600+ */
  --on-primary-strong: #FFFFFF;  /* 2.1:1 · brand pairing · weight 600+ */
  --on-primary-tint:   #EAF6F8;  /* 12.7:1 */
  --on-accent:         #FFFFFF;  /* 6.4:1 · brand pairing · weight 600+ */
  --on-accent-muted:   #FBE0EE;  /* 5.1:1 · soft-pink secondary labels on magenta */
  --on-accent-text:    #16181C;  /* 5.9:1 */
  --on-accent-tint:    #F060A6;  /* 3.9:1 · the hue's own text ink on its tint */
  --on-success:        #16181C;  /* 10.5:1 */
  --on-warning:        #16181C;  /* 9.1:1 */
  --on-error:          #16181C;  /* 7.1:1 */
  --on-info:           #16181C;  /* 8.6:1 */

  --gradient: linear-gradient(90deg, #0B9FBD 0%, #3FC4DC 30%, #6C0E42 65%, #B31B6F 85%, #B31B6F 100%);

  /* Dark: the bevel goes glow-based · a faint cyan top-light over a deep drop */
  --shadow-xs: inset 0 1px 0 rgba(150,238,248,0.14), 0 1px 2px rgba(0,0,0,0.4);
  --shadow-sm: inset 0 1px 0 rgba(150,238,248,0.16), 0 2px 8px rgba(0,0,0,0.5);
  --shadow-md: inset 0 1px 0 rgba(150,238,248,0.18), 0 4px 16px rgba(0,0,0,0.6);
  --shadow-lg: inset 0 1px 0 rgba(150,238,248,0.20), 0 8px 28px rgba(0,0,0,0.65);
  --shadow-xl: inset 0 1px 0 rgba(150,238,248,0.22), 0 16px 48px rgba(0,0,0,0.7);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.07), 0 6px 20px rgba(0,0,0,0.5);


  --ink:var(--text);--muted:var(--text-muted);--appa-ink:var(--text);--appa-muted:var(--text-muted);--appa-teal:var(--primary);
  --theme-glass:linear-gradient(135deg,rgba(234,246,248,.12),rgba(18,34,42,.20) 48%,rgba(63,196,220,.06));
  --glass-edge:rgba(143,169,178,.28);
  --glass-shadow:inset 0 1px 0 rgba(234,246,248,.22),inset 0 -1px 0 rgba(63,196,220,.06),0 8px 24px rgba(0,0,0,.22);
  color-scheme:dark;
}
.theme-setting{grid-column:1/-1;border-top:1px solid #c9ddda;padding-top:16px}
.theme-setting button{display:flex;align-items:center;gap:12px;min-height:44px;width:100%;padding:4px 10px;border:0;background:transparent;color:inherit;font:500 15px 'Google Sans Flex',Arial,sans-serif;text-align:left;cursor:pointer}
.theme-setting button>span:first-child{margin-right:auto}.theme-state{width:24px;font-size:12px}
.theme-switch-track{width:42px;height:24px;border-radius:20px;background:#c9ddda;padding:3px;box-sizing:border-box;flex:none}
.theme-switch-track>span{display:block;width:18px;height:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0003;transition:transform .2s}
[aria-checked=true] .theme-switch-track{background:var(--primary)}[aria-checked=true] .theme-switch-track>span{transform:translateX(18px)}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}
html[data-theme=dark] :is(h1,h2,h3,h4,blockquote,summary,.brand,.price,.mono,.tab strong,.type-pill,.type-detail,.footer-links a){color:var(--text)}
html[data-theme=dark] :is(p,.lede,.intro,.excerpt,.meta,.eyebrow,.quiet-note,.story-context,.preview-note,.research-meta,.menu-heading,.footer-credit,.closing-response,.billing-note,.free-detail){color:var(--text-muted)}
html[data-theme=dark] :is(.site-nav,.site-nav.arrival-visible,.site-menu summary,.pill,.price-free,.price-paid,.billing-options,.member-story-grid figure:first-child,.invitation-glass,.invitation .text-link,.closing .explore-lake-link){background:var(--theme-glass);border-color:var(--border);box-shadow:var(--shadow-md);color:var(--text)}
html[data-theme=dark] :is(.site-menu-panel,dialog,.phone,.founder-video-placeholder,.faq-panel,.filters button,.type,.archive-note){background:var(--surface-raised);border-color:var(--border);color:var(--text);box-shadow:var(--shadow-sm)}
html[data-theme=dark] :is(.site-menu-panel a:hover,.site-menu-panel a[aria-current=page],.site-menu[open] summary,.tab.active,.input,.featured,.session-bridge,.apply-section){background:var(--primary-tint);color:var(--text);border-color:var(--border)}
html[data-theme=dark] :is(.teal,.site-nav .nav-get){background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600;box-shadow:var(--shadow-sm)}
html[data-theme=dark] :is(.teal:hover,.site-nav .nav-get:hover){background:var(--primary-strong);color:var(--bg)}
html[data-theme=dark] :is(.nav-test,.billing-options button,.filters button,.search input,.type-detail button){color:var(--text);background-color:transparent}
html[data-theme=dark] :is(.filters button[aria-pressed=true],.billing-options::before){background:var(--primary-tint);border-color:var(--primary-strong);color:var(--primary-strong);box-shadow:var(--shadow-sm)}
html[data-theme=dark] :is(.member-stories,.types,.appa-faq,.pricing,.site-footer,.contact-section,.team-section,.about-values){background:transparent;color:var(--text)}
html[data-theme=dark] :is(.features,.closing){background:transparent}
html[data-theme=dark] .hero::before{background-image:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.16)),url('/public/lake-night.png')}
html[data-theme=dark] .hero .intro{color:var(--text)}
html[data-theme=dark] .closing::before{background:radial-gradient(ellipse at 50% 130%,var(--primary-tint),transparent 66%),var(--bg)}
html[data-theme=dark] .member-stories::before{opacity:.28}
html[data-theme=dark] .member-stories::after{background:linear-gradient(90deg,var(--bg),transparent)}
html[data-theme=dark] .type-atmosphere{opacity:1}
html[data-theme=dark] .type-pill{background:var(--theme-glass);border-color:var(--border);box-shadow:var(--shadow-sm)}
html[data-theme=dark] :is(.type-pill.active,.type-pill[aria-pressed=true]){background:var(--surface-raised);border-color:var(--primary-strong)}
html[data-theme=dark] .phone{background:var(--surface-raised)!important;opacity:1}
html[data-theme=dark] :is(.phone p,.phone .input,.member-story-grid figcaption,.member-story-grid figcaption span,.stories-source,.film-status,.film-title>span,.price-paid li){color:var(--text-muted)}
html[data-theme=dark] .film-status{background:var(--surface)}
html[data-theme=dark] .journal-spread{background:linear-gradient(90deg,var(--surface) 0%,var(--surface-raised) 12%,var(--surface-raised) 65%,var(--border) 65.2%,var(--surface) 66%,var(--surface-raised) 72%);border-color:var(--border);box-shadow:var(--shadow-lg)}
html[data-theme=dark] :is(.editorial-list,.editorial-row,.research-entry,.citation,.research-limit,.section-index,.source-row,.question-list,details,.post,.reading-link,.article-end,footer,.values-list article,.theme-setting,.between){border-color:var(--border)}
html[data-theme=dark] :is(.between li>span,.skip){background:var(--surface-raised);border-color:var(--border);color:var(--text)}
html[data-theme=dark] .journey-line{stroke:var(--primary)}
html[data-theme=dark] :is(.text-link,.prose a,.contact-links a){color:var(--primary-strong);border-color:var(--primary)}
html[data-theme=dark] :is(.prose p,.prose li){color:var(--text)}
html[data-theme=dark] :focus-visible{outline-color:var(--primary-strong)}
/* The lake keeps its illustration; only its interface and lighting change. */
html[data-theme=dark] #stage canvas{filter:none}
html[data-theme=dark] body:has(#stage) main::after{background:linear-gradient(180deg,rgba(0,0,0,.22),transparent 55%,rgba(0,0,0,.18))}
html[data-theme=dark] :is(#enter,footer nav:has(button),#status){background:var(--theme-glass);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-md)}
html[data-theme=dark] footer nav button,html[data-theme=dark] footer nav button span{color:var(--text)}
html[data-theme=dark] footer nav button[aria-pressed=true]{background:var(--surface-raised);box-shadow:var(--shadow-sm)}
html[data-theme=dark] body[data-target] header div{color:var(--text)}
@media(prefers-reduced-motion:reduce){.theme-switch-track>span{transition:none}}
html[data-theme=dark] .founder-film{background:var(--bg)}
html[data-theme=dark] .billing-options::before{background:var(--primary-tint);border-color:var(--primary-strong);box-shadow:var(--shadow-sm)}
html[data-theme=dark] .type-pill[aria-selected=true]{background:var(--surface-raised);border-color:var(--primary-strong);box-shadow:var(--shadow-md)}
html[data-theme=dark] .types.fluid-ready .type-atmosphere::after{display:block;background:linear-gradient(var(--bg),transparent 24%,transparent 73%,var(--bg))}
html[data-theme=dark] .fluid-light{filter:blur(14px)}
html[data-theme=dark] .type-atmosphere::after{background:linear-gradient(var(--bg),transparent 24%,transparent 73%,var(--bg))}
html[data-theme=dark] :is(.price-amount span,.price-kicker,.price-free>span,.price-paid li:before){color:var(--text-muted)}
html[data-theme=dark] .device-stage{opacity:1;background:radial-gradient(ellipse,var(--primary-tint),transparent 70%)}

/* The shader feathers to black itself; keep its full luminous motion visible. */
html[data-theme=dark] .types.fluid-ready .type-atmosphere::after{display:none}
html[data-theme=dark] .types>header p{color:var(--text)}

/* Shared translucent glass: reflective light, visible backdrop, restrained depth. */
html[data-theme=dark] :is(.site-nav,.site-nav.arrival-visible,.site-menu summary,.pill:not(.teal),.price-free,.price-paid,.billing-options,.member-story-grid figure,.invitation-glass,.invitation .text-link,.closing .explore-lake-link,.type-pill,[id="enter"],footer nav:has(button),.filters button){
 background:var(--theme-glass);border-color:var(--glass-edge);box-shadow:var(--glass-shadow);color:var(--text);
 backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);
}
html[data-theme=dark] .site-menu-panel{background:linear-gradient(135deg,rgba(18,34,42,.88),rgba(10,20,25,.82));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-color:var(--glass-edge);box-shadow:var(--glass-shadow)}
html[data-theme=dark] .type-pill[aria-selected=true],html[data-theme=dark] footer nav button[aria-pressed=true],html[data-theme=dark] .billing-options::before{background:linear-gradient(135deg,rgba(234,246,248,.25),rgba(143,169,178,.14));border-color:rgba(234,246,248,.42);box-shadow:var(--glass-shadow)}
html[data-theme=dark] .types :is(h2,blockquote){text-shadow:0 2px 14px rgba(0,0,0,.65)}
html[data-theme=dark] .type-pill{text-shadow:0 1px 5px rgba(0,0,0,.45)}
html[data-theme=dark] .types>header p{text-shadow:0 1px 8px rgba(0,0,0,.8)}
/* Focused tendency: deeper smoky glass; surrounding pills stay transparent. */
html[data-theme=dark] .types .type-pill[aria-selected=true]{
 background:linear-gradient(165deg,rgba(234,246,248,.09) 0%,rgba(234,246,248,.025) 35%,transparent 57%),linear-gradient(115deg,rgba(25,31,41,.84),rgba(44,35,51,.74));
 border-color:rgba(234,246,248,.10);
 box-shadow:inset 0 2px 2px rgba(234,246,248,.16),inset 1px 0 2px rgba(234,246,248,.05),inset 0 -2px 4px rgba(0,0,0,.18),0 7px 18px rgba(0,0,0,.28);
 backdrop-filter:blur(20px) saturate(135%);
 -webkit-backdrop-filter:blur(20px) saturate(135%);
 color:var(--text);
}
/* Unified smoky glass, matching the focused tendency reference. */
html[data-theme=dark]{
 --smoky-glass:linear-gradient(165deg,rgba(234,246,248,.09),rgba(234,246,248,.025) 35%,transparent 57%),linear-gradient(115deg,rgba(25,31,41,.84),rgba(44,35,51,.74));
 --smoky-edge:rgba(234,246,248,.10);
 --smoky-shadow:inset 0 2px 2px rgba(234,246,248,.16),inset 1px 0 2px rgba(234,246,248,.05),inset 0 -2px 4px rgba(0,0,0,.18),0 7px 18px rgba(0,0,0,.28);
}
html[data-theme=dark] :is(.site-nav,.site-nav.arrival-visible,.site-menu-panel,.site-menu summary,.site-menu[open] summary,.site-nav .nav-get,.pill,.pill.teal,.price-free,.price-paid,.billing-options,.member-story-grid figure,.member-story-grid figure:first-child,.invitation-glass,.invitation .text-link,.closing .explore-lake-link,.filters button,[id="enter"],footer nav:has(button),footer nav button[aria-pressed=true]){
 background:var(--smoky-glass);border-color:var(--smoky-edge);box-shadow:var(--smoky-shadow);color:var(--text);
 backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);
}
html[data-theme=dark] .billing-options::before{background:var(--smoky-glass);border-color:rgba(234,246,248,.22);box-shadow:var(--smoky-shadow)}
html[data-theme=dark] .types .type-pill[aria-selected=true]{background:var(--smoky-glass);border-color:var(--smoky-edge);box-shadow:var(--smoky-shadow)}
html[data-theme=dark] :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,[id="enter"]):hover{background:var(--smoky-glass);border-color:rgba(234,246,248,.28);color:var(--text);box-shadow:var(--smoky-shadow)}
html[data-theme=dark] :focus-visible{outline-color:var(--text);outline-offset:4px}
/* FAQ and member experiences use the same dark glass material. */
html[data-theme=dark] .appa-faq .faq-panel{
 background:var(--smoky-glass);border:1px solid var(--smoky-edge);border-radius:24px;
 padding:24px;box-shadow:var(--smoky-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
html[data-theme=dark] .faq-scroll{scrollbar-color:rgba(234,246,248,.3) transparent}
html[data-theme=dark] .faq-scroll::-webkit-scrollbar-track{background:transparent}
html[data-theme=dark] .faq-scroll::-webkit-scrollbar-thumb{background:rgba(234,246,248,.3)}
html[data-theme=dark] .faq-scroll details{border-color:rgba(234,246,248,.12)}
html[data-theme=dark] .faq-scroll summary{color:var(--text)}
html[data-theme=dark] .faq-scroll summary::after{color:var(--text-muted)}
html[data-theme=dark] .faq-scroll .faq-answer p{color:var(--text);opacity:.88}
html[data-theme=dark] .faq-scroll-hint{color:var(--text-muted)}
html[data-theme=dark] .member-story-grid .story-context{
 background:linear-gradient(145deg,rgba(234,246,248,.10),rgba(234,246,248,.025));
 border-color:var(--smoky-edge);color:var(--text);box-shadow:inset 0 1px 0 rgba(234,246,248,.10);
}
html[data-theme=dark] .member-story-grid blockquote,html[data-theme=dark] .member-story-grid figcaption{color:var(--text)}
html[data-theme=dark] .member-story-grid figcaption span{color:var(--text-muted)}
html[data-theme=dark] .faq-scroll:focus-visible,html[data-theme=dark] .faq-scroll summary:focus-visible,html[data-theme=dark] .member-story-grid:focus-visible{outline-color:var(--text)}
@media(max-width:650px){html[data-theme=dark] .appa-faq .faq-panel{padding:20px;border-radius:20px}}
/* Keep FAQ open on the page, without a card surface. */
html[data-theme=dark] .appa-faq .faq-panel{
 background:none;border:0;border-radius:0;padding:0;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}

html[data-theme=dark] .pricing :is(.price-free,.price-paid){box-shadow:inset 0 2px 2px rgba(234,246,248,.16),inset 1px 0 2px rgba(234,246,248,.05)}

/* Light counterpart of the dark glass surfaces. Dark rules remain untouched. */
html[data-theme=light]{
 --light-glass:linear-gradient(165deg,rgba(255,255,255,.72),rgba(255,255,255,.18) 35%,transparent 57%),linear-gradient(115deg,rgba(225,238,240,.55),rgba(237,229,241,.45));
 --light-glass-edge:rgba(255,255,255,.66);
 --light-glass-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 1px 0 2px rgba(255,255,255,.45),inset 0 -2px 4px rgba(45,57,65,.07),0 7px 18px rgba(35,61,67,.09);
}
html[data-theme=light] :is(.site-nav,.site-nav.arrival-visible,.site-menu-panel,.site-menu summary,.site-menu[open] summary,.site-nav .nav-get,.pill,.pill.teal,.price-free,.price-paid,.billing-options,.member-story-grid figure,.member-story-grid figure:first-child,.invitation-glass,.invitation .text-link,.closing .explore-lake-link,.filters button,[id="enter"],footer nav:has(button),footer nav button[aria-pressed=true]){
 background:var(--light-glass);border-color:var(--light-glass-edge);box-shadow:var(--light-glass-shadow);color:#233d43;
 backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);
}
html[data-theme=light] body>:where(#__next)>.site-nav .site-menu .site-menu-panel{background:linear-gradient(165deg,rgba(255,255,255,.87),rgba(238,241,244,.80));backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}
html[data-theme=light] .billing-options::before{background:var(--light-glass);border-color:rgba(255,255,255,.85);box-shadow:var(--light-glass-shadow)}
html[data-theme=light] .types .type-pill{
 background:linear-gradient(135deg,rgba(255,255,255,.24),rgba(225,238,240,.12) 48%,rgba(237,229,241,.09));
 border-color:rgba(255,255,255,.4);box-shadow:var(--light-glass-shadow);color:#233d43;
 backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);
}
html[data-theme=light] .types .type-pill[aria-selected=true]{
 background:var(--light-glass);border-color:var(--light-glass-edge);box-shadow:var(--light-glass-shadow);
 backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%);
}
html[data-theme=light] :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,[id="enter"]):hover{
 background:var(--light-glass);border-color:rgba(255,255,255,.95);color:#233d43;box-shadow:var(--light-glass-shadow);
}
html[data-theme=light] .filters button[aria-pressed=true]{background:var(--light-glass);border-color:rgba(35,61,67,.3);font-weight:600}
html[data-theme=light] .member-story-grid .story-context{background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(255,255,255,.12));border-color:var(--light-glass-edge);color:#233d43;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html[data-theme=light] body .pricing :is(.price-free,.price-paid){box-shadow:inset 0 2px 2px rgba(255,255,255,.9),inset 1px 0 2px rgba(255,255,255,.45)}
html[data-theme=light] .appa-faq .faq-panel{background:none;border:0;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Light glass interaction states: highlight on hover, inset depth on press. */
html[data-theme=light] body :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,.filters button,.type-pill,[id="enter"],footer nav button,.billing-options button){
 transition-property:background-color,border-color,box-shadow,color,opacity,translate;
 transition-duration:.22s;transition-timing-function:ease;
}
@media(hover:hover){
 html[data-theme=light] body :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,.filters button,.type-pill,[id="enter"],footer nav button,.billing-options button):hover{
  background-color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.98);color:#18383e;
  box-shadow:inset 0 2px 3px rgba(255,255,255,1),inset 0 -1px 2px rgba(50,66,75,.1),0 5px 16px rgba(35,61,67,.16);
 }
}
html[data-theme=light] body :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,.filters button,.type-pill,[id="enter"],footer nav button,.billing-options button):active{
 background-color:rgba(177,198,203,.32);border-color:rgba(90,115,120,.22);color:#18383e;
 box-shadow:inset 0 2px 5px rgba(35,61,67,.22),inset 0 -1px 1px rgba(255,255,255,.7),0 1px 3px rgba(35,61,67,.06);
 transition-duration:.08s;
}
html[data-theme=light] body :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,.filters button,.type-pill,[id="enter"],footer nav button,.billing-options button):focus-visible{
 outline:2px solid #355e65;outline-offset:4px;
}
@media(prefers-reduced-motion:reduce){
 html[data-theme=light] body :is(.site-nav .nav-get,.pill,.site-menu summary,.invitation .text-link,.closing .explore-lake-link,.filters button,.type-pill,[id="enter"],footer nav button,.billing-options button){transition:none}
}

/* Expanded navigation needs a quiet reading surface over page content. */
html[data-theme=light] body>:where(#__next)>.site-nav .site-menu .site-menu-panel{
 background:linear-gradient(135deg,rgba(250,253,253,.98),rgba(237,243,245,.97));
 backdrop-filter:blur(32px) saturate(115%);-webkit-backdrop-filter:blur(32px) saturate(115%);
}

/* Dark menu: neutral translucent glass with a readable backdrop. */
html[data-theme=dark] body>:where(#__next)>.site-nav .site-menu .site-menu-panel{
 background:linear-gradient(150deg,rgba(234,246,248,.09),rgba(234,246,248,.025) 40%,transparent 70%),rgba(15,22,28,.78);
 border-color:rgba(234,246,248,.18);
 backdrop-filter:blur(36px) saturate(110%);-webkit-backdrop-filter:blur(36px) saturate(110%);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.18),inset 0 -1px 1px rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.24);
}
/* Avoid nesting backdrop filters: the open panel must blur the page itself. */
html[data-theme=dark] body>:where(#__next)>.site-nav:has(.site-menu[open]){
 backdrop-filter:none;-webkit-backdrop-filter:none;
}

/* Clearer dark glass across the site; the dropdown keeps its readable surface. */
html[data-theme=dark]{
 --smoky-glass:linear-gradient(165deg,rgba(234,246,248,.10),rgba(234,246,248,.025) 35%,transparent 60%),linear-gradient(115deg,rgba(16,24,30,.48),rgba(29,30,39,.36));
 --smoky-edge:rgba(234,246,248,.16);
 --smoky-shadow:inset 0 2px 2px rgba(234,246,248,.18),inset 1px 0 2px rgba(234,246,248,.06),inset 0 -1px 3px rgba(0,0,0,.12),0 6px 18px rgba(0,0,0,.18);
}

/* Tendency descriptions remain legible over the moving colours. */
.types .type-detail .reflection-inner p{font-size:18px;line-height:1.7;max-width:500px;margin:0 auto 24px;font-weight:500;text-wrap:pretty}
html[data-theme=dark] .types .type-detail .reflection-inner p{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 12px rgba(0,0,0,.65)}
html[data-theme=light] .types .type-detail .reflection-inner p{color:#19383e;text-shadow:0 1px 8px rgba(255,255,255,.65)}
@media(max-width:600px){.types .type-detail .reflection-inner p{font-size:16px;line-height:1.7}}


/* FAQ hierarchy stays open on the page, with a quieter answer column. */
.appa-faq .faq-scroll summary{font-size:18px;font-weight:600;line-height:1.45}
.appa-faq .faq-answer{margin-top:14px;padding-left:18px;border-left:2px solid rgba(82,115,120,.3)}
.appa-faq .faq-answer p{font-size:16px;line-height:1.8;font-weight:400;margin:0 0 12px}
.appa-faq .faq-answer p:last-child{margin-bottom:0}
html[data-theme=dark] .appa-faq .faq-answer p{color:#b8c9ce;opacity:1}
html[data-theme=light] .appa-faq .faq-answer p{color:#4a6269}
html[data-theme=dark] .appa-faq .faq-answer{border-left-color:rgba(234,246,248,.22)}
@media(max-width:600px){.appa-faq .faq-scroll summary{font-size:17px}.appa-faq .faq-answer{padding-left:14px}}

/* Closing actions share identical typography in both themes. */
html body .closing .closing-actions :is(.closing-download,.explore-lake-link){
 font-family:'Google Sans Flex',Arial,sans-serif;
 font-size:14px;
 font-weight:600;
 font-style:normal;
 line-height:1.2;
 letter-spacing:normal;
}

/* The lake sky emerges gradually from the preceding page surface. */
html[data-theme=light] body:has(#stage) main::after{background:none}
html[data-theme=dark] body:has(#stage) main::after{background:none}
html body .embedded-lakeside{height:100svh;min-height:560px}

/* Let the closing glow settle back to the page colour before the sky begins. */
.closing::before{mask-image:linear-gradient(to bottom,#000 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 60%,transparent 100%)}


/* The layout stays one viewport high; only the image extends above its box. */
html body .embedded-lakeside{position:relative;overflow:visible;height:100svh;min-height:560px;margin:0!important;padding:0!important;box-sizing:border-box}
.embedded-lakeside iframe{position:absolute;left:0;top:-100px;width:100%;height:calc(100% + 100px);mask-image:linear-gradient(to bottom,transparent,#000 150px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 150px)}
.closing .closing-actions{position:relative;z-index:2}
@media(max-width:600px){.embedded-lakeside iframe{top:-64px;height:calc(100% + 64px);mask-image:linear-gradient(to bottom,transparent,#000 100px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 100px)}}


/* Blend only the scenery, keeping labels crisp and the edge colour-neutral. */
html body .embedded-lakeside iframe{mask-image:none;-webkit-mask-image:none}
html body:has(#stage){background:transparent}
html body:has(#stage) #stage{
 mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.025) 25px,rgba(0,0,0,.10) 50px,rgba(0,0,0,.22) 75px,rgba(0,0,0,.4) 100px,rgba(0,0,0,.6) 125px,rgba(0,0,0,.78) 150px,rgba(0,0,0,.90) 175px,rgba(0,0,0,.975) 200px,#000 225px);
 -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.025) 25px,rgba(0,0,0,.10) 50px,rgba(0,0,0,.22) 75px,rgba(0,0,0,.4) 100px,rgba(0,0,0,.6) 125px,rgba(0,0,0,.78) 150px,rgba(0,0,0,.90) 175px,rgba(0,0,0,.975) 200px,#000 225px);
}
html[data-theme=dark] .closing::before{background:#000;mask-image:none}
html[data-theme=light] .closing::before{background:#fff;mask-image:none}
.closing{padding-bottom:76px}

/* Shared action typography and feedback, independent of section reveal timing. */
html[data-theme] body :is(.pill,.nav-get,.nav-test,.site-menu summary,.closing .closing-actions .closing-download,.closing .closing-actions .explore-lake-link,.pricing .price-free-cta,.pricing .price-paid-cta,.billing-options button,.filters button,.invitation .text-link,[id="enter"],.understand-mix){
 font-family:'Google Sans Flex',Arial,sans-serif;font-size:14px;font-weight:600;font-style:normal;line-height:1.2;letter-spacing:normal;
 transition-property:background-color,border-color,box-shadow,color,opacity,translate;
 transition-duration:.2s,.2s,.2s,.2s,.65s,.65s;
 transition-timing-function:ease;
 transition-delay:0s!important;
}
html[data-theme=light]{--action-hover:rgba(255,255,255,.55);--action-edge:rgba(255,255,255,.98);--action-highlight:rgba(255,255,255,.95);--action-shadow:rgba(35,61,67,.16);--action-press:rgba(150,175,182,.26)}
html[data-theme=dark]{--action-hover:rgba(234,246,248,.13);--action-edge:rgba(234,246,248,.38);--action-highlight:rgba(234,246,248,.32);--action-shadow:rgba(0,0,0,.3);--action-press:rgba(0,0,0,.28)}
@media(hover:hover){
 html[data-theme] body :is(.pill,.nav-get,.nav-test,.site-menu summary,.closing .closing-actions .closing-download,.closing .closing-actions .explore-lake-link,.pricing .price-free-cta,.pricing .price-paid-cta,.billing-options button,.filters button,.invitation .text-link,[id="enter"],.understand-mix,.type-pill,footer nav button):hover{
  background-color:var(--action-hover);border-color:var(--action-edge);
  box-shadow:inset 0 2px 3px var(--action-highlight),0 5px 16px var(--action-shadow);
 }
}
html[data-theme] body :is(.pill,.nav-get,.nav-test,.site-menu summary,.closing .closing-actions .closing-download,.closing .closing-actions .explore-lake-link,.pricing .price-free-cta,.pricing .price-paid-cta,.billing-options button,.filters button,.invitation .text-link,[id="enter"],.understand-mix,.type-pill,footer nav button):active{
 background-color:var(--action-press);border-color:var(--action-edge);
 box-shadow:inset 0 2px 5px var(--action-shadow),inset 0 -1px 1px var(--action-highlight);
 transition-duration:.08s;
}
@media(prefers-reduced-motion:reduce){html[data-theme] body :is(.pill,.nav-get,.nav-test,.site-menu summary,.closing .closing-actions .closing-download,.closing .closing-actions .explore-lake-link,.pricing .price-free-cta,.pricing .price-paid-cta,.billing-options button,.filters button,.invitation .text-link,[id="enter"],.understand-mix){transition:none}}