﻿:root{--color-paper: oklch(17.7% 0.034 270);--color-paper-2: oklch(21.8% 0.052 270);--color-ink: oklch(92.4% 0.016 95);--color-ink-2: oklch(77.5% 0.020 97);--color-muted: oklch(66.3% 0.031 268);--color-rule: oklch(92.4% 0.016 95 / 14%);--color-accent: oklch(69.1% 0.040 207);--color-accent-soft: oklch(69.1% 0.040 207 / 16%);--color-accent-ink: oklch(17.7% 0.034 270);--color-focus: oklch(78.0% 0.050 207);--color-error: oklch(80.0% 0.085 19);--color-canvas-hi: oklch(25.5% 0.061 271);--color-sky-1: oklch(34.6% 0.039 250);--color-sky-2: oklch(30.1% 0.040 228);--color-sky-3: oklch(18.9% 0.041 271);--color-card: oklch(92.4% 0.016 95 / 4%);--font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--space-3xs: 0.25rem;--space-2xs: 0.5rem;--space-xs: 0.75rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 4.5rem;--space-3xl: 7rem;--text-xs: 0.75rem;--text-sm: 0.875rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-display: clamp(2rem, 5vw, 3rem);--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--dur-short: 220ms;--radius-card: 16px;--radius-pill: 999px;--radius-input: 8px;--wrap: 46rem;--wrap-wide: 62rem;--bg: var(--color-paper);--bg-soft: var(--color-paper-2);--ink: var(--color-ink);--ink-dim: var(--color-ink-2);--muted: var(--color-muted);--line: var(--color-rule);--accent: var(--color-accent);--accent-soft: var(--color-accent-soft);--card: var(--color-card);--radius: var(--radius-card);--font: var(--font-body);--sans: var(--font-sans)}*{box-sizing:border-box}[hidden]{display:none !important}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(120% 90% at 50% -10%, var(--color-canvas-hi) 0%, var(--color-paper) 55%) fixed,var(--color-paper);color:var(--color-ink);font-family:var(--font-body);line-height:1.6;min-height:100vh;font-kerning:normal;font-optical-sizing:auto}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(1rem,4vw,1.5rem)}.wrap-wide{max-width:var(--wrap-wide);margin-inline:auto;padding-inline:clamp(1rem,4vw,1.5rem)}.skip{position:absolute;left:-999px;top:0;background:var(--color-ink);color:var(--color-accent-ink);padding:var(--space-2xs) var(--space-sm);z-index:50}.skip:focus{left:var(--space-2xs);top:var(--space-2xs);border-radius:var(--radius-input)}.site-header{border-bottom:1px solid var(--color-rule);padding-block:var(--space-sm);position:sticky;top:0;z-index:20;background:color-mix(in oklch, var(--color-paper-2) 62%, transparent);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs) var(--space-sm)}.lang-picker{display:flex;align-items:center;gap:var(--space-2xs)}.lang-select{appearance:none;-webkit-appearance:none;background-color:var(--color-accent-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237fa3a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-pill);color:var(--color-ink);font:inherit;font-size:.85rem;font-weight:600;padding:var(--space-2xs) var(--space-lg) var(--space-2xs) var(--space-sm);cursor:pointer;max-width:12rem;transition:background-color var(--dur-short) var(--ease-out)}.lang-select:hover{background-color:color-mix(in oklch, var(--color-accent) 22%, transparent)}.brand{font-size:1.2rem;letter-spacing:.04em;margin:0;display:flex;align-items:center;gap:var(--space-2xs)}.brand-logo{width:1.75rem;height:1.75rem;border-radius:var(--radius-input);display:inline-block}.brand-link{display:inline-flex;align-items:center;gap:var(--space-2xs);color:inherit;text-decoration:none;border-radius:var(--radius-input);white-space:nowrap}.brand-link:hover{text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.hero{padding:var(--space-xl) 0 var(--space-sm)}.hero .eyebrow{margin-bottom:var(--space-xs)}.hero h1{font-size:var(--text-display);line-height:1.15;margin:0 0 var(--space-2xs);font-weight:500;letter-spacing:-0.01em;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.lede{color:var(--color-ink-2);font-size:1.1rem;max-width:34rem;margin:0}.inventory{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2xs) var(--space-sm);border-top:2px solid var(--color-ink);margin:var(--space-xl) 0 0;padding-top:var(--space-xs);font-family:var(--font-sans);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.inventory strong{color:var(--color-ink);font-weight:600}.muted{color:var(--color-muted)}.small{font-size:.9rem}.tracks{list-style:none;margin:var(--space-sm) 0 var(--space-3xl);padding:0;display:grid;grid-template-columns:repeat(auto-fill, minmax(min(100%, 20rem), 1fr));gap:var(--space-2xs)}.track{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:var(--space-3xs) var(--space-sm);min-width:0;background:var(--card);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-sm);transition:border-color var(--dur-short) var(--ease-out);position:relative}.track:hover{border-color:var(--color-accent)}.track:has(.track-link:focus-visible){border-color:var(--color-focus)}.track-link{color:inherit;text-decoration:none}.track-link::after{content:"";position:absolute;inset:0;border-radius:var(--radius-card)}.track .track-begin{position:relative;z-index:1}.track-num{font-family:var(--font-sans);font-size:.8rem;font-variant-numeric:tabular-nums;color:var(--color-accent);border:1px solid var(--color-rule);border-radius:var(--radius-pill);min-width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;grid-row:1/4;align-self:start}.track-body{min-width:0;grid-column:2}.track-body h3{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:.005em;overflow-wrap:anywhere}.track-sub{margin:var(--space-3xs) 0 0;color:var(--color-muted);font-size:.9rem}.track .primary-btn{grid-column:2;justify-self:start;align-self:start;margin-top:var(--space-xs)}.primary-btn{appearance:none;border:0;border-radius:var(--radius-pill);cursor:pointer;background:var(--color-ink);color:var(--color-accent-ink);font:inherit;font-weight:600;padding:var(--space-xs) var(--space-md);text-decoration:none;display:inline-block;white-space:nowrap;transition:box-shadow var(--dur-short) var(--ease-out)}.primary-btn:hover{box-shadow:0 6px 24px color-mix(in oklch, var(--color-ink) 25%, transparent)}.ghost-btn{appearance:none;background:rgba(0,0,0,0);color:var(--color-ink);border:1px solid var(--color-rule);border-radius:var(--radius-pill);padding:var(--space-2xs) var(--space-sm);font:inherit;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;white-space:nowrap;transition:border-color var(--dur-short) var(--ease-out)}.ghost-btn:hover{border-color:var(--color-accent)}.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.player-top{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0 var(--space-3xs)}.player-meta{flex:1;min-width:0;text-align:center}.eyebrow{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0}#player-title{margin:var(--space-3xs) 0 0;font-weight:500;font-size:1.6rem;line-height:1.25;text-wrap:balance;overflow-wrap:anywhere;min-width:0}.player-audio{margin:var(--space-md) 0;text-align:center}.player-audio audio{width:100%;max-width:36rem}.bg-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin:var(--space-xs) 0 var(--space-md)}.bg-chip{min-height:2.75rem}.fold-rule{border:0;border-top:3px solid var(--color-ink);margin:var(--space-xl) 0 var(--space-lg)}.transcript{margin:0 auto var(--space-3xl);max-width:65ch}.transcript h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-family:var(--font-sans);overflow-wrap:anywhere}.transcript p{margin:0 0 var(--space-sm);color:var(--color-ink-2);line-height:1.65}.transcript em{color:var(--color-ink)}.about{margin:var(--space-lg) 0 var(--space-xl);border:1px solid var(--color-rule);border-radius:var(--radius-card);padding:var(--space-xs) var(--space-sm);color:var(--color-ink-2)}.about summary{cursor:pointer;color:var(--color-ink)}.prose{max-width:65ch;margin:0 auto;padding:var(--space-xl) 0 var(--space-3xl)}.prose h1{font-size:var(--text-display);font-weight:500;letter-spacing:-0.01em;line-height:1.2;margin:0 0 var(--space-sm);text-wrap:balance;overflow-wrap:anywhere;min-width:0}.prose .lede{font-size:1.15rem}.prose h2{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-family:var(--font-sans);font-weight:600;margin:var(--space-xl) 0 var(--space-xs);overflow-wrap:anywhere}.prose p{color:var(--color-ink-2);line-height:1.65;margin:0 0 var(--space-sm)}.prose a{color:var(--color-ink);text-underline-offset:2px}.prose a:hover{color:var(--color-focus)}.faq-list{display:grid;margin:var(--space-md) auto var(--space-3xl);padding:0;max-width:65ch}.faq-item{border-top:1px solid var(--color-rule);padding:var(--space-md) 0}.faq-item:last-child{border-bottom:1px solid var(--color-rule)}.faq-item h2{margin:0 0 var(--space-2xs);font-size:1.25rem;font-weight:600;letter-spacing:.005em;overflow-wrap:anywhere;min-width:0}.faq-item p{margin:0;color:var(--color-ink-2);line-height:1.65}.faq-item p+p{margin-top:var(--space-2xs)}.sky-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-2;background:radial-gradient(90% 70% at 50% 52%, var(--color-sky-1) 0%, var(--color-sky-2) 45%, var(--color-sky-3) 100%)}.sky-veil{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklch, var(--color-paper) 55%, transparent), color-mix(in oklch, var(--color-paper) 15%, transparent) 35%, color-mix(in oklch, var(--color-paper) 15%, transparent) 60%, color-mix(in oklch, var(--color-paper) 82%, transparent))}.player{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.player-stage{min-height:calc(100vh - 4.5rem);min-height:calc(100dvh - 4.5rem);display:flex;flex-direction:column}.clock{font-family:var(--font-sans);color:var(--color-muted);font-variant-numeric:tabular-nums;margin:0;white-space:nowrap}.breath-center{text-align:center;padding:3vh 1rem 2vh;flex:1 0 auto;min-height:0;display:flex;flex-direction:column;justify-content:center}.breath-cue{font-size:clamp(2rem,6vw,3.2rem);margin:0;text-shadow:0 2px 30px color-mix(in oklch, oklch(0% 0 0deg) 50%, transparent);transition:opacity 1.2s ease;text-wrap:balance}.breath-cue>span{display:flex;align-items:center;justify-content:center;text-align:center;margin:auto}.breath-cue>span>span{margin:auto}.breath-cue>span.caption{font-size:clamp(1.25rem,.75rem + 2.5vw,2.75rem);line-height:1.55;width:min(36rem,100%);height:min(34vh,22rem);vertical-align:top}.breath-hint{color:var(--color-muted);margin:var(--space-2xs) 0 var(--space-md);transition:opacity 1.2s ease}.error{color:var(--color-error)}.transport{display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-2xs)}.seek{flex:1;display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-muted);font-family:var(--font-sans);font-size:.85rem}input[type=range]{accent-color:var(--color-accent);width:100%}.bg-bar{background:color-mix(in oklch, var(--color-paper-2) 72%, transparent);border:1px solid var(--color-rule);border-radius:20px;padding:var(--space-sm) var(--space-md) var(--space-md);margin-bottom:var(--space-sm);box-shadow:0 12px 40px color-mix(in oklch, oklch(0% 0 0deg) 35%, transparent)}.bg-bar-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.bg-bar-head h3{margin:0;font-size:1.05rem;font-weight:600}.bg-chip{display:inline-flex;align-items:center;gap:var(--space-2xs);white-space:nowrap;border:1px solid var(--color-rule);border-radius:var(--radius-pill);background:rgba(0,0,0,0);color:var(--color-ink);font:inherit;font-size:.95rem;padding:var(--space-2xs) var(--space-sm);cursor:pointer}.bg-chip .dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--color-muted)}.bg-chip[aria-checked=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.bg-chip[aria-checked=true] .dot{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.bg-picker.prominent .bg-chip{font-size:1.05rem;padding:var(--space-xs) var(--space-md)}.vol-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.vol{display:grid;gap:var(--space-3xs);color:var(--color-muted);font-family:var(--font-sans);font-size:.85rem}.rate-label{color:var(--color-ink);font-variant-numeric:tabular-nums}.rate-hint{margin:var(--space-2xs) 0 0}.complete{border:1px solid var(--color-accent);border-radius:20px;padding:var(--space-md);background:color-mix(in oklch, var(--color-accent) 10%, transparent);margin-bottom:var(--space-lg)}.complete h3{margin-top:0}.row{display:flex;gap:var(--space-2xs);flex-wrap:wrap}.player .player-top,.player .transport,.player .bg-bar,.player .complete,.player #btn-start,.player #player-error,.player .player-audio,.player .transcript,.site-header,.site-footer,#chatwoot_live_chat_widget,.woot-widget-holder,.woot-widget-bubble{transition:opacity 1.6s ease}body.chrome-hidden .player .player-top,body.chrome-hidden .player .transport,body.chrome-hidden .player .bg-bar,body.chrome-hidden .player .complete,body.chrome-hidden .player #btn-start,body.chrome-hidden .player #player-error,body.chrome-hidden .player .player-audio,body.chrome-hidden .player .transcript,body.chrome-hidden .site-header,body.chrome-hidden .site-footer,body.chrome-hidden #chatwoot_live_chat_widget,body.chrome-hidden .woot-widget-holder,body.chrome-hidden .woot-widget-bubble{opacity:0;pointer-events:none}body.chrome-hidden .player .breath-cue{opacity:.55}body.chrome-hidden .player .breath-hint{opacity:0}body.chrome-hidden,body.chrome-hidden *{cursor:none !important}.site-footer{border-top:1px solid var(--color-rule);margin-top:var(--space-lg);padding:var(--space-sm) 0 var(--space-lg)}.footer-nav{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2xs) var(--space-xs)}.footer-nav>*:not(:first-child)::before{content:"·";margin-right:var(--space-xs);color:var(--color-muted)}.footer-link{color:var(--color-muted);text-decoration:none;white-space:nowrap;transition:color var(--dur-short) var(--ease-out)}.footer-link:hover{color:var(--color-ink)}.footer-link:hover span{text-decoration:underline;text-underline-offset:2px}@media(prefers-reduced-motion: no-preference){.primary-btn:active,.ghost-btn:active,.bg-chip:active{transform:translateY(1px)}}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:200ms;animation-timing-function:ease}@media(max-height: 850px){.player-stage{min-height:calc(100vh - 3.5rem);min-height:calc(100dvh - 3.5rem)}.breath-cue>span.caption{height:min(30vh,18rem)}.site-header{padding-block:var(--space-2xs)}.player-top{padding:var(--space-xs) 0 0}#player-title{font-size:1.3rem}.breath-center{padding:1vh 1rem}.breath-cue{font-size:clamp(1.4rem,4vw,2rem)}.breath-hint{margin:var(--space-3xs) 0 var(--space-sm)}.transport{padding-bottom:var(--space-3xs)}.bg-bar{padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-2xs)}.bg-chip{min-height:2.25rem}.vol-row{gap:var(--space-2xs);grid-template-columns:1fr 1fr 1fr}.rate-hint{margin:var(--space-3xs) 0 0}}@media(max-width: 560px){.player-top{flex-wrap:wrap;gap:var(--space-xs)}#player-title{font-size:1.3rem}.site-header{padding-block:var(--space-xs)}.header-inner{gap:var(--space-xs)}.lang-select{max-width:9rem}.brand{font-size:1.05rem}.brand-logo{width:1.5rem;height:1.5rem}.primary-btn,.ghost-btn,.bg-chip{min-height:44px}}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important;animation:none !important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}
