:root,[data-theme=light]{--band-1: #c9e3b8;--band-2: #4fa37c;--band-3: #123b2e;--band-4: #f0b429;--band-5: #e4d8b4;--accent: #1f7a5a;--accent-hover: #17604a;--on-accent: #ffffff;--ink: #123b2e;--ink-soft: #4e7566;--ink-surface: #123b2e;--on-surface: #f1f6ec;--on-surface-soft: rgba(241, 246, 236, .72);--on-surface-line: rgba(241, 246, 236, .16);--paper: #f6f3ea;--paper-soft: #efeadb;--paper-card: #ffffff;--line: rgba(18, 59, 46, .14);--danger: #a8332a;--glass-base: 255 255 255;--glass-solid: #fbf9f3;--glass-edge: rgba(255, 255, 255, .85);--glass-hairline: rgba(18, 59, 46, .12);--glass-ink-soft: #33604f;--glass-tint: rgba(31, 122, 90, .12);--scrim: rgba(18, 59, 46, .28);--focus-ring: var(--accent);--shadow-tight: 0 6px 16px rgba(18, 59, 46, .1);--shadow-soft: 0 16px 40px rgba(18, 59, 46, .1);--shadow-glass: 0 10px 32px rgba(18, 59, 46, .14), inset 0 1px 0 rgba(255, 255, 255, .9);--shadow-sheet: 0 30px 80px rgba(18, 59, 46, .22), inset 0 1px 0 rgba(255, 255, 255, .9);color-scheme:light}[data-theme=dark]{--band-3: #124a38;--accent: #f0b429;--accent-hover: #d99c1f;--on-accent: #0a2620;--ink: #f1f6ec;--ink-soft: #9bbda9;--ink-surface: #061a16;--paper: #0a2620;--paper-soft: #0d2e27;--paper-card: #0d2e27;--line: rgba(241, 246, 236, .2);--danger: #f0857c;--glass-base: 13 46 39;--glass-solid: #10352d;--glass-edge: rgba(241, 246, 236, .14);--glass-hairline: rgba(0, 0, 0, .35);--glass-ink-soft: #c6dccd;--glass-tint: rgba(240, 180, 41, .16);--scrim: rgba(0, 0, 0, .5);--shadow-tight: 0 6px 16px rgba(0, 0, 0, .4);--shadow-soft: 0 16px 40px rgba(0, 0, 0, .45);--shadow-glass: 0 14px 36px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-sheet: 0 30px 80px rgba(0, 0, 0, .6), inset 0 1px 0 rgba(255, 255, 255, .08);color-scheme:dark}:root{--glass-opacity: .78;--glass-fill: rgb(var(--glass-base) / var(--glass-opacity));--glass-fill-strong: rgb(var(--glass-base) / min(1, calc(var(--glass-opacity) + .12)));--glass-blur: 22px;--glass-blur-strong: 36px;--glass-saturate: 180%;--glass-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate));--glass-filter-strong: blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--ease-out: cubic-bezier(.32, .72, 0, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur-base: .32s;--dur-slow: .48s;--press-scale: .96;--header-bg: var(--glass-solid);--ui-glass: var(--glass-fill);--ui-hover: color-mix(in srgb, var(--ink) 6%, transparent);--ui-selected: var(--glass-tint);--ui-muted-surface: var(--paper-soft);--ui-gold: var(--band-4);--ui-ring: var(--focus-ring);--ui-float: var(--shadow-sheet);--ui-ease: var(--ease-out)}html[data-glass=off],html[data-glass-auto=off]{--glass-fill: var(--glass-solid);--glass-fill-strong: var(--glass-solid);--glass-filter: none;--glass-filter-strong: none}@media(prefers-reduced-transparency:reduce){:root,[data-theme=light],[data-theme=dark]{--glass-fill: var(--glass-solid);--glass-fill-strong: var(--glass-solid);--glass-filter: none;--glass-filter-strong: none}}body{background:var(--paper)}.ag-glass{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-glass);color:var(--ink)}.ag-glass--strong{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong)}.ag-glass .ag-soft{color:var(--glass-ink-soft)}.ag-seg{position:relative;display:inline-flex;padding:var(--space-1);background:var(--paper-soft);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--line);isolation:isolate}.ag-seg__pill{position:absolute;z-index:-1;top:var(--space-1);bottom:var(--space-1);left:0;width:var(--w, 0px);transform:translate(var(--x, 0px));background:var(--paper-card);border-radius:var(--radius-pill);box-shadow:var(--shadow-tight);transition:transform var(--dur-base) var(--ease-out),width var(--dur-base) var(--ease-out)}.ag-seg--accent .ag-seg__pill{background:var(--accent);box-shadow:none}.ag-seg__opt{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--space-4);font:700 14px/1 var(--font-body);color:var(--ink-soft);background:none;border:0;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-spring)}.ag-seg__opt:active{transform:scale(var(--press-scale))}.ag-seg__opt[aria-checked=true]{color:var(--ink)}.ag-seg--accent .ag-seg__opt[aria-checked=true]{color:var(--on-accent)}.ag-kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font:700 12px/1 var(--font-body);color:var(--glass-ink-soft);background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:var(--radius-sm);box-shadow:inset 0 -1px color-mix(in srgb,var(--ink) 14%,transparent)}.ag-roll{display:inline-flex;font-variant-numeric:tabular-nums}.ag-roll__digit{display:inline-block;height:1em;overflow:hidden;line-height:1}.ag-roll__strip{display:flex;flex-direction:column;transition:transform var(--dur-slow) var(--ease-out)}.ag-roll__strip span{height:1em;line-height:1}.ag-roll.is-bump{animation:ag-bump var(--dur-slow) var(--ease-spring)}@keyframes ag-bump{40%{transform:scale(1.08)}}@keyframes ag-pop{0%{opacity:0;transform:scale(.95) translateY(-4px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.ag-range,input.ag-range{--p: 50%;width:100%;height:30px;min-height:0;margin:0;padding:0;border:0;border-radius:var(--radius-pill);background:transparent;box-shadow:none;-webkit-appearance:none;appearance:none;cursor:pointer}input.ag-range:focus{outline:none;border:0}.ag-range::-webkit-slider-runnable-track{height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent) var(--p),color-mix(in srgb,var(--ink) 14%,transparent) var(--p))}.ag-range::-moz-range-track{height:8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--ink) 14%,transparent)}.ag-range::-moz-range-progress{height:8px;border-radius:var(--radius-pill);background:var(--accent)}.ag-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border:0;border-radius:var(--radius-pill);background:#fff;box-shadow:0 2px 8px #00000040,0 0 0 1px #0000000a;transition:transform var(--dur-fast) var(--ease-spring)}.ag-range::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:var(--radius-pill);background:#fff;box-shadow:0 2px 8px #00000040}.ag-range:active::-webkit-slider-thumb{transform:scale(1.12)}input.ag-range:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:var(--radius-pill)}.site-header{background:var(--glass-fill);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);border-bottom:1px solid var(--glass-hairline);transition:background var(--dur-base) ease,border-color var(--dur-base) ease;view-transition-name:ax-header}html[data-at-top] .site-header{background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.site-header:has(.main-nav.mobile-open){background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);border-bottom-color:var(--glass-hairline)}.nav-item>a{transition:background var(--dur-fast) ease,transform var(--dur-base) var(--ease-spring)}.nav-item>a:hover,.nav-item>a[aria-current=page]{background:var(--glass-tint)}.nav-item>a:active{transform:scale(var(--press-scale))}.preview-panel{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-sheet);border-radius:var(--radius-lg);transform:translateY(6px) scale(.98);transform-origin:20% 0;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s linear var(--dur-base)}.nav-item:hover .preview-panel,.nav-item:focus-within .preview-panel{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),visibility 0s}.preview-card{border-radius:var(--radius-md)}.preview-card:hover,.preview-card:focus-visible{background:var(--glass-tint)}@media(max-width:1180px){.main-nav.mobile-open{background:var(--paper);border-bottom:0;box-shadow:none}.mobile-menu-toggle{border-radius:var(--radius-pill);transition:transform var(--dur-base) var(--ease-spring),background var(--dur-fast) ease}.mobile-menu-toggle:active{transform:scale(.92)}}.btn{transition:transform var(--dur-base) var(--ease-spring),background var(--dur-fast) ease,color var(--dur-fast) ease,border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease}.btn:hover{transform:none}.btn--primary:hover{box-shadow:var(--shadow-tight)}.btn:active{transform:scale(var(--press-scale));transition-duration:var(--dur-fast);transition-timing-function:ease-out}.lang-switch{border-radius:var(--radius-pill)}.lang-switch button{border-radius:var(--radius-pill);transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.tutor-overlay-backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tutor-overlay-panel{border-radius:var(--radius-xl);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-sheet)}.tutor-overlay-close{border-radius:var(--radius-pill);background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--ink);transition:transform var(--dur-base) var(--ease-spring)}.tutor-overlay-close:active{transform:scale(.9)}.gw,.cb{background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gw__box,.cb__box{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-sheet);border-radius:var(--radius-xl);color:var(--ink)}@media(prefers-reduced-motion:no-preference){.gw__box,.cb__box{animation:ax-site-in var(--dur-slow) var(--ease-out) both}@keyframes ax-site-in{0%{opacity:0;transform:translateY(10px) scale(.97);filter:blur(6px)}}}.ax-pop-backdrop{background:var(--scrim)}.ax-pop{background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-sheet)}.ax-pop.is-sheet{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cookie-bar{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px));max-width:980px;margin:0 auto;border-radius:var(--radius-xl);color:var(--ink);background:var(--glass-fill-strong);-webkit-backdrop-filter:var(--glass-filter-strong);backdrop-filter:var(--glass-filter-strong);border:1px solid var(--glass-edge);box-shadow:0 0 0 1px var(--glass-hairline),var(--shadow-sheet)}.cookie-bar a{color:var(--accent)}.cookie-bar{--on-surface: var(--ink);--on-surface-line: var(--line)}.cookie-bar .toggle{background:color-mix(in srgb,var(--ink) 18%,transparent)}.cookie-bar .toggle[aria-checked=true]{background:var(--accent)}.cookie-bar .toggle:after{background:var(--paper-card);box-shadow:0 1px 3px #00000040}@media(prefers-reduced-motion:no-preference){.cookie-bar:not([hidden]){animation:ax-site-in var(--dur-slow) var(--ease-out) both}}@view-transition{navigation:auto}::view-transition-old(root){animation:ax-vt-out .2s ease both}::view-transition-new(root){animation:ax-vt-in .34s var(--ease-out) both}@keyframes ax-vt-out{to{opacity:0;transform:scale(.985);filter:blur(3px)}}@keyframes ax-vt-in{0%{opacity:0;transform:translateY(8px) scale(.99);filter:blur(4px)}}::view-transition-group(ax-header){animation-duration:0s}html[data-glass=off] :is(.site-header,.preview-panel,.gw__box,.cb__box,.ax-pop,.cookie-bar,.tutor-overlay-close,.ag-glass),html[data-glass-auto=off] :is(.site-header,.preview-panel,.gw__box,.cb__box,.ax-pop,.cookie-bar,.tutor-overlay-close,.ag-glass){-webkit-backdrop-filter:none;backdrop-filter:none}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
