/* Enthy glass layer — shared by the Studio (/bauen) and the learning app (/lernen).
   One open sky, self-hosted Manrope, and the glass material tokens. Page stylesheets
   (bauer.css, liquid.css) compose their layouts from these tokens. */

/* ---------- Type: Manrope, self-hosted (SIL OFL), no third-party requests ---------- */
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('/static/vendor/fonts/manrope-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Manrope'; font-style: normal; font-weight: 300 800; font-display: swap; src: url('/static/vendor/fonts/manrope-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
body.enthy-glass { font-family: 'Manrope', var(--sans); font-feature-settings: 'ss01', 'cv05'; -webkit-font-smoothing: antialiased; --hair: rgb(24 56 50 / 11%); }
html[data-theme="dark"] body.enthy-glass { --hair: rgb(206 242 236 / 12%); }
.enthy-glass :is(button, input, textarea, select) { font-family: inherit; }

body.enthy-glass {
  --sky-base: #e8eee9;
  --gl-bg: rgb(255 255 255 / 44%); --gl-bg-2: rgb(255 255 255 / 60%); --gl-bg-3: rgb(255 255 255 / 34%);
  --gl-edge: rgb(255 255 255 / 78%); --gl-ring: rgb(24 56 50 / 7%);
  --gl-inner: inset 0 1px 0 rgb(255 255 255 / 95%), inset 0 -1px 0 rgb(255 255 255 / 30%);
  --gl-shadow: 0 32px 80px -28px rgb(24 56 50 / 30%), 0 2px 6px rgb(24 56 50 / 4%);
  --gl-shadow-lift: 0 44px 110px -30px rgb(24 56 50 / 38%), 0 2px 8px rgb(24 56 50 / 5%);
  --gl-blur: blur(30px) saturate(170%);
  --pill-bg: rgb(255 255 255 / 42%); --pill-active: rgb(255 255 255 / 86%);
  --ink-soft: #5d7a7c;
  background: var(--sky-base);
}
html[data-theme="dark"] body.enthy-glass {
  --sky-base: #0f1d20;
  --gl-bg: rgb(22 46 48 / 52%); --gl-bg-2: rgb(26 52 54 / 66%); --gl-bg-3: rgb(22 46 48 / 40%);
  --gl-edge: rgb(176 224 218 / 17%); --gl-ring: rgb(0 0 0 / 30%);
  --gl-inner: inset 0 1px 0 rgb(206 242 236 / 14%), inset 0 -1px 0 rgb(0 0 0 / 20%);
  --gl-shadow: 0 32px 80px -28px rgb(0 0 0 / 70%), 0 2px 6px rgb(0 0 0 / 20%);
  --gl-shadow-lift: 0 44px 110px -30px rgb(0 0 0 / 80%), 0 2px 8px rgb(0 0 0 / 25%);
  --pill-bg: rgb(255 255 255 / 6%); --pill-active: rgb(255 255 255 / 15%);
  --ink-soft: #9dbcbb;
  background: var(--sky-base);
}

/* ---------- The sky: slow colour fields, one sheen, film grain ---------- */
.studio-sky { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; background: linear-gradient(168deg, #f2f6f1 0%, #e6eeea 48%, #d9e5e2 100%); }
.studio-sky i { position: absolute; display: block; border-radius: 50%; filter: blur(54px) saturate(118%); will-change: transform; animation: studio-drift 42s ease-in-out infinite alternate; }
.studio-sky .sky-a { width: 64vw; height: 64vw; left: -20vw; top: -26vw; background: radial-gradient(circle at 42% 42%, #b3dcc9 0%, #a9cfc4 38%, transparent 70%); }
.studio-sky .sky-b { width: 54vw; height: 54vw; right: -16vw; top: -14vw; background: radial-gradient(circle, #f8ecd0 0%, #f2e6cf 34%, transparent 70%); animation-duration: 50s; animation-delay: -14s; }
.studio-sky .sky-c { width: 62vw; height: 62vw; left: 16vw; bottom: -34vw; background: radial-gradient(circle, #96c6cb 0%, #a9cfcc 40%, transparent 70%); animation-duration: 58s; animation-delay: -26s; }
.studio-sky .sky-d { width: 34vw; height: 34vw; right: 4vw; bottom: 0; background: radial-gradient(circle, #6fa89ed9 0%, transparent 68%); animation-duration: 36s; animation-delay: -8s; }
.studio-sky .sky-sheen { position: absolute; inset: -30%; display: block; background: linear-gradient(112deg, transparent 40%, #ffffff66 50%, transparent 60%); }
.studio-sky .sky-grain { position: absolute; inset: 0; display: block; opacity: .5; mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
@keyframes studio-drift { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(4vw,3vw,0) scale(1.09); } }
html[data-theme="dark"] .studio-sky { background: linear-gradient(168deg, #132528 0%, #0f1d20 50%, #0b1618 100%); }
html[data-theme="dark"] .studio-sky .sky-a { background: radial-gradient(circle at 42% 42%, #1f5251 0%, #1a4443 40%, transparent 70%); }
html[data-theme="dark"] .studio-sky .sky-b { background: radial-gradient(circle, #4a4a33 0%, #3a3d2d 34%, transparent 70%); opacity: .8; }
html[data-theme="dark"] .studio-sky .sky-c { background: radial-gradient(circle, #1c4a52 0%, #1a3e44 40%, transparent 70%); }
html[data-theme="dark"] .studio-sky .sky-d { background: radial-gradient(circle, #3c8f81a6 0%, transparent 68%); }
html[data-theme="dark"] .studio-sky .sky-sheen { background: linear-gradient(112deg, transparent 40%, #ffffff12 50%, transparent 60%); }

/* ================================================================
   Learning app (/lernen) on the same sky: glass rail, glass header, solid reading field.
   Reading surfaces (questions, explanations, forms) stay almost opaque by design.
   ================================================================ */
.enthy-learning > aside, .enthy-learning > main, .enthy-learning #panelhost, .enthy-learning #rightpanel { position: relative; z-index: 1; }
body.enthy-learning.enthy-glass { background: var(--sky-base); }
html[data-theme="dark"] body.enthy-learning.enthy-glass { background: var(--sky-base); }
.enthy-learning.enthy-glass > aside { margin: 14px 0 14px 14px; border-radius: 26px; border: 1px solid var(--gl-edge); background: var(--gl-bg); box-shadow: var(--gl-shadow), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); }
.enthy-learning.enthy-glass > main { margin: 14px; border-radius: 28px; border: 1px solid var(--gl-edge); background: var(--gl-bg-2); box-shadow: var(--gl-shadow), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); }
.enthy-learning.enthy-glass.nav-closed > aside { margin: 0; border: 0; box-shadow: none; }
.enthy-learning.enthy-glass header { min-height: 72px; padding: 12px 18px; background: transparent; border-bottom: 1px solid var(--hair); backdrop-filter: none; -webkit-backdrop-filter: none; }
.enthy-learning.enthy-glass header h2 { font-size: 15px; font-weight: 700; letter-spacing: -.02em; }
.enthy-learning.enthy-glass .modes { border: 1px solid var(--gl-edge); background: var(--gl-bg-3); padding: 4px; gap: 2px; }
.enthy-learning.enthy-glass .modes button { min-height: 36px; padding: 6px 14px; font-size: 13px; font-weight: 550; color: var(--ink-soft); }
.enthy-learning.enthy-glass .modes button.on { background: var(--pill-active); color: var(--ink); box-shadow: 0 4px 14px -6px rgb(24 56 50 / 35%), inset 0 1px 0 #fff; }
.enthy-learning.enthy-glass :is(.navtoggle,.tbtn) { width: 38px; height: 38px; border: 1px solid var(--gl-edge); background: var(--gl-bg-3); color: var(--ink); }
.enthy-learning.enthy-glass .brand { padding: 20px 18px 14px; border-bottom: 1px solid var(--hair); }
.enthy-learning.enthy-glass .brand h1 { display: inline-flex; align-items: center; gap: 9px; font-size: 19px; font-weight: 800; letter-spacing: -.04em; }
.enthy-learning.enthy-glass .brand h1::before { content: ''; width: 24px; height: 24px; border-radius: 8px; background: url('/static/mark.svg') center / contain no-repeat; }
.enthy-learning.enthy-glass .today { margin: 12px; padding: 14px 16px; border-radius: 18px; background: var(--gl-bg-2); border: 1px solid var(--gl-edge); box-shadow: var(--gl-inner); }
.enthy-learning.enthy-glass .today .lbl { letter-spacing: .16em; }
.enthy-learning.enthy-glass .sec { font-size: 10.5px; letter-spacing: .16em; color: var(--ink-soft); }
.enthy-learning.enthy-glass .row { border-radius: 12px; }
.enthy-learning.enthy-glass .row:hover { background: var(--pill-bg); }
.enthy-learning.enthy-glass .row.on { background: var(--pill-active); box-shadow: inset 0 1px 0 #fff; }
.enthy-learning.enthy-glass .foot { border-top: 1px solid var(--hair); color: var(--ink-soft); }
.enthy-learning.enthy-glass :is(.karte,.kurskarte,.quota-card,.kachel) { border-radius: 24px; border: 1px solid var(--gl-edge); background: var(--reading); box-shadow: 0 18px 50px -30px rgb(24 56 50 / 30%), var(--gl-inner); }
.enthy-learning.enthy-glass .start-card { border-radius: 26px; border: 1px solid var(--gl-edge); background: linear-gradient(120deg, #eef7f4f0, var(--reading)); box-shadow: 0 24px 60px -30px rgb(24 56 50 / 32%), var(--gl-inner); }
.enthy-learning.enthy-glass :is(.hero-mark,.account-orbit) { border: 1px solid var(--gl-edge); background: var(--gl-bg-2); box-shadow: var(--gl-inner); border-radius: 22px; }
.enthy-learning.enthy-glass .learner-hero h1 { font-weight: 700; letter-spacing: -.045em; }
.enthy-learning.enthy-glass .eyebrow { font-weight: 700; letter-spacing: .16em; text-transform: uppercase; font-size: 11px; color: var(--accent); }
.enthy-learning.enthy-glass .btn { border-radius: 999px; border: 1px solid var(--gl-edge); background: var(--gl-bg-2); font-weight: 600; }
.enthy-learning.enthy-glass .btn.pri { background: linear-gradient(145deg, #367c81, #17545b); border-color: #ffffff30; color: #fff; box-shadow: 0 12px 30px -12px #14484c99, inset 0 1px #ffffff55; }
.enthy-learning.enthy-glass .chip { border-radius: 999px; border: 1px solid var(--gl-edge); background: var(--gl-bg-3); }
.enthy-learning.enthy-glass .chip.on { background: var(--accent); color: #fff; border-color: transparent; }
.enthy-learning.enthy-glass .opt { border-radius: 14px; }
.enthy-learning.enthy-glass #rightpanel { margin: 14px 14px 14px 0; border-radius: 28px; border: 1px solid var(--gl-edge); background: var(--reading); box-shadow: var(--gl-shadow), var(--gl-inner); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); }
.enthy-learning.enthy-glass .account-trigger { border-radius: 999px; border: 1px solid var(--gl-edge); background: var(--gl-bg-2); }
html[data-theme="dark"] .enthy-learning.enthy-glass .start-card { background: linear-gradient(120deg, #24454b, var(--reading)); }
html[data-theme="dark"] .enthy-learning.enthy-glass .brand h1::before { background-image: url('/static/brand-mark-light.svg'); }
html[data-theme="dark"] .enthy-learning.enthy-glass .btn.pri { background: linear-gradient(145deg,#b3e5df,#88caca); color: #143238; border-color: #d6ffff4a; }
@media(max-width:820px) {
  .enthy-learning.enthy-glass > aside { position: fixed; inset: 88px auto 14px 12px; margin: 0; }
  .enthy-learning.enthy-glass > main { margin: 10px; border-radius: 24px; }
}
@media(prefers-reduced-transparency:reduce) { .enthy-learning.enthy-glass > aside, .enthy-learning.enthy-glass > main { backdrop-filter: none; -webkit-backdrop-filter: none; } }

/* Learning app: no frame around the field. The header is a row of floating pills, like the Studio. */
.enthy-learning.enthy-glass > main { margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.enthy-learning.enthy-glass header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; min-height: 0; padding: 16px clamp(16px,3vw,40px) 6px; border: 0; position: relative; z-index: 3; }
.enthy-learning.enthy-glass header > .navtoggle, .enthy-learning.enthy-glass header > h2 { grid-row: 1; }
.enthy-learning.enthy-glass header > .navtoggle { grid-column: 1; justify-self: start; }
.enthy-learning.enthy-glass header > h2 { grid-column: 1; justify-self: start; margin-left: 48px; }
.enthy-learning.enthy-glass header > .product-nav { grid-column: 2; justify-self: center; }
.enthy-learning.enthy-glass header > .konto { grid-column: 3; justify-self: end; }
.enthy-learning.enthy-glass header::before { content: ''; position: absolute; inset: 0 0 -26px; z-index: -1; pointer-events: none; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); -webkit-mask-image: linear-gradient(to bottom, #000 58%, transparent); mask-image: linear-gradient(to bottom, #000 58%, transparent); }
.enthy-learning.enthy-glass header h2 { display: inline-flex; align-items: center; min-height: 46px; padding: 6px 18px 6px 12px; border-radius: 999px; background: var(--gl-bg); border: 1px solid var(--gl-edge); box-shadow: 0 14px 40px -18px rgb(24 56 50 / 30%), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enthy-learning.enthy-glass header h2::before { content: ''; flex: none; width: 22px; height: 22px; margin-right: 9px; border-radius: 7px; background: url('/static/mark.svg') center / contain no-repeat; }
html[data-theme="dark"] .enthy-learning.enthy-glass header h2::before { background-image: url('/static/brand-mark-light.svg'); }
.enthy-learning.enthy-glass .navtoggle { order: -1; }
.enthy-learning.enthy-glass main > .modes { margin: 4px clamp(16px,3vw,40px) 0; align-self: flex-start; position: relative; z-index: 2; }
.enthy-learning.enthy-glass .modes { margin-left: 0; border-radius: 999px; background: var(--gl-bg); border: 1px solid var(--gl-edge); box-shadow: 0 14px 40px -18px rgb(24 56 50 / 30%), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); }
.enthy-learning.enthy-glass .product-nav { display: flex; gap: 2px; padding: 4px; border-radius: 999px; background: var(--gl-bg); border: 1px solid var(--gl-edge); box-shadow: 0 14px 40px -18px rgb(24 56 50 / 30%), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); }
.enthy-learning.enthy-glass .product-nav a { text-decoration: none; color: var(--ink-soft); border-radius: 999px; padding: 9px 16px; font-size: 13px; font-weight: 550; min-height: 36px; display: inline-flex; align-items: center; transition: background .18s ease, color .18s ease; }
.enthy-learning.enthy-glass .product-nav a:hover { color: var(--ink); background: var(--pill-bg); }
.enthy-learning.enthy-glass .product-nav a[aria-current] { color: var(--ink); background: var(--pill-active); box-shadow: 0 4px 14px -6px rgb(24 56 50 / 35%), inset 0 1px 0 #fff; }
.enthy-learning.enthy-glass .konto .account-trigger { min-height: 46px; border-radius: 999px; background: var(--gl-bg); border: 1px solid var(--gl-edge); box-shadow: 0 14px 40px -18px rgb(24 56 50 / 30%), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); font-weight: 550; }
.enthy-learning.enthy-glass .account-avatar { background: linear-gradient(145deg, #2f7c79, #0f3237); color: #fff; box-shadow: inset 0 1px 0 #ffffff55; }
.enthy-learning.enthy-glass #view { padding: 18px clamp(16px,3vw,40px) 56px; }
.enthy-learning.enthy-glass .wrap { max-width: 980px; }
.enthy-learning.enthy-glass h3.sh { letter-spacing: .16em; font-size: 10.5px; color: var(--ink-soft); }
.enthy-learning.enthy-glass :is(.erkl,.ls table) { background: var(--reading); }
.enthy-learning.enthy-glass .empty { color: var(--ink-soft); }
@media(max-width:820px) {
  .enthy-learning.enthy-glass header { grid-template-columns: 1fr auto; padding: 10px 12px 4px; }
  .enthy-learning.enthy-glass header > .product-nav { grid-column: 1 / -1; grid-row: 2; justify-self: center; }
  .enthy-learning.enthy-glass header > .konto { grid-column: 2; grid-row: 1; }
  .enthy-learning.enthy-glass header > h2 { margin-left: 46px; max-width: calc(100vw - 150px); }
  .enthy-learning.enthy-glass main > .modes { margin: 6px 12px 0; max-width: calc(100% - 24px); overflow-x: auto; }
  .enthy-learning.enthy-glass .account-email { display: none; }
}
/* One header row even with course modes present: the account keeps only its avatar. */
.enthy-learning.enthy-glass header:has(.modes:not(:empty)) .account-email { display: none; }
.enthy-learning.enthy-glass header:has(.modes:not(:empty)) .product-nav a { padding: 9px 13px; }
.enthy-learning.enthy-glass header:has(.modes:not(:empty)) .modes button { padding: 6px 12px; }
.enthy-learning.enthy-glass header:has(.modes:not(:empty)) h2 { max-width: 260px; }
.enthy-learning.enthy-glass .konto { flex: none; }


/* ================================================================
   One navigation for every shell: area switch (left), context (centre), account (right).
   ================================================================ */
.area-switch { position: relative; z-index: 30; justify-self: start; }
.area-switch > summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 9px; min-height: 46px; padding: 6px 14px 6px 10px; border-radius: 999px; background: var(--gl-bg); border: 1px solid var(--gl-edge); box-shadow: 0 14px 40px -18px rgb(24 56 50 / 30%), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); font-size: 15px; font-weight: 700; letter-spacing: -.02em; color: var(--ink); transition: background .18s ease; }
.area-switch > summary::-webkit-details-marker { display: none; }
.area-switch > summary:hover, .area-switch[open] > summary { background: var(--gl-bg-2); }
.area-switch > summary:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.area-mark { width: 26px; height: 26px; border-radius: 8px; }
.area-chevron { font-size: 13px; line-height: 1; color: var(--ink-soft); transform: translateY(-1px); transition: transform .2s ease; }
.area-switch[open] .area-chevron { transform: translateY(1px) rotate(180deg); }
.area-menu { position: absolute; left: 0; top: calc(100% + 8px); min-width: 280px; display: grid; gap: 2px; padding: 6px; border-radius: 20px; background: var(--gl-bg-2); border: 1px solid var(--gl-edge); box-shadow: var(--gl-shadow-lift), var(--gl-inner), 0 0 0 1px var(--gl-ring); backdrop-filter: var(--gl-blur); -webkit-backdrop-filter: var(--gl-blur); animation: studio-rise .22s cubic-bezier(.2,.8,.2,1); }
.area-menu a { display: grid; gap: 1px; padding: 10px 14px; border-radius: 14px; text-decoration: none; color: var(--ink); transition: background .15s ease; }
.area-menu a:hover { background: var(--pill-bg); }
.area-menu a[aria-current] { background: var(--pill-active); box-shadow: inset 0 1px 0 #fff; }
.area-menu a b { font-size: 14px; font-weight: 700; letter-spacing: -.01em; }
.area-menu a small { font-size: 12px; color: var(--ink-soft); }
html[data-theme="dark"] .area-menu a[aria-current] { box-shadow: inset 0 1px 0 #ffffff1a; }
html[data-theme="dark"] .area-mark { content: url('/static/brand-mark-light.svg'); }
@keyframes studio-rise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

/* Learning app: modes are the centre context again */
.enthy-learning.enthy-glass header > .area-switch { grid-column: 1; grid-row: 1; justify-self: start; margin-left: 48px; }
.enthy-learning.enthy-glass header > .modes { grid-column: 2; grid-row: 1; justify-self: center; margin: 0; }
.enthy-learning.enthy-glass header > .modes:empty { display: none; }
.enthy-learning.enthy-glass header > h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); margin: 0; }
.enthy-learning.enthy-glass header > .konto { grid-column: 3; grid-row: 1; }
@media(max-width:820px) {
  .enthy-learning.enthy-glass header > .area-switch { margin-left: 46px; }
  .enthy-learning.enthy-glass header > .modes { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; max-width: 100%; overflow-x: auto; }
  .area-menu { min-width: 240px; }
}

/* Studio: the steps are the centre context */
.enthy-builder .kopf > .area-switch { grid-column: 1; }
.enthy-builder .studio-context { grid-column: 2; justify-self: center; }
@media(max-width:720px) { .enthy-builder .kopf { grid-template-columns: 1fr auto; } .enthy-builder .studio-context { grid-column: 1 / -1; grid-row: 2; justify-self: center; } }


/* ---------- Learning app: review fixes ---------- */
@media(max-width:700px) { .enthy-learning.enthy-glass #rightpanel { margin: 0; border-radius: 0; } }
@media(max-width:820px) {
  .enthy-learning.enthy-glass > aside { inset: 84px auto 12px 12px; width: min(320px, calc(100vw - 24px)); margin: 0; z-index: 5; background: var(--reading); backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 24px 60px #10231f35, var(--gl-inner); transition: transform .2s ease, visibility .2s ease; }
  .enthy-learning.enthy-glass.nav-closed > aside { transform: translateX(calc(-100% - 24px)); visibility: hidden; pointer-events: none; }
  .enthy-learning.enthy-glass:not(.nav-closed) > aside { transform: translateX(0); visibility: visible; pointer-events: auto; }
}
.enthy-learning.enthy-glass .modes button.on, .enthy-learning.enthy-glass .row.on { box-shadow: var(--gl-inner); }
.enthy-learning.enthy-glass .timer { font-family: inherit; font-variant-numeric: tabular-nums; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: var(--gl-bg-2); border: 1px solid var(--gl-edge); }
.enthy-learning.enthy-glass .kgrid button { width: 36px; height: 32px; border-radius: 9px; font-family: inherit; }
.enthy-learning.enthy-glass #rightpanel .tabs .btn { border-radius: 999px; }
.enthy-learning.enthy-glass .konto { display: flex; align-items: center; gap: 6px; }
.enthy-learning.enthy-glass .konto .tbtn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid var(--gl-edge); background: var(--gl-bg); color: var(--ink); }
.enthy-learning.enthy-glass .brand .tbtn { display: none; }
.enthy-learning.enthy-glass .learning-work-entry { background: var(--gl-bg-3); border: 1px solid var(--hair); color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* Shared product navigation and profile link for every Enthy surface. */
.enthy-glass .product-nav { display:flex; align-items:center; justify-content:center; gap:2px; min-width:0; max-width:100%; padding:4px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg); box-shadow:0 14px 40px -18px rgb(24 56 50 / 30%),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); }
.enthy-glass .product-nav a { display:inline-flex; align-items:center; justify-content:center; min-height:36px; padding:8px 14px; border-radius:999px; color:var(--ink-soft); font-size:12.5px; font-weight:600; line-height:1.15; text-decoration:none; white-space:nowrap; transition:background .18s ease,color .18s ease; }
.enthy-glass .product-nav a:hover { color:var(--ink); background:var(--pill-bg); }
.enthy-glass .product-nav a[aria-current] { color:var(--ink); background:var(--pill-active); box-shadow:0 4px 14px -6px rgb(24 56 50 / 35%),var(--gl-inner); }
.enthy-glass .global-profile-link { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:4px 11px 4px 5px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg); box-shadow:0 14px 40px -18px rgb(24 56 50 / 30%),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); color:var(--ink); font-size:12px; font-weight:650; text-decoration:none; white-space:nowrap; }
.enthy-glass .global-top-actions { display:flex; align-items:center; gap:8px; min-width:0; }
.enthy-glass .global-theme-button { display:grid; place-items:center; flex:none; width:40px; height:40px; padding:0; border:1px solid var(--gl-edge); border-radius:50%; background:var(--gl-bg); box-shadow:0 14px 40px -18px rgb(24 56 50 / 30%),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); color:var(--ink); cursor:pointer; font-size:16px; }
.enthy-glass .global-theme-button:hover { background:var(--gl-bg-2); }
.enthy-glass .global-profile-link:hover,.enthy-glass .global-profile-link[aria-current] { background:var(--gl-bg-2); color:var(--ink); }
.enthy-glass .global-profile-avatar { display:grid; place-items:center; flex:none; width:30px; height:30px; border-radius:50%; background:linear-gradient(145deg,#367c81,#17545b); color:#fff; font-size:11px; font-weight:750; box-shadow:inset 0 1px #ffffff55; }
html[data-theme="dark"] .enthy-glass .global-profile-avatar { background:linear-gradient(145deg,#b3e5df,#88caca); color:#143238; }
@media(max-width:600px) { .enthy-glass .product-nav { justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }.enthy-glass .product-nav::-webkit-scrollbar { display:none; }.enthy-glass .product-nav a { padding-inline:11px; font-size:11.5px; }.enthy-glass .global-profile-label { font-size:11px; } }
@supports not (backdrop-filter:blur(1px)) { .enthy-glass .product-nav,.enthy-glass .global-profile-link,.enthy-glass .global-theme-button { background:#f4f7f4; } html[data-theme="dark"] .enthy-glass .product-nav,html[data-theme="dark"] .enthy-glass .global-profile-link,html[data-theme="dark"] .enthy-glass .global-theme-button { background:#203537; } }
@media(prefers-reduced-transparency:reduce) { .enthy-glass .product-nav,.enthy-glass .global-profile-link,.enthy-glass .global-theme-button { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); } }
@media(prefers-reduced-motion:reduce) { .enthy-glass .product-nav a,.enthy-glass .global-profile-link,.enthy-glass .global-theme-button { transition:none; } }
@supports not (backdrop-filter:blur(1px)) {
  .enthy-workspace .kopf::before,.enthy-builder .kopf::before { display:none; }
  .enthy-workspace .workspace-sections { background:var(--reading); }
}
@media(prefers-reduced-transparency:reduce) {
  .enthy-workspace .kopf::before,.enthy-builder .kopf::before { display:none; }
  .enthy-workspace .workspace-sections { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); }
}
.enthy-learning.enthy-glass header > .product-nav { grid-column:2; grid-row:1; justify-self:center; }
.enthy-learning.enthy-glass header > .konto { grid-column:3; grid-row:1; justify-self:end; }
.enthy-learning.enthy-glass header .global-profile-label { display:inline; }
.enthy-learning.enthy-glass header .account-trigger { padding:4px 11px 4px 5px; }
.enthy-learning.enthy-glass header > .modes { grid-column:1/-1; grid-row:2; justify-self:start; }
.enthy-builder .kopf > .product-nav { grid-column:2; grid-row:1; justify-self:center; }
.enthy-builder .kopf > .studio-context { grid-column:1/-1; grid-row:2; justify-self:center; }
.enthy-builder .global-top-actions { grid-column:3; grid-row:1; }
@media(max-width:820px) {
  .enthy-learning.enthy-glass header > .product-nav { grid-column:1/-1; grid-row:2; justify-self:start; max-width:100%; }
  .enthy-learning.enthy-glass header > .konto { grid-column:2; grid-row:1; justify-self:end; }
  .enthy-learning.enthy-glass header > .modes { grid-column:1/-1; grid-row:3; }
  .enthy-learning.enthy-glass .global-profile-label { display:none; }
}
@media(max-width:720px) {
  .enthy-builder .kopf > .product-nav { grid-column:1; grid-row:2; justify-self:start; max-width:100%; }
  .enthy-builder .kopf > .studio-context { grid-column:1/-1; grid-row:3; justify-self:center; }
  .enthy-builder .global-top-actions { grid-column:2; grid-row:1; }
}

/* Optional tutor research is visibly separate from course-grounded answers. */
.enthy-learning .tutor-research { margin:10px 12px 14px; padding:13px; border:1px solid var(--gl-edge); border-radius:16px; background:var(--gl-bg-2); color:var(--ink); box-shadow:var(--gl-inner); }
.enthy-learning .tutor-research>summary { color:var(--ink); cursor:pointer; font-size:12px; font-weight:700; }
.enthy-learning .tutor-research>p { margin:8px 0; color:var(--ink-soft); font-size:11px; line-height:1.6; }
.enthy-learning .tutor-research>label { display:grid; gap:6px; margin:10px 0; color:var(--ink); font-size:11.5px; font-weight:650; }
.enthy-learning .tutor-research textarea { width:100%; min-height:64px; padding:9px 10px; border:1px solid var(--gl-edge); border-radius:12px; background:var(--reading); color:var(--ink); font:inherit; line-height:1.5; resize:vertical; }
.enthy-learning .tutor-research .research-consent { display:flex; grid-template-columns:auto 1fr; align-items:flex-start; gap:8px; color:var(--ink-soft); font-size:11px; line-height:1.55; cursor:pointer; }
.enthy-learning .tutor-research .research-consent input { flex:none; width:16px; height:16px; margin:2px 0 0; accent-color:var(--accent); }
.enthy-learning .tutor-research button { min-height:39px; padding:8px 13px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg-3); color:var(--ink); font-size:11.5px; font-weight:650; cursor:pointer; }
.enthy-learning .tutor-research button:disabled { opacity:.55; cursor:not-allowed; }
.enthy-learning .research-result { margin-top:10px; padding:10px 11px; border:1px solid var(--gl-edge); border-radius:12px; background:var(--reading); color:var(--ink); font-size:11.5px; line-height:1.6; overflow-wrap:anywhere; }
.enthy-learning .research-result p { white-space:pre-wrap; }
.enthy-learning .research-result ul { padding-left:20px; }
.enthy-learning .research-result a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
@media(prefers-reduced-transparency:reduce) { .enthy-learning .tutor-research { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); } }
@media(prefers-reduced-motion:reduce) { .enthy-learning .tutor-research * { scroll-behavior:auto; } }

/* One navigation bar on every page: Bibliothek, Kurs erstellen, the profile link. */
.enthy-glass #global-navigation { display:flex; min-width:0; max-width:100%; justify-content:center; }
.enthy-glass .product-nav { min-width:0; }
.enthy-glass .global-profile-link { margin-left:2px; }
.enthy-glass .library-panel[hidden] { display:none!important; }
.enthy-glass .library-panel--enter { animation:library-panel-in .18s ease both; }
@keyframes library-panel-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.enthy-glass :is(.product-nav a,.global-profile-link):focus-visible { outline:3px solid #70a9a2; outline-offset:3px; }
.enthy-learning.enthy-glass header > #global-navigation { grid-column:2; grid-row:1; justify-self:center; }
.enthy-builder .kopf > #global-navigation { grid-column:2; grid-row:1; justify-self:center; }
.enthy-builder .kopf > .studio-context { grid-row:2; }
.enthy-workspace .kopf > #global-navigation { grid-column:2; grid-row:1; justify-self:center; }
@media(max-width:820px) {
  .enthy-glass #global-navigation { justify-content:flex-start; }
  .enthy-learning.enthy-glass header > #global-navigation { grid-column:1/-1; grid-row:2; justify-self:start; max-width:100%; }
  .enthy-learning.enthy-glass header > .konto { grid-column:2; grid-row:1; }
  .enthy-builder .kopf > #global-navigation { grid-column:1/-1; grid-row:2; justify-self:start; max-width:100%; }
  .enthy-builder .kopf > .studio-context { grid-column:1/-1; grid-row:3; }
}
@media(max-width:700px) {
  .enthy-glass #global-navigation { width:100%; }
  .enthy-glass .product-nav { justify-content:flex-start; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; }
}
@media(prefers-reduced-motion:reduce) { .enthy-glass .library-panel--enter { animation:none; } }

/* Keep the primary bar centered through tablet widths; move it to its own
   centered row only when the profile controls and links need more room. */
@media(min-width:760px) {
  .enthy-learning.enthy-glass header { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .enthy-learning.enthy-glass header > #global-navigation { grid-column:2; grid-row:1; justify-self:center; width:max-content; max-width:100%; }
  .enthy-builder .kopf { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
  .enthy-builder .kopf > #global-navigation { grid-column:2; grid-row:1; justify-self:center; width:max-content; max-width:100%; }
}
@media(max-width:759px) {
  .enthy-learning.enthy-glass header > #global-navigation,
  .enthy-builder .kopf > #global-navigation { grid-column:1/-1; grid-row:2; justify-self:stretch; width:100%; max-width:100%; }
  .enthy-learning.enthy-glass #global-navigation,
  .enthy-builder #global-navigation { justify-content:center; }
  .enthy-glass .product-nav { width:max-content; max-width:100%; margin-inline:auto; justify-content:flex-start; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
  .enthy-glass .product-nav::-webkit-scrollbar { display:none; }
  .enthy-learning.enthy-glass header > .modes { grid-column:1/-1; grid-row:3; }
  .enthy-builder .kopf > .studio-context { grid-column:1/-1; grid-row:3; }
}

/* One reusable account card for every entry point. */
.enthy-glass .auth-shell { width:min(620px,100%); margin:clamp(20px,6vh,58px) auto; padding:0 clamp(4px,2vw,14px); }
.enthy-glass .auth-card { padding:clamp(22px,4vw,36px); border:1px solid var(--gl-edge); border-radius:28px; background:linear-gradient(140deg,color-mix(in srgb,var(--gl-bg-2) 91%,#e4f0e8),color-mix(in srgb,var(--gl-bg-2) 96%,#e9edf1)); color:var(--ink); box-shadow:var(--gl-shadow-lift),var(--gl-inner),0 0 0 1px var(--gl-ring); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); }
.enthy-glass .auth-card h1 { margin:7px 0 6px; font-size:clamp(25px,4vw,34px); font-weight:650; letter-spacing:-.045em; line-height:1.12; }
.enthy-glass .auth-lead,.enthy-glass .auth-hint,.enthy-glass .auth-legal,.enthy-glass .auth-access { color:var(--ink-soft); font-size:12px; line-height:1.65; }
.enthy-glass .auth-lead { margin:0 0 18px; }
.enthy-glass .auth-tabs { display:flex; gap:4px; width:max-content; max-width:100%; margin:0 0 16px; padding:4px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg); }
.enthy-glass .auth-tabs button { min-height:36px; padding:7px 13px; border:0; border-radius:999px; background:transparent; color:var(--ink-soft); font:600 12px/1.2 'Manrope',var(--sans); }
.enthy-glass .auth-tabs button[aria-pressed=true] { background:var(--pill-active); color:var(--ink); box-shadow:var(--gl-inner); }
.enthy-glass .auth-content form { display:grid; gap:8px; }
.enthy-glass .auth-password-fields { display:grid; gap:8px; }
.enthy-glass .auth-password-fields[hidden] { display:none!important; }
.enthy-glass .auth-account { padding:11px 13px; border:1px solid var(--gl-edge); border-radius:13px; background:var(--gl-bg-3); color:var(--ink); font-size:12px; line-height:1.6; overflow-wrap:anywhere; }
.enthy-glass .auth-content label { margin:4px 0 0; color:var(--ink); font-size:12px; font-weight:650; }
.enthy-glass .auth-content input { width:100%; min-width:0; min-height:46px; padding:10px 13px; border:1px solid var(--gl-edge); border-radius:14px; background:var(--gl-bg-2); color:var(--ink); font:inherit; }
.enthy-glass .auth-primary { width:100%; min-height:46px; margin-top:8px; border:1px solid #ffffff30; border-radius:999px; background:linear-gradient(145deg,#367c81,#17545b); color:#fff; font:650 12.5px/1.3 'Manrope',var(--sans); box-shadow:0 12px 30px -12px #14484c99,inset 0 1px #ffffff55; }
.enthy-glass .auth-primary:disabled { opacity:.55; cursor:wait; box-shadow:none; }
.enthy-glass .auth-text { min-height:38px; padding:7px 4px; border:0; background:transparent; color:var(--accent); font:600 11.5px/1.4 'Manrope',var(--sans); text-align:left; }
.enthy-glass .auth-message { min-height:1.4em; color:var(--ink-soft); font-size:11.5px; line-height:1.6; overflow-wrap:anywhere; }
.enthy-glass .auth-message[data-type=success] { color:var(--accent); }
.enthy-glass .auth-message[data-type=error] { color:var(--bad,#9b3934); }
.enthy-glass .auth-access { margin:4px 0 0; }
.enthy-glass .auth-hint { margin:0 0 4px; }
.enthy-glass .auth-legal { margin:16px 0 0; padding-top:12px; border-top:1px solid var(--hair); font-size:10.5px; }
.enthy-glass .auth-card a { color:var(--accent); text-underline-offset:2px; }
.enthy-glass .auth-content :is(button,input,a):focus-visible { outline:3px solid #70a9a2; outline-offset:3px; }
html[data-theme=dark] .enthy-glass .auth-card { background:linear-gradient(140deg,color-mix(in srgb,var(--gl-bg-2) 92%,#174144),color-mix(in srgb,var(--gl-bg-2) 97%,#1d3036)); }
html[data-theme=dark] .enthy-glass .auth-primary { background:linear-gradient(145deg,#b3e5df,#88caca); color:#143238; border-color:#d6ffff4a; }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) { .enthy-glass .auth-card { background:var(--reading); } }
@media(prefers-reduced-transparency:reduce) { .enthy-glass .auth-card { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); } }
@media(prefers-reduced-motion:reduce) { .enthy-glass .auth-card * { scroll-behavior:auto; transition:none; } }

/* Shared preflight for costly AI actions. Native dialog supplies focus trapping,
   Escape handling and a proper modal accessibility boundary. */
.budget-preflight { width:min(600px,calc(100vw - 28px)); max-width:none; max-height:min(88dvh,760px); padding:0; overflow:auto; border:1px solid var(--gl-edge); border-radius:26px; background:var(--gl-bg-2); color:var(--ink); box-shadow:0 34px 100px -28px rgb(12 30 29 / 48%),var(--gl-inner); backdrop-filter:var(--gl-blur); -webkit-backdrop-filter:var(--gl-blur); }
.budget-preflight::backdrop { background:rgb(12 27 29 / 34%); backdrop-filter:blur(5px); }
.budget-preflight-card { padding:clamp(22px,4vw,34px); }
.budget-preflight-card h2 { margin:8px 0 14px; font-size:clamp(22px,4vw,29px); font-weight:650; letter-spacing:-.04em; }
.budget-preflight-card p { color:var(--ink-soft); font-size:13px; line-height:1.7; }
.budget-preflight-values { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0; }
.budget-preflight-values>div { display:grid; gap:5px; padding:15px; border:1px solid var(--gl-edge); border-radius:17px; background:var(--gl-bg-3); }
.budget-preflight-values span,.budget-preflight-values small { color:var(--ink-soft); font-size:11px; }
.budget-preflight-values strong { color:var(--ink); font-size:22px; font-variant-numeric:tabular-nums; letter-spacing:-.035em; }
.budget-preflight-note { padding-top:11px; border-top:1px solid var(--hair); font-size:11px!important; }
.budget-preflight-actions { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:9px; margin-top:22px; }
.budget-preflight-actions :is(button,.btn) { min-height:42px; padding:9px 15px; border:1px solid var(--gl-edge); border-radius:999px; background:var(--gl-bg-3); color:var(--ink); font:inherit; font-size:12px; font-weight:650; text-decoration:none; cursor:pointer; }
.budget-preflight-actions .primary { border-color:#ffffff30; background:linear-gradient(145deg,#367c81,#17545b); color:#fff; box-shadow:0 12px 30px -12px #14484c99,inset 0 1px #ffffff55; }
.budget-preflight-actions :is(button,a):focus-visible { outline:3px solid #70a9a2; outline-offset:3px; }
.budget-preflight-actions :is(button,a)[hidden] { display:none; }
.budget-preflight-actions button:disabled { opacity:.55; cursor:wait; }
.budget-outcome { padding:11px 13px; border:1px solid color-mix(in srgb,var(--bad,#9b3934) 30%,var(--gl-edge)); border-radius:14px; background:color-mix(in srgb,var(--bad,#9b3934) 6%,var(--gl-bg-2)); }
.budget-outcome>strong { display:block; font-size:13px; }
.budget-outcome p { margin:5px 0 0; font-size:12px; line-height:1.65; }
.budget-outcome-now,.budget-outcome-note { color:var(--ink-soft); font-size:11.5px!important; line-height:1.65; }
.budget-outcome-now strong { color:var(--ink); font-variant-numeric:tabular-nums; }
.budget-outcome a { color:var(--accent); font-weight:650; }
@media(max-width:560px) { .budget-preflight { border-radius:21px; }.budget-preflight-actions { display:grid; grid-template-columns:1fr 1fr; }.budget-preflight-actions .primary { grid-column:1/-1; grid-row:1; }.budget-preflight-actions .btn { text-align:center; justify-content:center; }.budget-preflight-values { gap:7px; }.budget-preflight-values>div { padding:12px; }.budget-preflight-values strong { font-size:19px; } }
@media(prefers-reduced-transparency:reduce) { .budget-preflight { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--reading); }.budget-preflight::backdrop { backdrop-filter:none; } }

/* Compact password controls and explicit confirmation for the shared auth flow. */
.enthy-glass .auth-password-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; min-height:46px; border:1px solid var(--gl-edge); border-radius:14px; background:var(--gl-bg-2); }
.enthy-glass .auth-password-wrap input { min-height:44px; border:0; background:transparent; }
.enthy-glass .auth-password-toggle { min-height:36px; margin-inline:4px 7px; padding:6px 9px; border:0; border-radius:999px; background:transparent; color:var(--accent); font:650 11px/1 'Manrope',var(--sans); cursor:pointer; }
.enthy-glass .auth-password-toggle:hover { background:var(--pill-bg); }
.enthy-glass .auth-optional { color:var(--ink-soft); font-size:10px; font-weight:500; }
.enthy-glass .auth-consent,.enthy-glass .auth-confirm-account { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:start; gap:10px; padding:12px 13px; border:1px solid var(--gl-edge); border-radius:15px; background:var(--gl-bg-3); color:var(--ink); font-size:11.5px; font-weight:550; line-height:1.55; }
.enthy-glass .auth-consent input,.enthy-glass .auth-confirm-account input { appearance:auto; width:18px; min-height:18px; margin:1px 0 0; padding:0; accent-color:#26747a; }
.enthy-glass .auth-consent a,.enthy-glass .auth-policy-links a { font-weight:650; }
.enthy-glass .auth-policy-links { margin:-2px 0 0; font-size:10.5px; }
.enthy-glass .auth-trial-copy { padding:9px 11px; border-left:2px solid color-mix(in srgb,var(--accent) 45%,transparent); background:var(--gl-bg-3); border-radius:0 11px 11px 0; }
.enthy-glass .auth-wait { display:grid; justify-items:center; gap:8px; text-align:center; }
.enthy-glass .auth-wait-mark { display:grid; place-items:center; width:48px; aspect-ratio:1; border:1px solid var(--gl-edge); border-radius:50%; background:var(--gl-bg-3); color:var(--accent); font-size:23px; }
.enthy-glass .auth-wait .auth-account { width:100%; text-align:left; }
.enthy-glass .auth-wait .auth-hint { width:100%; margin:0; text-align:left; }
.enthy-glass .auth-content :is(.auth-password-toggle,.auth-text):focus-visible { outline:3px solid #70a9a2; outline-offset:2px; }
html[data-theme=dark] .enthy-glass .auth-password-wrap { background:var(--gl-bg-2); }
@media(max-width:560px) {
  .enthy-glass .auth-shell { margin:16px auto; }
  .enthy-glass .auth-card { padding:21px 18px; border-radius:23px; }
  .enthy-glass .auth-consent,.enthy-glass .auth-confirm-account { padding:10px; font-size:11px; }
}
@media(prefers-reduced-transparency:reduce) { .enthy-glass .auth-password-wrap { background:var(--reading); } }
@media(prefers-reduced-motion:reduce) { .enthy-glass .auth-wait-mark { animation:none; } }