@layer theme,base,components,utilities;:root{--font-sans: system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--bg: #faf9f7;--bg-card: #ffffff;--border: #e5e7eb;--text: #0f172a;--muted: #64748b;--primary: #FFC107;--primary-rgb: 255, 193, 7;--primary-from: #FFD54F;--primary-to: #FFA000;--primary-bg: #FFF8E1;--primary-border: #FFE082;--primary-text: #78350f;--accent: #2563eb;--accent-rgb: 37, 99, 235;--success: #10b981;--success-bg: #ecfdf5;--success-border: #a7f3d0;--success-text: #064e3b;--error: #ef4444;--error-bg: #fef2f2;--error-border: #fecaca;--error-text: #7f1d1d;--neutral-light: #f5f5f5;--neutral-border: #d1d5db;--neutral-text: #6b7280;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-md: 0 8px 24px rgba(16, 24, 40, .08), 0 2px 8px rgba(16, 24, 40, .06);--shadow-lg: 0 24px 48px rgba(16, 24, 40, .12), 0 8px 16px rgba(16, 24, 40, .08);--easing-out: cubic-bezier(.16, 1, .3, 1);--easing-spring: cubic-bezier(.34, 1.56, .64, 1);--easing-inout: cubic-bezier(.4, 0, .2, 1);--dur-100: .12s;--dur-200: .18s;--dur-300: .24s;--scrollbar-size: .5rem;--scrollbar-thumb-color: rgba(15, 23, 42, .15);--scrollbar-radius: var(--radius-lg);--skeleton-bg: rgba(15, 23, 42, .06);--skeleton-shine: rgba(255, 255, 255, .5);--touch-target: 2.75rem;--segmented-phone-cell-width: clamp(1.125rem, 4vw, 1.75rem);--interactive-control-track-height: 4px;--interactive-control-thumb-size: 18px;--interactive-toggle-width: 48px;--interactive-toggle-height: 26px;--interactive-toggle-inset: 2px;--interactive-toggle-knob: 22px;--interactive-toggle-travel: 22px;--sheet-standard-width: 720px;--lesson-doc-measure: 68ch;--lesson-doc-gutter-min: var(--space-4);--lesson-doc-gutter-fluid: 3vw;--lesson-doc-gutter-max: var(--space-6);--lesson-doc-padding-block-mobile: var(--space-4);--lesson-doc-padding-block-desktop: var(--space-4);--lesson-figure-margin-y: var(--space-3);--z-base: 0;--z-content: 10;--z-overlay: 20;--z-chrome: 40;--z-modal: 50}@layer components{.btn-primary{background:linear-gradient(135deg,var(--primary-from),var(--primary-to));color:#fff;box-shadow:0 6px 20px #ffc10759}.btn-primary:hover{filter:brightness(.92)}.btn-default{background:#fffc;color:var(--text);border:1px solid var(--border)}.btn-default:hover{background:var(--bg-card)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root{font-family:var(--font-sans);line-height:1.5;font-weight:400}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-radius)}*::-webkit-scrollbar-track{background:transparent}.hide-scrollbar{scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.skeleton{background:linear-gradient(90deg,var(--skeleton-bg) 0%,var(--skeleton-shine) 50%,var(--skeleton-bg) 100%);background-size:200% 100%;border-radius:var(--radius-lg);animation:shimmer 1.5s infinite}@layer utilities{.fade-mask-bottom{-webkit-mask-image:linear-gradient(to bottom,black 0%,black var(--fade-mask-solid-stop, 78%),transparent var(--fade-mask-clear-stop, 100%));mask-image:linear-gradient(to bottom,black 0%,black var(--fade-mask-solid-stop, 78%),transparent var(--fade-mask-clear-stop, 100%))}}@layer components{.lesson-doc{--lesson-doc-gutter: clamp( var(--lesson-doc-gutter-min), var(--lesson-doc-gutter-fluid), var(--lesson-doc-gutter-max) );--lesson-doc-content-width: min( var(--lesson-doc-measure), max(0px, calc(100% - (2 * var(--lesson-doc-gutter)))) );display:grid;grid-template-columns:[full-start] minmax(0,1fr) [content-start] var(--lesson-doc-content-width) [content-end] minmax(0,1fr) [full-end];padding-block:var(--lesson-doc-padding-block-mobile)}@media(min-width:768px){.lesson-doc{padding-block:var(--lesson-doc-padding-block-desktop)}}.lesson-doc>*{grid-column:content-start / content-end}.lesson-doc>.lesson-figure--full{grid-column:full-start / full-end;margin-block:var(--lesson-figure-margin-y)}.lesson-doc>.lesson-figure--full>.lesson-figure__image,.lesson-doc>.lesson-figure--full>.lesson-figure__interactive{display:block;width:100%;height:auto}.lesson-doc>.lesson-figure--full>.lesson-figure__interactive{border:none}.lesson-doc>.lesson-figure--full>.lesson-figure__caption{padding:var(--space-2) var(--lesson-doc-gutter) 0;font-size:var(--text-xs);color:var(--muted);text-align:left;font-weight:400;line-height:1.5}}body{margin:0;background:var(--bg);color:var(--text)}.viewport{position:relative;width:100dvw;height:100dvh;overflow:hidden}[data-animate]{opacity:0}.logo[data-astro-cid-tvrurpns]{display:inline-flex;align-items:center;align-self:flex-start;gap:.75rem;text-decoration:none;color:var(--text)}.logo[data-astro-cid-tvrurpns]:visited,.logo[data-astro-cid-tvrurpns]:hover,.logo[data-astro-cid-tvrurpns]:active{color:var(--text);text-decoration:none}.logo[data-astro-cid-tvrurpns] img[data-astro-cid-tvrurpns]{display:block;width:var(--logoSize);height:var(--logoSize);flex:none}.logo-label[data-astro-cid-tvrurpns]{color:inherit;font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em;line-height:1}@media(min-width:768px){.logo-label[data-astro-cid-tvrurpns]{font-size:var(--text-2xl)}}