/* Äerdschëff · shared liquid glass · 2026-10-29
   Cosmetic layer only: no changes to layout positioning, visibility or interactions.
   Native browser dialogs and external applications are outside this stylesheet. */
:root {
 --aerd-glass-ink:#392d3c;
 --aerd-glass-base:rgba(255,247,250,.78);
 --aerd-glass-sheen:linear-gradient(145deg,#ffffffa8,#ffffff18 48%,#f1dce74d);
 --aerd-glass-edge:rgba(255,255,255,.82);
 --aerd-glass-shadow:0 7px 22px #6645571c,inset 0 1.5px 1px #ffffffe0,inset 1px 0 2px #ffffff80,inset 0 -1px 2px #a78ba447;
 --aerd-glass-focus:#733e62;
 --aerd-glass-blur:14px;
}
.story-nav,.story-footer,.night-passage,.project-section,.story-embedded,
.aerd-glass-dark {
 --aerd-glass-ink:#f6f4fa;
 --aerd-glass-base:rgba(31,43,61,.84);
 --aerd-glass-sheen:linear-gradient(135deg,#e7f3ff30,#b5d8ec0c 48%,#bce1d720);
 --aerd-glass-edge:#d8edf77a;
 --aerd-glass-shadow:0 8px 23px #020d202b,inset 0 1.5px 1px #ffffff75,inset 1px 0 2px #ffffff30,inset 0 -1px 2px #8bb8d52b;
 --aerd-glass-focus:#c6f4ed;
}
/* Include actual controls and identified link-buttons; preserve illustrated scene objects. */
html body :is(
 button:not(.comet,.encounter,.street-object,.mp-statue,.mp-sign,[data-rl-legacy-control]),
 input[type=submit],input[type=button],input[type=reset],
 select:where(#language),select.journey-route,select.journey-language,
 a.button,a.btn,a.aerd-button,.wp-element-button,.wp-block-button__link,
 .aerd-final-nav a,.aerd-v3-login,.aerd-v3-menu>summary,.da-menu>summary,
 .aerd-language-bar a,.da-navigation>a,.da-cart,
 .about-text-link,.route,.hero-button,.hero-direct,.text-link,
 .nav-contact,.passage-link,.main-action,.resource-action,
 .story-nav nav>a,.story-footer a:not(.story-brand),
 .site-navigation a,.language-navigation a,.info-navigation a,
 .course-more>summary,.theme-index a,
 .mobilab-platform-login,.outro-actions>a,:where(#site-menu) nav a,
 .aerd-glass-button
):not(:where(#wpadminbar *,[data-wpvibe-no-preview],.wpvibe-btn)) {
 background-color:var(--aerd-glass-base)!important;
 background-image:var(--aerd-glass-sheen)!important;
 color:var(--aerd-glass-ink)!important;
 border:1px solid var(--aerd-glass-edge)!important;
 border-radius:999px!important;
 box-shadow:var(--aerd-glass-shadow)!important;
 -webkit-backdrop-filter:blur(var(--aerd-glass-blur)) saturate(145%);
 backdrop-filter:blur(var(--aerd-glass-blur)) saturate(145%);
 text-shadow:none;
 text-decoration:none;
 outline-offset:4px;
 transition:background-color .18s,border-color .18s,box-shadow .18s;
}
/* Added link surfaces need inner space; other controls keep their existing geometry. */
html body :is(.aerd-v3-login,.aerd-v3-menu>summary,.da-menu>summary,
 .da-navigation>a,.aerd-language-bar a,.about-text-link,
 .site-navigation a,.language-navigation a,.info-navigation a,.aerd-glass-button) {
 padding:10px 16px;
 min-height:44px;
 box-sizing:border-box;
}
html body .aerd-language-bar a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:8px 12px}
html body :is(.aerd-v3-motion,.aerd-v3-menu>summary){min-height:44px;padding:10px 16px}
html body :is(.da-navigation,.aerd-v3-toolbar-actions,.aerd-language-bar){gap:8px}
html body :is(button:not(.comet,.encounter,.street-object,.mp-statue,.mp-sign),input[type=submit],input[type=button],
 a.button,a.btn,.aerd-button,.aerd-v3-login,.aerd-v3-menu>summary,.da-menu>summary,
 .aerd-language-bar a,.da-navigation>a,.about-text-link,.route,.hero-button,
 .text-link,.resource-action,.site-navigation a,.language-navigation a,
 .info-navigation a,.mobilab-platform-login,.outro-actions>a,.aerd-glass-button
):not(:where(#wpadminbar *,[data-wpvibe-no-preview],.wpvibe-btn)):hover:not(:disabled,[aria-disabled=true]) {
 background-color:color-mix(in srgb,var(--aerd-glass-base) 86%,white)!important;
 border-color:#fff!important;
 box-shadow:var(--aerd-glass-shadow),0 3px 12px #49314b12!important;
}
html body :is(button,a,input,summary,[tabindex]):focus-visible {
 outline:3px solid var(--aerd-glass-focus);
 outline-offset:4px;
}
html body :is(button,input[type=submit],input[type=button]):active:not(:disabled) {
 box-shadow:inset 0 2px 8px #16314925,inset 0 1px 0 #ffffff80!important;
}
html body :is(button,input[type=submit],input[type=button]):disabled,
html body [aria-disabled=true]{cursor:not-allowed}
html body :is(button,input[type=submit],input[type=button]):disabled{opacity:.55}
/* Retain meaningful current/selected state, not just hover. */
html body :is(button[aria-pressed=true],button[aria-selected=true],
 .aerd-language-bar a[aria-current],.da-navigation>a[aria-current],
 .language-navigation a[aria-current]) {
 border-color:var(--aerd-glass-focus)!important;
 box-shadow:var(--aerd-glass-shadow),0 0 0 1px var(--aerd-glass-focus)!important;
}
/* Illustrated cards retain their card silhouette rather than a pill. */
html body button.cover-card.cover-card{border-radius:18px!important}
/* Sheet surfaces: sufficiently opaque behind long text, softened visible background. */
html body :is(dialog,[role=dialog],.aerd-v3-menu>nav,.da-menu>nav,.aerd-v3-bubble) {
 --aerd-glass-ink:#392d3c;
 --aerd-glass-base:rgba(255,247,250,.78);
 --aerd-glass-focus:#733e62;
 background:linear-gradient(140deg,#fffdf8f5,#f6edf1e8 55%,#ece7f0eb)!important;
 color:#392d3c!important;
 border:1px solid #ffffffd6!important;
 border-radius:24px!important;
 box-shadow:0 24px 80px #1a162b30,inset 0 1.5px 1px #fff,inset 1px 0 2px #ffffff80!important;
 -webkit-backdrop-filter:blur(24px) saturate(135%);
 backdrop-filter:blur(24px) saturate(135%);
}
html body :is(.aerd-v3-menu>nav,.da-menu>nav){padding:16px;max-width:calc(100vw - 32px)}
html body .aerd-v3-bubble{border-radius:18px!important}
html body dialog::backdrop{background:#14132270;backdrop-filter:blur(5px)}
/* Input fields keep a stable reading surface inside translucent dialogs. */
html body :is(dialog,[role=dialog]) :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=hidden]),textarea,select){
 background:#fffaf4eb;color:#392d3c;border-color:#877583;border-radius:10px;
}
@media(max-width:760px){
 :root{--aerd-glass-blur:10px}
 html body :is(.aerd-v3-toolbar-actions,.da-navigation){flex-wrap:wrap;gap:7px}
 html body :is(.da-navigation>a,.aerd-v3-login,.aerd-v3-menu>summary,.da-menu>summary){padding:9px 12px}
 html body :is(dialog,[role=dialog]){border-radius:20px!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--aerd-glass-base:#fff5f8}
 .story-nav,.story-footer,.night-passage,.project-section,.story-embedded,.aerd-glass-dark{--aerd-glass-base:#283a4c}
 html body :is(dialog,[role=dialog],.aerd-v3-menu>nav,.da-menu>nav,.aerd-v3-bubble){background:#fff7fa!important}
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 :root{--aerd-glass-base:#fff5f8;--aerd-glass-blur:0px;--aerd-glass-edge:#766575}
 .story-nav,.story-footer,.night-passage,.project-section,.story-embedded,.aerd-glass-dark{--aerd-glass-base:#283a4c;--aerd-glass-edge:#d8edf7}
 html body :is(dialog,[role=dialog],.aerd-v3-menu>nav,.da-menu>nav,.aerd-v3-bubble){background:#fff7fa!important;backdrop-filter:none;-webkit-backdrop-filter:none}
 html body dialog::backdrop{backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce){
 html body :is(button,input[type=submit],input[type=button],summary,.aerd-glass-button){transition:none}
}
@media(forced-colors:active){
 html body :is(button,input,summary,dialog,[role=dialog],a.button,.aerd-button,.da-navigation>a,.aerd-language-bar a){forced-color-adjust:auto;box-shadow:none!important;backdrop-filter:none;background:Canvas!important;color:CanvasText!important;border-color:ButtonText!important}
}

/* Mobile home shortcuts are navigation cards, not scene illustrations. */
html body .aerd-final-nav.aerd-final-nav a{border-radius:18px!important}

/* Rich menu entries remain cards; illustrated in-scene signs keep their artwork. */
html body #site-menu nav a{border-radius:20px!important}

/* The night-sky catalogue keeps its light text and thematic colours on smoked glass. */
html body.story-embedded dialog {
 --aerd-glass-ink:#f6f4fa;
 --aerd-glass-base:rgba(31,43,61,.84);
 --aerd-glass-sheen:linear-gradient(135deg,#e7f3ff30,#b5d8ec0c 48%,#bce1d720);
 --aerd-glass-edge:#d8edf77a;
 --aerd-glass-focus:#c6f4ed;
 background:linear-gradient(135deg,#263c50ed,#0f1d31f5 55%,#23354ded)!important;
 color:#f6f0e4!important;
 border-color:#d8edf77a!important;
 box-shadow:0 25px 90px #0006,inset 0 1.5px 1px #ffffff75!important;
}
html body.story-embedded dialog :is(input:not([type=checkbox],[type=radio],[type=submit],[type=button],[type=hidden]),textarea,select){
 background:#102338ed;color:#f6f0e4;border-color:#9cb6cb80;
}
html body.story-embedded .course-row{border-radius:16px!important;padding-inline:14px}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 html body.story-embedded dialog{background:#182b40!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html body.story-embedded dialog{background:#182b40!important}
}

html body.story-embedded dialog .dialog-top{background:#23384ced;color:#e6eef4}
html body.story-embedded dialog #step-label{color:#d3e0e9}