@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url("./media/atkinson-hyperlegible-latin-ext-400-normal-H6U454CV.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-ext-400-normal-ASDR7VQP.woff") format("woff");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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:400;src:url("./media/atkinson-hyperlegible-latin-400-normal-SPAYGEOD.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-400-normal-4XQA3ZPE.woff") format("woff");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:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url("./media/atkinson-hyperlegible-latin-ext-700-normal-FQ2BGUOF.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-ext-700-normal-R4EHVPXZ.woff") format("woff");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}@font-face{font-family:Atkinson Hyperlegible;font-style:normal;font-display:swap;font-weight:700;src:url("./media/atkinson-hyperlegible-latin-700-normal-FHYJOTYL.woff2") format("woff2"),url("./media/atkinson-hyperlegible-latin-700-normal-WK24QXLQ.woff") format("woff");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}:root{color-scheme:light;--font-sans: "Atkinson Hyperlegible", "Inter", "Noto Sans TC", system-ui, sans-serif;--color-cream-50: #fffdf9;--color-cream-100: #f7f2ea;--color-cream-200: #eee4d8;--color-cream-300: #dfd1bf;--color-earth-900: #2f2925;--color-earth-700: #5e554d;--color-earth-500: #8e8378;--color-sage-50: #eaf4ee;--color-sage-100: #d9eadf;--color-sage-500: #4a7c59;--color-sage-700: #31553d;--color-ocean-50: #e7f3f6;--color-ocean-100: #d4ebf0;--color-ocean-500: #4e8394;--color-ocean-700: #2f5d6a;--color-focus-50: #fff5d9;--color-focus-100: #ffe8a8;--color-focus-500: #d28a17;--color-focus-700: #8d5c0f;--color-coral-50: #ffe9e4;--color-coral-500: #ee806b;--color-blue-50: #e5f1f8;--color-blue-500: #6f9fc5;--color-transparent: transparent;--v1-forest-canvas: #fbf9f5;--v1-forest-bg-secondary: #ede8e0;--v1-forest-surface: #ffffff;--v1-forest-map-bg: #f5f3ef;--v1-forest-text: #3d3b37;--v1-forest-text-secondary: #6b6862;--v1-forest-action: #5a8f6b;--v1-forest-action-hover: #4d7d5d;--v1-forest-deep: #27400f;--v1-forest-deeper: #154212;--v1-forest-deep-border: #3d5824;--v1-forest-mint: #bcf0ae;--v1-forest-mint-soft: #cceda9;--v1-forest-peach: #ffddb4;--v1-forest-peach-soft: #fef8f0;--v1-forest-amber: #835500;--v1-forest-line: #e4e2de;--v1-forest-border: #e0dbd3;--v1-forest-border-light: #ede8e0;--v1-forest-wisdom-text: #adcd8d;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 999px;--shadow-none: none;--shadow-sm: 0 1px 2px rgb(47 41 37 / .06);--shadow-md: 0 8px 24px rgb(47 41 37 / .08);--shadow-lg: 0 18px 48px rgb(47 41 37 / .12);--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 56px}:root,:root[data-color-theme=warm-forest]{--color-page: var(--color-cream-100);--color-page-muted: #eef4ed;--color-surface: var(--color-cream-50);--color-surface-raised: #ffffff;--color-surface-muted: #f3ede4;--color-line: var(--color-cream-200);--color-line-strong: var(--color-cream-300);--color-text: var(--color-earth-900);--color-text-muted: var(--color-earth-700);--color-text-subtle: var(--color-earth-500);--color-brand: var(--color-sage-500);--color-brand-strong: var(--color-sage-700);--color-brand-soft: var(--color-sage-50);--color-on-brand: var(--color-cream-50);--color-accent-warm: var(--color-focus-500);--color-accent-warm-soft: var(--color-focus-50);--color-accent-coral: var(--color-coral-500);--color-accent-coral-soft: var(--color-coral-50);--color-accent-blue: var(--color-blue-500);--color-accent-blue-soft: var(--color-blue-50);--color-success: var(--color-sage-500);--color-warning: var(--color-focus-700);--color-danger: #b24a3c;--color-info: var(--color-accent-blue);--color-info-soft: var(--color-accent-blue-soft);--color-focus-ring: rgb(74 124 89 / .35);--color-bg: #f5f1eb;--color-bg-secondary: var(--v1-forest-bg-secondary);--color-canvas: var(--v1-forest-canvas);--color-action: var(--v1-forest-action);--color-action-hover: var(--v1-forest-action-hover);--color-action-light: rgb(90 143 107 / .12);--color-action-tint: rgb(90 143 107 / .2);--color-ai: #7ba5b8;--color-ai-hover: #6b95a8;--color-ai-light: rgb(123 165 184 / .12);--color-reward: #c4915a;--color-reward-hover: #b4814a;--color-reward-light: rgb(196 145 90 / .12);--color-correct: var(--v1-forest-action);--color-incorrect: #c47a6b;--color-canvas-grid: var(--demo-grid-line);--color-canvas-zone-divider: #d5cfc5;--color-canvas-start-point: #c4915a;--color-canvas-ghost: rgb(61 59 55 / .12);--color-border: var(--color-line);--color-border-light: var(--color-line);--shadow-color: rgb(61 59 55 / .08);--gradient-page-glow: radial-gradient(circle at 15% 6%, rgb(255 221 180 / .42), transparent 30rem), radial-gradient(circle at 88% 12%, rgb(229 241 248 / .72), transparent 24rem);--gradient-hero: linear-gradient(135deg, var(--color-surface-raised) 0%, var(--color-brand-soft) 45%, var(--color-accent-warm-soft) 100%);--gradient-progress: linear-gradient(90deg, var(--color-brand) 0%, var(--color-accent-warm) 100%);--type-font-family: var(--font-sans);--type-default-letter-spacing: 0;--type-weight-regular: 400;--type-weight-medium: 600;--type-weight-bold: 700;--type-weight-heavy: 900;--type-icon-line-height: 1;--type-display-size: var(--text-5xl);--type-display-mobile-size: var(--text-3xl);--type-display-line-height: 1.04;--type-display-weight: var(--type-weight-heavy);--type-page-title-size: var(--text-3xl);--type-page-title-line-height: 1.12;--type-page-title-weight: var(--type-weight-heavy);--type-section-title-size: var(--text-2xl);--type-section-title-line-height: 1.18;--type-section-title-weight: var(--type-weight-heavy);--type-panel-title-size: var(--text-xl);--type-panel-title-line-height: 1.2;--type-panel-title-weight: var(--type-weight-bold);--type-card-title-size: var(--text-lg);--type-card-title-line-height: 1.25;--type-card-title-weight: var(--type-weight-bold);--type-body-size: var(--text-md);--type-body-line-height: 1.55;--type-body-weight: var(--type-weight-medium);--type-body-small-size: var(--text-sm);--type-body-small-line-height: 1.45;--type-body-small-weight: var(--type-weight-bold);--type-caption-size: var(--text-xs);--type-caption-line-height: 1.35;--type-caption-weight: var(--type-weight-bold);--type-eyebrow-size: var(--text-xs);--type-eyebrow-line-height: 1.2;--type-eyebrow-weight: var(--type-weight-heavy);--type-eyebrow-letter-spacing: .08em;--type-nav-size: var(--text-sm);--type-nav-line-height: 1.2;--type-nav-weight: var(--type-weight-bold);--type-button-size: var(--text-sm);--type-button-line-height: 1.2;--type-button-weight: var(--type-weight-bold);--type-form-label-size: var(--text-xs);--type-form-label-line-height: 1.25;--type-form-label-weight: var(--type-weight-heavy);--type-metric-size: var(--text-3xl);--type-metric-line-height: 1;--type-metric-weight: var(--type-weight-heavy);--type-question-size: var(--text-3xl);--type-question-compact-size: var(--text-2xl);--type-question-line-height: 1.12;--type-question-compact-line-height: 1.14;--type-question-weight: var(--type-weight-regular);--kf-canvas: var(--v1-forest-canvas);--kf-surface: var(--v1-forest-surface);--kf-map-bg: var(--v1-forest-map-bg);--kf-bg-secondary: var(--v1-forest-bg-secondary);--kf-text: var(--v1-forest-text);--kf-text-secondary: var(--v1-forest-text-secondary);--kf-action: var(--v1-forest-action);--kf-action-hover: var(--v1-forest-action-hover);--kf-deep: var(--v1-forest-deep);--kf-deeper: var(--v1-forest-deeper);--kf-deep-border: var(--v1-forest-deep-border);--kf-mint: var(--v1-forest-mint);--kf-mint-soft: var(--v1-forest-mint-soft);--kf-peach: var(--v1-forest-peach);--kf-peach-soft: var(--v1-forest-peach-soft);--kf-amber: var(--v1-forest-amber);--kf-line: var(--v1-forest-line);--kf-border: var(--v1-forest-border);--kf-border-light: var(--v1-forest-border-light);--kf-on-action: var(--color-on-brand);--kf-wisdom-text: var(--v1-forest-wisdom-text);--kf-active-pill-fg: #291800;--kf-glass: rgb(255 255 255 / .9);--kf-glass-soft: rgb(255 255 255 / .8);--kf-action-shadow: rgb(45 90 39 / .3);--kf-action-shadow-strong: rgb(45 90 39 / .4);--kf-shadow-sm: 0 1px 2px rgb(0 0 0 / .05);--kf-shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--kf-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--kf-triumph-shadow: 0 12px 24px rgb(112 72 0 / .12);--kf-tree-shadow: rgb(52 39 1 / .1);--kf-cta-gradient: linear-gradient(146deg, var(--kf-deep) 0%, var(--kf-deep-border) 100%);--kf-card-gradient: linear-gradient(136deg, var(--kf-surface) 0%, var(--kf-peach-soft) 100%);--kf-page-max: 1536px;--kf-page-gap: var(--space-7);--kf-section-pad-x: var(--space-5);--kf-hero-gap: var(--space-6);--kf-side-width: 320px;--kf-map-pad: 72px;--kf-map-gap: var(--space-8);--kf-radius-nav: 12px;--kf-radius-card: 32px;--kf-radius-panel: 40px;--kf-radius-map: 64px;--kf-radius-wisdom: 48px;--kf-tree-visual-width: 256px;--kf-tree-visual-height: 320px;--cat-cream: #fff8f0;--cat-warm-white: #fffdf9;--cat-peach: #ffe8d6;--cat-peach-light: #fff1e6;--cat-soft-cream: var(--color-surface-muted);--cat-mint: #e0f5e8;--cat-mint-dark: #8bc9a0;--cat-lavender: #ede7f6;--cat-lavender-dark: #b39ddb;--cat-coral: #ff8a73;--cat-coral-pale: #fff0ec;--cat-sage: var(--kf-action);--cat-sage-dark: var(--kf-action-hover);--cat-sage-light: #e8f2eb;--cat-warm-gray: #8b8178;--cat-light-gray: #c5bfb8;--cat-dark-brown: #3e3530;--cat-med-brown: #5c524a;--cat-cloud-white: #fefefe;--cat-cloud-shadow: #f0ebe4;--cat-golden: #f5c542;--cat-golden-soft: #fff3d0;--cat-sky-blue: #d4ecff;--cat-accent: #e88d30;--cat-cap: #444444;--cat-blush: #ffbfa0;--cat-shadow: rgb(62 53 48 / .08);--cat-font: var(--type-font-family);--cat-home-bg: linear-gradient( 180deg, var(--cat-cream) 0%, var(--cat-peach-light) 50%, rgb(224 245 232 / .13) 100% );--cat-home-voice-bg: linear-gradient(180deg, var(--cat-cream) 0%, var(--cat-peach-light) 100%);--cat-bubble-shadow: 0 2px 10px color-mix(in srgb, var(--cat-dark-brown) 3%, transparent);--cat-control-shadow: 0 2px 8px color-mix(in srgb, var(--cat-dark-brown) 6%, transparent);--cat-mic-shadow: 0 2px 12px color-mix(in srgb, var(--cat-dark-brown) 6%, transparent);--cat-voice-mascot-shadow: drop-shadow(0 18px 26px rgb(90 169 153 / 18%));--cat-voice-mascot-listening-shadow: drop-shadow(0 20px 30px rgb(255 143 122 / 22%));--cat-cta-desc-fg: color-mix(in srgb, var(--cat-cloud-white) 80%, transparent);--cat-auth-backdrop-bg: color-mix(in srgb, var(--cat-dark-brown) 45%, transparent);--cat-auth-card-shadow: 0 24px 60px color-mix(in srgb, var(--cat-dark-brown) 22%, transparent);--cat-session-notice-border: 1px solid color-mix(in srgb, var(--cat-coral) 32%, transparent);--cat-go-pulse-shadow-start: 0 0 0 0 color-mix(in srgb, var(--cat-sage) 18%, transparent);--cat-go-pulse-shadow-mid: 0 0 0 14px color-mix(in srgb, var(--cat-sage) 0%, transparent);--cat-mic-pulse-shadow-start: 0 0 0 0 color-mix(in srgb, var(--cat-coral) 30%, transparent);--cat-mic-pulse-shadow-mid: 0 0 0 12px color-mix(in srgb, var(--cat-coral) 0%, transparent);--ai-safety-disclosure-bg: color-mix(in srgb, var(--color-surface-raised) 92%, transparent);--ai-safety-disclosure-border: color-mix(in srgb, var(--color-brand) 20%, transparent);--ai-safety-disclosure-border-width: 1px;--ai-safety-disclosure-radius: var(--radius-lg);--ai-safety-disclosure-padding: var(--space-3) var(--space-4);--ai-safety-disclosure-gap: var(--space-3);--ai-safety-disclosure-content-gap: var(--space-1);--ai-safety-disclosure-list-gap: var(--space-1);--ai-safety-disclosure-shadow: var(--shadow-sm);--ai-safety-disclosure-icon-size: var(--space-6);--ai-safety-disclosure-icon-inner-size: var(--space-4);--ai-safety-disclosure-icon-bg: var(--color-brand-soft);--ai-safety-disclosure-icon-fg: var(--color-brand-strong);--ai-safety-disclosure-title-fg: var(--color-text);--ai-safety-disclosure-title-size: var(--text-xs);--ai-safety-disclosure-title-line-height: 1.25;--ai-safety-disclosure-text-fg: var(--color-text-muted);--ai-safety-disclosure-text-size: var(--text-xs);--ai-safety-disclosure-text-line-height: 1.45;--ai-safety-disclosure-compact-padding: var(--space-2) var(--space-3);--ai-safety-disclosure-compact-gap: var(--space-2);--ai-safety-disclosure-compact-icon-size: var(--space-5);--ai-safety-disclosure-compact-icon-inner-size: var(--space-3);--ai-safety-disclosure-compact-text-size: 11px;--ai-safety-disclosure-panel-bg: color-mix(in srgb, var(--demo-ai-control-bg) 88%, transparent);--ai-safety-disclosure-panel-border: var(--demo-ai-bubble-border);--ai-safety-disclosure-panel-shadow: none;--cat-landing-nav-max: 1120px;--cat-landing-nav-padding: var(--space-4) 28px;--cat-section-padding: var(--space-8) var(--space-6);--cat-section-hero-padding-block: var(--space-7);--cat-section-meet-padding-block: 44px;--cat-section-inner-max: 1120px;--cat-section-header-max: 620px;--cat-section-header-empathy-max: 680px;--cat-section-header-method-max: 640px;--cat-section-header-relief-max: 560px;--cat-section-header-margin: 0 auto var(--space-6);--cat-brand-gap: 9px;--cat-hero-gap: 40px;--cat-hero-copy-min: 280px;--cat-hero-copy-basis: 460px;--cat-hero-desc-max: 560px;--cat-hero-desc-margin-bottom: 28px;--cat-welcome-mascot-hero-width: 300px;--cat-welcome-mascot-mini-width: 54px;--cat-welcome-mascot-cta-width: 132px;--cat-welcome-mascot-meet-width: 210px;--cat-welcome-mascot-auth-width: 108px;--cat-cta-padding: 40px 28px;--cat-auth-card-max: 520px;--cat-auth-card-max-height: calc(100vh - (var(--space-5) * 2));--cat-auth-card-padding: var(--space-6) 28px 26px;--cat-badge-padding: 5px var(--space-4);--cat-heading-tight-margin-bottom: 28px;--cat-subheading-margin: 0 auto 28px;--cat-subheading-max: 560px;--cat-challenge-card-min-width: 320px;--cat-challenge-grid-columns: repeat(2, minmax(min(100%, var(--cat-challenge-card-min-width)), 1fr));--cat-challenge-grid-gap: var(--space-4);--cat-challenge-card-tint-bg: var(--cat-sage-light);--cat-challenge-card-border: 1px solid var(--cat-cloud-shadow);--cat-challenge-card-shadow: var(--shadow-sm);--cat-challenge-card-padding: var(--space-4);--cat-challenge-card-gap: var(--space-4);--cat-challenge-card-offset: var(--space-5);--cat-challenge-card-min-height: 220px;--cat-challenge-media-size: 148px;--cat-challenge-media-box-size: 156px;--cat-challenge-copy-gap: var(--space-2);--cat-challenge-number-size: var(--space-5);--cat-challenge-title-margin-bottom: 5px;--cat-approach-desc-margin: 2px 0 0;--cat-approach-card-min-width: 200px;--cat-approach-grid-columns: repeat(auto-fit, minmax(min(100%, var(--cat-approach-card-min-width)), 1fr));--cat-approach-grid-gap: var(--space-4);--cat-approach-rail-top: calc(var(--cat-approach-card-padding) + (var(--cat-approach-icon-size) / 2) - (var(--cat-approach-rail-height) / 2));--cat-approach-rail-inset: var(--space-7);--cat-approach-rail-height: var(--space-1);--cat-approach-rail-bg: color-mix(in srgb, var(--cat-sage) 62%, var(--cat-cloud-white));--cat-approach-card-shadow: var(--shadow-sm);--cat-approach-card-padding: var(--space-4);--cat-approach-card-gap: var(--space-3);--cat-approach-card-min-height: 292px;--cat-approach-icon-size: 164px;--cat-approach-step-size: 28px;--cat-approach-step-offset: var(--space-3);--cat-approach-step-ring: 0 0 0 6px var(--cat-cloud-white);--cat-approach-path-stack-max: 760px;--cat-approach-path-stack-gap: var(--space-4);--cat-approach-path-stack-card-padding: var(--space-4) var(--space-5) var(--space-4) var(--space-7);--cat-approach-path-stack-columns: 136px minmax(0, 1fr);--cat-approach-path-stack-icon-size: 136px;--cat-approach-path-stack-step-left: var(--space-4);--cat-approach-path-stack-rail-left: 28px;--cat-parent-grid-gap: var(--space-3);--cat-parent-card-bg: var(--cat-cloud-white);--cat-parent-card-border: 1px solid var(--cat-cloud-shadow);--cat-parent-card-shadow: var(--shadow-sm);--cat-parent-card-padding: var(--space-5) var(--space-3) 18px;--cat-parent-card-gap: var(--space-2);--cat-parent-card-image-size: 160px;--cat-parent-card-accent-height: 6px;--cat-parent-card-accent-bg: var(--cat-sage-light);--cat-parent-card-title-margin: 0 0 3px;--cat-meet-bubble-padding: 18px var(--space-5);--cat-auth-field-gap: 6px;--cat-auth-error-margin: 2px 0 calc(var(--space-1) * -1);--cat-auth-submit-margin-top: 6px;--cat-auth-submit-dots-gap: 5px;--cat-auth-submit-dot-size: 7px;--cat-auth-switch-margin: 18px 0 0;--cat-auth-switch-link-padding: 0 0 0 2px;--cat-consent-gate-padding: var(--space-4);--cat-consent-gate-margin-bottom: var(--space-4);--cat-consent-gate-gap: var(--space-3);--cat-consent-age-option-min-height: 40px;--cat-consent-check-gap: var(--space-2);--cat-parent-grid-columns: repeat(3, minmax(0, 1fr));--cat-home-brand-logo-size: 54px;--cat-home-brand-logo-image-size: 52px;--cat-home-brand-name-size: 22px;--cat-home-brand-name-mobile-size: var(--type-card-title-size);--cat-student-nav-padding: 14px var(--space-5);--cat-student-brand-gap: var(--cat-brand-gap);--cat-brand-logo-size: 32px;--cat-brand-logo-radius: 9px;--cat-brand-logo-image-width: 30px;--cat-brand-logo-image-height: 30px;--cat-avatar-size: 34px;--cat-dashboard-button-height: 40px;--cat-chat-max: 480px;--cat-chat-padding-inline: var(--space-5);--cat-chat-messages-max-height: 240px;--cat-chat-mascot-size: 200px;--cat-chat-mascot-active-size: 130px;--cat-bubble-radius: var(--radius-xl);--cat-typing-dot-gap: 3px;--cat-typing-dot-size: 6px;--cat-message-max-width: 75%;--cat-message-avatar-size: 28px;--cat-message-padding: 10px var(--space-4);--cat-input-padding: 9px var(--space-4);--cat-send-size: 30px;--cat-voice-toggle-size: 42px;--cat-go-max: 340px;--cat-go-padding: var(--space-4) 28px;--cat-go-radius: var(--radius-xl);--cat-go-voice-padding: var(--space-3) var(--space-7);--cat-voice-padding-inline: var(--space-5);--cat-voice-bubble-max: 340px;--cat-wave-gap: 3px;--cat-wave-bar-radius: 2px;--cat-mic-control-size: var(--space-8);--demo-bg: #f7f6f3;--demo-rail-bg: #f1f1ee;--demo-rail-bg-collapsed: #efedea;--demo-panel-bg: var(--kf-surface);--demo-muted-panel-bg: #f5f3ee;--demo-toolbar-bg: rgb(255 255 255 / .9);--demo-toolbar-border: #e8e8e5;--demo-grid-line: #e8e3db;--demo-ink: #2e2f2d;--demo-ink-soft: rgb(46 47 45 / .1);--demo-success: #006b1b;--demo-success-dark: #005e17;--demo-success-soft: #91f78e;--demo-danger: #b02500;--demo-danger-soft: rgb(176 37 0 / .1);--demo-blue-soft: #e8f4ff;--demo-purple-soft: #f0eaff;--demo-green-soft: #f0fff4;--demo-avatar-bg-a: #e8dbf8;--demo-avatar-bg-b: #d4e8f7;--demo-companion-muted: #8b7fb0;--demo-focus-glow: rgb(0 107 27 / .18);--demo-text-muted-strong: #4b5046;--demo-layout-bg: var(--demo-bg);--demo-ai-panel-width: 320px;--demo-ai-panel-min-width: 280px;--demo-ai-panel-max-width: 320px;--demo-ai-panel-gap: var(--space-5);--demo-ai-panel-padding: var(--space-4);--demo-ai-panel-compact-width: 240px;--demo-ai-panel-compact-min-width: 240px;--demo-ai-panel-compact-max-width: 240px;--demo-ai-panel-compact-gap: var(--space-4);--demo-ai-panel-compact-padding: var(--space-3);--demo-ai-panel-collapsed-width: 64px;--demo-ai-panel-collapsed-padding: var(--space-4) var(--space-2);--demo-ai-panel-collapsed-gap: var(--space-4);--demo-ai-companion-gap: var(--space-5);--demo-ai-companion-compact-gap: var(--space-4);--demo-canvas-area-padding: var(--space-5);--demo-canvas-area-gap: var(--space-5);--demo-canvas-area-compact-padding: var(--space-4);--demo-canvas-area-compact-gap: var(--space-4);--demo-panel-shadow: 8px 0 32px rgb(0 0 0 / .02);--demo-panel-collapsed-bg: linear-gradient(180deg, #f5f3ee 0%, #efedea 100%);--demo-panel-collapsed-shadow: 4px 0 16px rgb(0 0 0 / .04);--demo-panel-toggle-right: -14px;--demo-panel-toggle-width: 28px;--demo-panel-toggle-height: 56px;--demo-panel-toggle-radius: 0 var(--radius-lg) var(--radius-lg) 0;--demo-panel-toggle-icon-size: 20px;--demo-toggle-border: rgb(0 0 0 / .08);--demo-toggle-bg: #ffffff;--demo-toggle-fg: #6b7280;--demo-toggle-shadow: 4px 2px 12px rgb(0 0 0 / .08);--demo-rail-gap: var(--radius-lg);--demo-rail-padding-top: var(--space-1);--demo-rail-avatar-size: 44px;--demo-rail-avatar-radius: var(--radius-full);--demo-rail-avatar-bg: linear-gradient(135deg, var(--demo-purple-soft) 0%, var(--demo-blue-soft) 50%, var(--demo-green-soft) 100%);--demo-rail-avatar-shadow: 0 4px 16px rgb(139 109 204 / .12);--demo-rail-avatar-shadow-hover: 0 6px 20px rgb(139 109 204 / .18);--demo-rail-active-dot-offset: 2px;--demo-rail-active-dot-size: 10px;--demo-rail-active-dot-border-width: 2px;--demo-rail-active-dot-radius: var(--radius-full);--demo-rail-active-dot: #4ade80;--demo-rail-divider-width: var(--space-5);--demo-rail-divider-height: 1px;--demo-rail-divider-margin: var(--space-1) 0;--demo-rail-divider: rgb(0 0 0 / .08);--demo-rail-button-size: 44px;--demo-rail-button-radius: var(--radius-lg);--demo-rail-button-bg: #ffffff;--demo-rail-button-shadow: 0 2px 8px rgb(0 0 0 / .04);--demo-rail-button-shadow-hover: 0 4px 12px rgb(0 0 0 / .08);--demo-rail-button-icon-size: var(--radius-lg);--demo-rail-nudge-bg: var(--demo-success-soft);--demo-rail-nudge-bg-hover: #7de87a;--demo-rail-nudge-shadow: 0 4px 12px rgb(0 107 27 / .15);--demo-hint-panel-gap: var(--space-3);--demo-hint-panel-padding: var(--space-3) var(--space-2);--demo-hint-panel-compact-gap: var(--space-2);--demo-hint-panel-compact-padding: var(--space-2) var(--space-1);--demo-hint-button-gap: var(--space-2);--demo-hint-button-radius: 48px;--demo-hint-button-font: var(--type-font-family);--demo-hint-button-icon-size: var(--space-3);--demo-hint-nudge-height: 56px;--demo-hint-nudge-padding: 0 var(--space-4);--demo-hint-nudge-compact-height: 44px;--demo-hint-nudge-compact-padding: 0 var(--space-3);--demo-hint-nudge-bg: var(--demo-success-soft);--demo-hint-nudge-bg-active: #7de87a;--demo-hint-nudge-fg: var(--demo-success-dark);--demo-hint-nudge-text-size: var(--type-card-title-size);--demo-hint-nudge-text-compact-size: var(--type-body-small-size);--demo-hint-text-letter-spacing: var(--type-default-letter-spacing);--demo-hint-nudge-line-height: var(--type-card-title-line-height);--demo-hint-nudge-compact-line-height: var(--type-body-small-line-height);--demo-hint-nudge-shadow: 0 4px 16px rgb(0 107 27 / .1);--demo-hint-nudge-shadow-hover: 0 6px 20px rgb(0 107 27 / .16);--demo-hint-row-gap: var(--space-3);--demo-hint-row-compact-gap: var(--space-2);--demo-hint-secondary-height: 48px;--demo-hint-secondary-padding: 0 var(--space-4);--demo-hint-secondary-compact-height: 38px;--demo-hint-secondary-compact-padding: 0 10px;--demo-hint-secondary-bg: #ffffff;--demo-hint-secondary-bg-active: #f0f0ed;--demo-hint-secondary-fg: var(--demo-ink);--demo-hint-secondary-text-size: var(--type-card-title-size);--demo-hint-secondary-text-compact-size: var(--type-caption-size);--demo-hint-secondary-line-height: var(--type-card-title-line-height);--demo-hint-secondary-compact-line-height: var(--type-caption-line-height);--demo-hint-secondary-shadow: 0 2px 8px rgb(0 0 0 / .04);--demo-hint-secondary-shadow-hover: 0 4px 12px rgb(0 0 0 / .08);--demo-hint-pulse-start: 0 0 0 0 rgb(0 107 27 / .2);--demo-hint-pulse-end: 0 0 0 6px rgb(0 107 27 / 0);--demo-attention-game-board-bg: linear-gradient(135deg, #f4fbf6 0%, #f8fdf9 60%, #ffffff 100%);--demo-attention-game-board-border: rgb(0 107 27 / .18);--demo-attention-game-board-radius: var(--space-4);--demo-attention-game-trail: rgb(0 107 27 / .42);--demo-attention-dot-size: 46px;--demo-attention-dot-odd-size: 50px;--demo-attention-dot-radius: var(--radius-full);--demo-attention-dot-border-width: 2px;--demo-attention-dot-font-size: var(--type-body-size);--demo-attention-dot-bg: #ffffff;--demo-attention-dot-border: rgb(0 107 27 / .35);--demo-attention-dot-fg: var(--demo-ink);--demo-attention-dot-shadow: 0 4px 12px rgb(0 107 27 / .14);--demo-attention-dot-wrong-border: #f59e0b;--demo-attention-dot-next-bg: #d8f8e2;--demo-attention-dot-next-fg: var(--demo-success);--demo-attention-dot-tapped-bg: var(--demo-success);--demo-attention-dot-tapped-fg: #ffffff;--demo-attention-dot-tapped-shadow: 0 4px 12px rgb(0 107 27 / .28);--demo-attention-color-green: var(--demo-success);--demo-attention-color-green-bg: #d8f8e2;--demo-attention-color-blue: #2563eb;--demo-attention-color-blue-bg: #dbeafe;--demo-attention-color-yellow: #b45309;--demo-attention-color-yellow-bg: #fef3c7;--demo-attention-color-pink: #be185d;--demo-attention-color-pink-bg: #fce7f3;--demo-attention-progress-bg: rgb(255 255 255 / .7);--demo-attention-progress-bottom: var(--space-2);--demo-attention-progress-gap: 5px;--demo-attention-progress-padding: var(--space-1) var(--space-2);--demo-attention-progress-radius: var(--radius-full);--demo-attention-progress-blur: var(--space-1);--demo-attention-progress-dot-size: 6px;--demo-attention-progress-dot-bg: rgb(0 107 27 / .18);--demo-attention-progress-dot-active-bg: var(--demo-success);--demo-attention-dot-beacon-start: 0 0 0 6px rgb(0 107 27 / .16), 0 4px 16px rgb(0 107 27 / .22);--demo-attention-dot-beacon-end: 0 0 0 14px rgb(0 107 27 / .06), 0 6px 20px rgb(0 107 27 / .32);--demo-attention-dot-breathe-start: 0 0 0 0 rgb(0 107 27 / 0), 0 4px 12px rgb(0 107 27 / .14);--demo-attention-dot-breathe-end: 0 0 0 12px rgb(0 107 27 / .16), 0 6px 20px rgb(0 107 27 / .28);--demo-attention-dot-success-ring: 0 0 0 12px rgb(0 107 27 / .18);--demo-attention-gate-backdrop-bg: rgb(247 246 243 / .94);--demo-attention-gate-backdrop-padding: var(--space-5);--demo-attention-gate-backdrop-blur: 14px;--demo-attention-gate-z-index: 10010;--demo-attention-gate-card-width: min(440px, 100%);--demo-attention-gate-card-radius: var(--radius-2xl);--demo-attention-gate-card-padding: 22px 22px var(--space-4);--demo-attention-gate-card-gap: var(--space-4);--demo-attention-gate-font: var(--type-font-family);--demo-attention-gate-card-bg: var(--color-surface);--demo-attention-gate-card-border: rgb(0 107 27 / .18);--demo-attention-gate-card-shadow: 0 24px 56px rgb(0 107 27 / .16), 0 8px 24px rgb(0 0 0 / .06);--demo-attention-gate-card-finished-border: rgb(0 107 27 / .5);--demo-attention-gate-card-finished-shadow: 0 24px 56px rgb(0 107 27 / .28), 0 0 0 4px rgb(0 107 27 / .18);--demo-attention-gate-header-gap: var(--space-1);--demo-attention-gate-eyebrow-size: var(--type-eyebrow-size);--demo-attention-gate-eyebrow-letter-spacing: var(--type-eyebrow-letter-spacing);--demo-attention-gate-eyebrow-fg: var(--demo-success);--demo-attention-gate-title-size: var(--type-panel-title-size);--demo-attention-gate-title-line-height: var(--type-panel-title-line-height);--demo-attention-gate-title-fg: var(--demo-ink);--demo-attention-gate-hint-size: var(--type-body-small-size);--demo-attention-gate-hint-fg: #6b7280;--demo-attention-gate-footer-gap: var(--space-3);--demo-attention-gate-counter-size: var(--type-caption-size);--demo-attention-gate-counter-letter-spacing: var(--type-eyebrow-letter-spacing);--demo-attention-gate-counter-fg: #b8bdb6;--demo-attention-gate-skip-size: var(--type-caption-size);--demo-attention-gate-skip-padding: 6px 10px;--demo-attention-gate-skip-radius: var(--radius-sm);--demo-attention-gate-skip-fg: #9aa39a;--demo-attention-gate-skip-fg-hover: var(--demo-ink);--demo-attention-gate-skip-bg-hover: rgb(0 0 0 / .04);--demo-floating-hint-top: var(--space-6);--demo-floating-hint-right: var(--space-6);--demo-floating-hint-z-index: 40;--demo-floating-hint-max-width: 384px;--demo-floating-hint-min-width: 240px;--demo-floating-hint-padding: 21px;--demo-floating-hint-blur: var(--space-3);--demo-floating-hint-radius: 48px;--demo-floating-hint-bg: rgb(221 221 217 / .7);--demo-floating-hint-border: rgb(255 255 255 / .2);--demo-floating-hint-shadow: 0 16px 40px rgb(0 0 0 / .08);--demo-floating-hint-header-padding: var(--space-3) var(--space-4);--demo-floating-hint-level-gap: 6px;--demo-floating-hint-level-size: var(--type-body-small-size);--demo-floating-hint-level-letter-spacing: var(--type-default-letter-spacing);--demo-floating-hint-level-fg: var(--color-reward);--demo-floating-hint-level-icon-size: var(--space-4);--demo-floating-hint-close-size: 28px;--demo-floating-hint-close-radius: var(--radius-full);--demo-floating-hint-close-bg: var(--color-bg-secondary);--demo-floating-hint-close-bg-hover: var(--color-border);--demo-floating-hint-close-fg: var(--color-text-muted);--demo-floating-hint-close-text-size: var(--type-card-title-size);--demo-floating-hint-body-padding: var(--radius-lg) var(--space-4) var(--space-4);--demo-floating-hint-body-size: var(--type-card-title-size);--demo-floating-hint-body-line-height: var(--type-body-line-height);--demo-floating-hint-body-fg: var(--color-text);--demo-summary-page-min-height: 100vh;--demo-summary-page-padding: var(--space-6);--demo-summary-page-bg: var(--color-bg);--demo-summary-celebration-bg: var(--color-bg);--demo-summary-celebration-z-index: 100;--demo-summary-celebration-emoji-size: 80px;--demo-summary-celebration-emoji-margin-bottom: var(--space-4);--demo-summary-celebration-title-size: var(--type-page-title-size);--demo-summary-celebration-title-letter-spacing: var(--type-default-letter-spacing);--demo-summary-card-max: 560px;--demo-summary-card-padding: 40px;--demo-summary-card-radius: var(--radius-2xl);--demo-summary-card-shadow: 0 8px 32px var(--shadow-color);--demo-summary-header-margin-bottom: 28px;--demo-summary-title-size: var(--type-section-title-size);--demo-summary-title-margin: var(--space-2) 0 0;--demo-summary-emoji-size: 48px;--demo-summary-achievement-gap: var(--space-3);--demo-summary-achievement-margin-bottom: var(--space-5);--demo-summary-achievement-row-gap: var(--radius-lg);--demo-summary-achievement-row-padding: var(--space-4);--demo-summary-achievement-row-radius: var(--radius-lg);--demo-summary-achievement-icon-size: 28px;--demo-summary-achievement-text-size: var(--type-body-size);--demo-summary-achievement-text-line-height: var(--type-body-line-height);--demo-summary-report-padding: 20px;--demo-summary-report-radius: var(--radius-lg);--demo-summary-report-margin-bottom: var(--space-4);--demo-summary-report-title-size: var(--type-body-size);--demo-summary-report-title-margin: 0 0 10px;--demo-summary-report-text-size: var(--type-body-small-size);--demo-summary-report-text-line-height: var(--type-body-line-height);--demo-summary-report-text-margin: 0 0 var(--space-2);--demo-summary-report-note-size: var(--type-caption-size);--demo-summary-next-gap: 10px;--demo-summary-next-padding: var(--radius-lg) var(--space-4);--demo-summary-next-radius: var(--space-3);--demo-summary-next-margin-bottom: 20px;--demo-summary-next-label-size: var(--type-caption-size);--demo-summary-next-label-letter-spacing: var(--type-eyebrow-letter-spacing);--demo-summary-next-topic-size: var(--type-body-small-size);--demo-ai-panel-header-bg: linear-gradient(135deg, var(--demo-purple-soft) 0%, var(--demo-blue-soft) 50%, var(--demo-green-soft) 100%);--demo-ai-panel-header-gap: var(--space-3);--demo-ai-panel-header-height: 96px;--demo-ai-panel-header-padding: var(--space-4);--demo-ai-panel-header-radius: 48px;--demo-ai-panel-header-compact-gap: var(--space-2);--demo-ai-panel-header-compact-height: 72px;--demo-ai-panel-header-compact-padding: 10px var(--space-3);--demo-ai-panel-header-compact-radius: 36px;--demo-ai-panel-header-shadow: 0 8px 32px rgb(139 109 204 / .08);--demo-ai-panel-header-speaking-shadow: 0 8px 32px rgb(139 109 204 / .12), 0 0 0 2px rgb(139 109 204 / .15);--demo-ai-avatar-bg: linear-gradient(135deg, var(--demo-avatar-bg-a) 0%, var(--demo-avatar-bg-b) 100%);--demo-ai-header-avatar-size: 76px;--demo-ai-header-avatar-compact-size: 52px;--demo-ai-speaking-ring-inset: -4px;--demo-ai-speaking-ring-border-width: 2px;--demo-ai-avatar-ring: rgb(139 109 204 / .25);--demo-ai-title-font: var(--type-font-family);--demo-ai-label-font: var(--type-font-family);--demo-ai-title-size: var(--type-panel-title-size);--demo-ai-title-line-height: var(--type-panel-title-line-height);--demo-ai-title-compact-size: var(--type-body-size);--demo-ai-title-compact-line-height: var(--type-body-line-height);--demo-ai-title-fg: var(--v1-forest-text);--demo-ai-status-size: var(--type-caption-size);--demo-ai-status-line-height: var(--type-caption-line-height);--demo-ai-status-compact-size: var(--type-caption-size);--demo-ai-status-compact-line-height: var(--type-caption-line-height);--demo-ai-muted-fg: var(--demo-companion-muted);--demo-ai-control-gap: 6px;--demo-ai-control-size: 36px;--demo-ai-control-compact-size: 28px;--demo-ai-control-bg: rgb(255 255 255 / .7);--demo-ai-control-bg-hover: rgb(255 255 255 / .95);--demo-ai-control-accent: #8b6dc0;--demo-ai-control-muted: #b0a8c0;--demo-ai-control-muted-bg: rgb(0 0 0 / .04);--demo-ai-control-active-bg: var(--color-action-light);--demo-ai-control-active-ring: 0 0 0 2px var(--color-action);--demo-ai-control-icon-size: 20px;--demo-ai-control-svg-size: 18px;--demo-ai-control-dots-size: var(--type-body-small-size);--demo-ai-control-dots-letter-spacing: var(--type-eyebrow-letter-spacing);--demo-ai-chat-gap: 20px;--demo-ai-chat-padding-inline: var(--space-2);--demo-ai-chat-compact-gap: var(--space-3);--demo-ai-chat-compact-padding-inline: var(--space-1);--demo-ai-live-border: rgb(0 0 0 / .06);--demo-ai-message-row-gap: 10px;--demo-ai-message-avatar-size: 44px;--demo-ai-message-avatar-compact-size: 32px;--demo-ai-message-avatar-shadow: 0 2px 8px rgb(139 109 204 / .1);--demo-ai-message-content-gap: var(--space-1);--demo-ai-message-label-size: var(--type-caption-size);--demo-ai-message-label-padding-inline: var(--space-2);--demo-ai-message-label-line-height: var(--type-caption-line-height);--demo-ai-system-label-size: var(--type-caption-size);--demo-ai-student-label-fg: #5b5c5a;--demo-ai-system-label-fg: #6d7385;--demo-ai-bubble-font: var(--type-font-family);--demo-ai-bubble-padding: 14px 18px;--demo-ai-bubble-compact-padding: 10px 14px;--demo-ai-bubble-size: var(--type-card-title-size);--demo-ai-bubble-line-height: var(--type-card-title-line-height);--demo-ai-bubble-compact-size: var(--type-body-small-size);--demo-ai-bubble-compact-line-height: var(--type-body-small-line-height);--demo-ai-bubble-fg: var(--v1-forest-text);--demo-ai-bubble-bg: linear-gradient(135deg, rgb(240 234 255 / .9) 0%, rgb(232 244 255 / .9) 100%);--demo-ai-bubble-border: rgb(139 109 204 / .08);--demo-ai-bubble-radius: 6px 28px 28px 28px;--demo-ai-bubble-shadow: 0 4px 16px rgb(139 109 204 / .06);--demo-ai-bubble-hover-shadow: 0 6px 20px rgb(139 109 204 / .1), 0 0 0 1px rgb(139 109 204 / .12);--demo-ai-bubble-speaking-shadow: 0 4px 16px rgb(139 109 204 / .06), 0 0 16px rgb(139 109 204 / .12);--demo-ai-bubble-speaking-border: rgb(139 109 204 / .22);--demo-ai-speaking-indicator-margin-left: 6px;--demo-ai-speaking-indicator-size: var(--type-body-small-size);--demo-ai-speaking-glow-start: 0 4px 16px rgb(139 109 204 / .06), 0 0 12px rgb(139 109 204 / .08);--demo-ai-speaking-glow-end: 0 4px 16px rgb(139 109 204 / .1), 0 0 20px rgb(139 109 204 / .15);--demo-ai-student-bubble-bg: var(--demo-success-soft);--demo-ai-student-bubble-fg: var(--demo-success-dark);--demo-ai-student-bubble-radius: 28px 6px 28px 28px;--demo-ai-student-bubble-shadow: 0 4px 16px rgb(0 107 27 / .06);--demo-ai-system-content-max: 560px;--demo-ai-system-bubble-padding: 10px 14px;--demo-ai-system-bubble-radius: var(--space-4);--demo-ai-system-bubble-size: var(--type-caption-size);--demo-ai-system-bubble-line-height: var(--type-caption-line-height);--demo-ai-system-bubble-border: rgb(92 108 138 / .28);--demo-ai-system-bubble-bg: rgb(245 248 252 / .92);--demo-ai-system-bubble-fg: #4f596f;--demo-ai-empty-gap: var(--space-2);--demo-ai-empty-padding: var(--space-5) 0;--demo-ai-empty-size: var(--type-body-small-size);--demo-ai-empty-cloud-size: 56px;--demo-top-bar-gap: var(--space-4);--demo-top-bar-left-gap: var(--space-4);--demo-problem-card-bg: var(--color-surface);--demo-problem-card-radius: 48px;--demo-problem-card-compact-radius: var(--space-6);--demo-problem-card-gap: var(--space-2);--demo-problem-card-padding: var(--space-5) var(--space-6);--demo-problem-card-compact-padding: var(--space-4) var(--space-5);--demo-problem-card-shadow: 0 12px 48px rgb(0 0 0 / .05);--demo-problem-label-size: var(--type-eyebrow-size);--demo-problem-label-letter-spacing: var(--type-eyebrow-letter-spacing);--demo-problem-prompt-size: var(--type-question-size);--demo-problem-prompt-line-height: var(--type-question-line-height);--demo-problem-prompt-compact-size: var(--type-question-compact-size);--demo-problem-prompt-compact-line-height: var(--type-question-compact-line-height);--demo-problem-prompt-math-margin: 0 2px;--demo-problem-error-gap: var(--space-3);--demo-problem-error-size: var(--type-panel-title-size);--demo-problem-error-line-height: var(--type-panel-title-line-height);--demo-problem-error-compact-size: var(--type-card-title-size);--demo-problem-retry-padding: var(--space-2) var(--radius-xl);--demo-problem-retry-border-width: 1.5px;--demo-problem-retry-size: var(--type-button-size);--demo-top-toolbar-gap: var(--space-3);--demo-top-toolbar-padding: 10px var(--space-5);--demo-top-toggle-gap: var(--space-1);--demo-top-toggle-padding: 6px 10px;--demo-top-toggle-border-width: 1.5px;--demo-top-toggle-radius: var(--radius-sm);--demo-top-toggle-size: var(--type-caption-size);--demo-top-toggle-icon-size: var(--type-body-small-size);--demo-floating-toolbar-bottom: var(--space-6);--demo-toolbar-shadow: 0 8px 32px rgb(0 0 0 / .04);--demo-canvas-wrapper-min-height: 400px;--demo-canvas-wrapper-radius: 40px;--demo-canvas-shadow: 0 16px 64px rgb(0 0 0 / .04);--demo-canvas-glow-start: 0 16px 64px rgb(0 0 0 / .04), 0 0 0 0 rgb(0 107 27 / 0);--demo-canvas-glow-soft-start: 0 16px 64px rgb(0 0 0 / .04), 0 0 0 0 rgb(94 174 255 / 0);--demo-canvas-glow: 0 24px 80px rgb(0 107 27 / .18), 0 0 0 8px rgb(0 107 27 / .28), 0 0 60px 12px rgb(0 107 27 / .22);--demo-canvas-glow-soft: 0 16px 64px rgb(0 0 0 / .04), 0 0 0 4px rgb(94 174 255 / .22);--demo-canvas-breath-base: inset 0 0 0 4px rgb(0 107 27 / .3), inset 0 0 30px rgb(0 107 27 / .12);--demo-canvas-breath-soft-base: inset 0 0 0 2px rgb(94 174 255 / .18);--demo-canvas-breath: inset 0 0 0 14px rgb(0 107 27 / .55), inset 0 0 60px rgb(0 107 27 / .32);--demo-canvas-breath-soft: inset 0 0 0 6px rgb(94 174 255 / .38), inset 0 0 30px rgb(94 174 255 / .18);--demo-canvas-breath-reduced: inset 0 0 0 8px rgb(0 107 27 / .32);--demo-canvas-breath-soft-reduced: inset 0 0 0 4px rgb(94 174 255 / .28);--demo-recognition-gap: var(--space-3);--demo-recognition-padding: 14px 20px;--demo-recognition-size: var(--type-card-title-size);--demo-recognition-radius: 0 0 var(--space-3) var(--space-3);--demo-recognition-margin-top: -1px;--demo-result-latex-size: var(--type-panel-title-size);--demo-result-status-size: var(--type-body-small-size);--demo-timer-alert-top: var(--space-4);--demo-timer-alert-z-index: 12;--demo-timer-alert-gap: var(--radius-lg);--demo-timer-alert-max-width: min(560px, calc(100% - 32px) );--demo-timer-alert-padding: var(--radius-lg) var(--radius-xl);--demo-timer-alert-radius: var(--radius-xl);--demo-timer-alert-blur: var(--space-2);--demo-timer-alert-border: rgb(0 107 27 / .18);--demo-timer-alert-bg: rgb(255 255 255 / .96);--demo-timer-alert-shadow: 0 12px 32px rgb(0 107 27 / .14), 0 4px 12px rgb(0 0 0 / .06);--demo-timer-alert-shadow-hover: 0 16px 40px rgb(0 107 27 / .18), 0 6px 16px rgb(0 0 0 / .08);--demo-timer-alert-glyph-size: 36px;--demo-timer-alert-glyph-radius: var(--space-3);--demo-timer-alert-glyph-icon-size: 20px;--demo-timer-alert-text-gap: 2px;--demo-timer-alert-text-line-height: var(--type-body-small-line-height);--demo-timer-alert-title-size: var(--type-body-small-size);--demo-timer-alert-message-size: var(--type-caption-size);--demo-timer-alert-complete-border: rgb(0 107 27 / .32);--demo-timer-alert-complete-bg: linear-gradient(135deg, #f0fbf3 0%, #ffffff 60%);--demo-timer-alert-complete-icon-bg: rgb(0 107 27 / .12);--demo-timer-alert-transition-border: rgb(94 174 255 / .28);--demo-timer-alert-transition-bg: linear-gradient(135deg, #f0f7ff 0%, #ffffff 60%);--demo-timer-alert-transition-icon-bg: rgb(94 174 255 / .14);--demo-timer-alert-transition-icon: #2563eb;--demo-timer-alert-close-size: var(--type-panel-title-size);--demo-timer-alert-close-padding: 0 var(--space-1);--demo-timer-alert-close: #9aa39a;--demo-companion-default-shadow: drop-shadow(0 6px 18px rgb(255 215 94 / .36));--demo-companion-speaking-shadow: drop-shadow(0 6px 24px rgb(139 109 204 / .35));--demo-companion-thinking-shadow: drop-shadow(0 8px 22px rgb(94 174 255 / .4));--demo-companion-attention-shadow: drop-shadow(0 14px 32px rgb(0 107 27 / .42));--demo-answer-backdrop: rgb(0 0 0 / .32);--demo-answer-backdrop-z-index: 10000;--demo-answer-backdrop-padding: var(--space-4);--demo-answer-modal-width: min(460px, 92vw);--demo-answer-modal-radius: 16px;--demo-answer-modal-padding: var(--space-5);--demo-answer-modal-gap: var(--space-3);--demo-answer-modal-shadow: 0 20px 40px rgb(0 0 0 / .16);--lesson-answer-modal-width: var(--demo-answer-modal-width);--lesson-answer-modal-radius: var(--demo-answer-modal-radius);--lesson-answer-modal-padding: var(--demo-answer-modal-padding);--lesson-answer-modal-gap: var(--demo-answer-modal-gap);--lesson-answer-modal-shadow: var(--demo-answer-modal-shadow);--demo-answer-title-size: var(--type-panel-title-size);--demo-answer-question-size: var(--type-body-small-size);--demo-answer-math-inline-margin: 0 2px;--demo-answer-options-gap: 10px;--demo-answer-option-gap: var(--space-2);--demo-answer-option-padding: var(--space-3);--demo-answer-option-border-width: 1.5px;--demo-answer-option-size: var(--type-card-title-size);--demo-answer-option-content-gap: 2px;--demo-answer-feedback-margin: var(--space-1) 0 0;--demo-answer-feedback-size: var(--type-body-small-size);--demo-answer-close-padding: var(--space-2) var(--space-3)}:root[data-color-theme=calm-ocean]{--color-page: #edf6f7;--color-page-muted: #f6f1ea;--color-brand: var(--color-ocean-500);--color-brand-strong: var(--color-ocean-700);--color-brand-soft: var(--color-ocean-50);--color-accent-warm: #d0a056;--color-accent-warm-soft: #f8edda;--color-focus-ring: rgb(78 131 148 / .35);--gradient-page-glow: radial-gradient(circle at 15% 6%, rgb(212 235 240 / .78), transparent 30rem), radial-gradient(circle at 88% 12%, rgb(248 237 218 / .8), transparent 24rem);--kf-action: var(--color-ocean-500);--kf-action-hover: var(--color-ocean-700);--kf-deep: var(--color-ocean-700);--kf-deeper: #244b56;--kf-deep-border: #3f7280;--kf-mint: var(--color-ocean-100);--kf-mint-soft: var(--color-ocean-50);--kf-cta-gradient: linear-gradient(146deg, var(--kf-deep) 0%, var(--kf-deep-border) 100%)}:root[data-color-theme=high-focus]{--color-page: #fffaf0;--color-page-muted: #f4f4ea;--color-brand: var(--color-focus-500);--color-brand-strong: var(--color-focus-700);--color-brand-soft: var(--color-focus-50);--color-accent-coral: #d66d56;--color-focus-ring: rgb(210 138 23 / .4);--gradient-page-glow: radial-gradient(circle at 15% 6%, rgb(255 232 168 / .64), transparent 30rem), radial-gradient(circle at 88% 12%, rgb(234 244 238 / .78), transparent 24rem);--kf-action: var(--color-focus-500);--kf-action-hover: var(--color-focus-700);--kf-deep: var(--color-focus-700);--kf-deeper: #6f470a;--kf-deep-border: #a46c13;--kf-peach: var(--color-focus-100);--kf-cta-gradient: linear-gradient(146deg, var(--kf-deep) 0%, var(--kf-deep-border) 100%)}:root[data-theme=ocean-calm]{--color-bg: #f0f3f5;--color-bg-secondary: #e5eaee;--color-canvas: #f7f9fa;--color-action: #6b9daf;--color-action-hover: #5b8d9f;--color-action-light: rgb(107 157 175 / .12);--color-action-tint: rgb(107 157 175 / .2);--color-ai: #8ab0c0;--color-ai-hover: #7aa0b0;--color-ai-light: rgb(138 176 192 / .12);--color-reward: #b8956e;--color-reward-hover: #a8855e;--color-reward-light: rgb(184 149 110 / .12);--color-correct: #6b9daf;--color-incorrect: #b86b6b;--color-canvas-grid: #dee4e8;--color-canvas-zone-divider: #cdd5da;--color-canvas-start-point: #b8956e;--color-canvas-ghost: rgb(58 63 68 / .12);--shadow-color: rgb(58 63 68 / .08)}:root[data-theme=focus-bright]{--color-bg: #f2f0ec;--color-bg-secondary: #e8e5df;--color-canvas: #f9f7f3;--color-action: #4a8b6e;--color-action-hover: #3d7b5e;--color-action-light: rgb(74 139 110 / .12);--color-action-tint: rgb(74 139 110 / .2);--color-ai: #6f9fb3;--color-ai-hover: #5f8f9f;--color-ai-light: rgb(111 159 179 / .12);--color-reward: #c98b4a;--color-reward-hover: #b87b3a;--color-reward-light: rgb(201 139 74 / .12);--color-correct: #4a8b6e;--color-incorrect: #c46b5a;--color-canvas-grid: #e2ded6;--color-canvas-zone-divider: #d0cbc2;--color-canvas-start-point: #c98b4a;--color-canvas-ghost: rgb(53 51 48 / .12);--shadow-color: rgb(53 51 48 / .08)}:root{--page-max: 1320px;--page-gutter: clamp(20px, 4vw, 48px);--page-block-gap: var(--space-6);--layout-sidebar-width: 320px;--app-background: var(--gradient-page-glow), linear-gradient(180deg, var(--color-page) 0%, var(--color-page-muted) 100%);--topbar-bg: rgb(255 253 249 / .88);--topbar-shadow: 0 1px 0 var(--color-line);--panel-bg: var(--color-surface);--panel-border: var(--color-line);--panel-radius: var(--radius-xl);--panel-padding: var(--space-5);--panel-shadow: var(--shadow-sm);--card-bg: var(--color-surface);--card-border: var(--color-line);--card-radius: var(--radius-sm);--card-padding: var(--space-4);--card-shadow: var(--shadow-sm);--button-bg: var(--color-brand);--button-bg-hover: var(--color-brand-strong);--button-fg: var(--color-on-brand);--button-secondary-bg: var(--color-surface);--button-secondary-bg-hover: var(--color-surface-muted);--button-secondary-fg: var(--color-text);--button-border: transparent;--button-radius: var(--radius-md);--button-height: 44px;--pill-bg: var(--color-brand);--pill-fg: var(--color-on-brand);--pill-soft-bg: var(--color-brand-soft);--pill-soft-fg: var(--color-brand-strong);--field-bg: var(--color-surface-raised);--field-border: var(--color-line);--field-radius: var(--radius-md);--field-height: 48px;--settings-grid-columns: repeat(2, minmax(0, 1fr));--settings-asset-grid-columns: repeat(6, minmax(0, 1fr));--settings-asset-grid-mobile-columns: repeat(3, minmax(0, 1fr));--settings-asset-chip-min-height: 92px;--settings-asset-icon-size: 34px;--settings-option-padding-inline: var(--space-4);--history-list-gap: var(--space-4);--history-card-columns: minmax(0, 1fr) auto;--history-card-mobile-columns: 1fr;--history-card-gap: var(--space-5);--history-result-min-width: 88px;--history-result-mobile-min-width: 0;--history-result-align: right;--history-result-mobile-align: left;--history-result-size: var(--type-panel-title-size);--history-title-size: var(--type-card-title-size);--history-date-margin-top: var(--space-2);--history-detail-size: var(--type-body-small-size);--asset-radius: var(--radius-xl);--asset-display-filter: none;--asset-illustration-opacity: 1;--asset-surface-opacity: 1;--asset-backdrop-bg: var(--gradient-hero);--asset-cloud-sprite-image: url(/assets/clod_white_Image.jpeg);--hero-min-height: 560px;--hero-copy-max: 760px;--hero-decoration-opacity: 1;--hero-border: var(--color-line);--progress-track-bg: var(--color-surface-muted);--progress-fill-bg: var(--gradient-progress);--progress-marker-bg: var(--color-surface-raised);--map-bg: var(--color-surface);--map-path-bg: var(--color-line-strong);--map-node-bg: var(--color-surface-raised);--map-node-active-bg: var(--color-brand-soft);--map-node-locked-bg: var(--color-surface-muted);--map-node-shadow: var(--shadow-sm);--bubble-coach-bg: var(--color-surface-raised);--bubble-learner-bg: var(--color-brand-soft);--workspace-grid-color: var(--color-accent-blue-soft);--mood-energetic-bg: var(--kf-mint-soft);--mood-neutral-bg: var(--kf-peach);--mood-calm-bg: #bde0fe;--mood-checkin-gap: var(--space-4);--mood-checkin-padding: var(--space-5);--mood-heading-size: var(--text-sm);--mood-heading-letter-spacing: 1.2px;--mood-options-gap: var(--space-4);--mood-card-gap: var(--radius-lg);--mood-card-padding: var(--space-3) 20px var(--space-3) var(--space-3);--mood-card-border-width: 3px;--mood-card-radius: var(--radius-full);--mood-card-shadow: var(--kf-shadow-sm);--mood-card-shadow-hover: 0 6px 16px rgb(0 0 0 / .1);--mood-card-shadow-selected: 0 0 0 2px var(--color-action-light), var(--mood-card-shadow-hover);--mood-media-area-size: 48px;--mood-media-area-radius: var(--radius-full);--mood-text-gap: 2px;--mood-label-size: var(--text-md);--mood-sublabel-size: 13px;--mood-compact-options-gap: 10px;--mood-compact-card-gap: 10px;--mood-compact-card-padding: 10px var(--space-4) 10px 10px;--mood-compact-media-area-size: 40px;--mood-compact-label-size: var(--text-sm);--mood-compact-sublabel-size: var(--text-xs);--mood-full-checkin-gap: var(--space-5);--mood-full-options-columns: repeat(3, minmax(180px, 1fr));--mood-full-options-gap: var(--space-5);--mood-full-options-max: 840px;--mood-full-card-gap: 0;--mood-full-card-padding: 28px var(--space-5);--mood-full-card-border-width: var(--space-1);--mood-full-card-radius: var(--space-6);--mood-full-card-bottom-border-width: 6px;--mood-full-card-shadow-hover: 0 8px 24px rgb(0 0 0 / .1);--mood-full-card-shadow-selected: 0 0 0 2px var(--color-action-light), var(--mood-full-card-shadow-hover);--mood-full-media-padding: var(--space-6) 0;--mood-full-media-radius: var(--space-5);--mood-full-media-margin-bottom: 20px;--mood-full-cloud-size: 132px;--mood-full-text-gap: 6px;--mood-full-label-size: var(--text-xl);--mood-full-sublabel-size: var(--text-md);--mood-full-compact-options-columns: repeat(3, minmax(160px, 1fr));--mood-full-compact-options-gap: var(--space-4);--mood-full-compact-options-max: 680px;--mood-full-compact-card-padding: 20px var(--space-4);--mood-full-compact-media-padding: var(--space-5) 0;--mood-full-compact-media-margin-bottom: var(--radius-lg);--mood-full-compact-cloud-size: 104px;--mood-full-compact-label-size: var(--text-lg);--mood-full-compact-sublabel-size: var(--text-sm);--demo-mood-min-height: 100vh;--demo-mood-bg: var(--color-bg);--demo-mood-container-max: 1024px;--demo-mood-container-padding: 20px var(--space-5);--demo-mood-container-compact-padding: 20px var(--space-4);--demo-mood-header-padding: var(--space-5) 80px;--demo-mood-header-compact-padding: var(--space-4) 0;--demo-mood-brand-gap: var(--space-3);--demo-mood-brand-icon-size: 40px;--demo-mood-brand-icon-radius: var(--space-5);--demo-mood-brand-logo-width: 36px;--demo-mood-brand-logo-height: 36px;--demo-mood-brand-name-size: var(--type-panel-title-size);--demo-mood-user-size: var(--space-6);--demo-mood-user-padding: var(--space-2);--demo-mood-user-icon-size: var(--space-4);--demo-mood-content-gap: 40px;--demo-mood-text-gap: var(--space-4);--demo-mood-text-padding: 0 var(--space-4);--demo-mood-heading-size: var(--type-display-size);--demo-mood-heading-line-height: var(--type-display-line-height);--demo-mood-heading-compact-size: var(--type-page-title-size);--demo-mood-heading-compact-line-height: var(--type-page-title-line-height);--demo-mood-subtitle-size: var(--type-panel-title-size);--demo-mood-footer-gap: var(--space-2);--demo-mood-footer-padding-top: 80px;--demo-mood-footer-compact-padding-top: 40px;--demo-mood-sparkle-size: 22px;--demo-mood-footer-text-size: var(--type-caption-size);--demo-mood-footer-letter-spacing: var(--type-eyebrow-letter-spacing);--garden-sky-start: #7aabcc;--garden-sky-mid: #a8d4e8;--garden-grass-haze: #c8e8c0;--garden-ground: #ddd8c4;--garden-text-dark: #3e3530;--garden-muted: #7c726a;--garden-action: #5f8f57;--garden-action-dark: #4f7d48;--garden-action-soft: #e7f1df;--garden-lavender: #e3d9ff;--garden-lavender-dark: #7863ad;--garden-surface: rgb(255 255 255 / .92);--garden-surface-soft: rgb(255 255 255 / .3);--garden-surface-locked: rgb(255 255 255 / .12);--garden-surface-glass: rgb(255 255 255 / .88);--garden-surface-clear: rgb(255 255 255 / .72);--garden-white-80: rgb(255 255 255 / .8);--garden-white-85: rgb(255 255 255 / .85);--garden-white-50: rgb(255 255 255 / .5);--garden-shadow-color: rgb(0 0 0 / .06);--garden-shadow: var(--garden-shadow-color);--garden-text-shadow-color: rgb(0 0 0 / .12);--garden-label-shadow-color: rgb(0 0 0 / .2);--garden-panel-shadow-color: rgb(0 0 0 / .08);--garden-stage-0-top: #d4c4a0;--garden-stage-1-top: #b8d98a;--garden-stage-2-top: #a0ce6e;--garden-stage-3-top: #8ec45e;--garden-stage-seed: #a96732;--garden-stage-sprout: #8bbf5c;--garden-stage-seedling: #72ad48;--garden-stage-bloom: #8ec45e;--garden-stage-tree: #4f9a7b;--garden-stage-review: #d8a55c;--garden-stage-system: #89a1ac;--garden-stage-0-left: #b0a080;--garden-stage-1-left: #8bbf5c;--garden-stage-2-left: #72ad48;--garden-stage-3-left: #60a038;--garden-stage-0-right: #9c8e70;--garden-stage-1-right: #7baa50;--garden-stage-2-right: #659a3c;--garden-stage-3-right: #549030;--garden-earth-left: #8b7355;--garden-earth-right: #6b5540;--garden-tile-line: rgb(255 255 255 / .15);--garden-grid-line: rgb(255 255 255 / .1);--garden-highlight: #ffffff;--garden-highlight-fill: rgb(255 255 255 / .18);--garden-label: rgb(255 255 255 / .85);--garden-dry-spot-1: #c0b090;--garden-dry-spot-2: #b8a888;--garden-dry-spot-3: #a09070;--garden-wood: #8b7355;--garden-sign: #d4b896;--garden-sign-shadow: #c4a882;--garden-leaf-light: #8bc9a0;--garden-leaf-mid: #7fb356;--garden-leaf: #6ba352;--garden-leaf-dark: #4a7c59;--garden-leaf-deep: #5c9644;--garden-flower-cream: #ffe8d6;--garden-flower-center: #f5c542;--garden-flower-pink: #ffab97;--garden-flower-soft: #ffd4cc;--garden-cloud: #fefefe;--garden-face: #3e3530;--garden-track: #e9e0d2;--garden-wall-right: #9b6332;--garden-wall-left: #7e4d27;--garden-wall-dot: #68401f;--garden-wall-dot-dark: #563416;--garden-wall-highlight: #d08a4c;--garden-wall-stroke: rgb(99 60 27 / .42);--garden-terrain-grass-fill: #a8dc49;--garden-terrain-dirt-fill: #b4743a;--garden-terrain-cracked-fill: #d8a55c;--garden-terrain-grass-cap-right: #77b72f;--garden-terrain-grass-cap-left: #5f9f28;--garden-terrain-dirt-cap-right: #a96732;--garden-terrain-dirt-cap-left: #8f5428;--garden-terrain-cracked-cap-right: #c6924c;--garden-terrain-cracked-cap-left: #aa7738;--garden-terrain-grass-cap-right-stroke: rgb(66 127 38 / .56);--garden-terrain-grass-cap-left-stroke: rgb(46 105 32 / .58);--garden-terrain-dirt-cap-right-stroke: rgb(104 61 28 / .56);--garden-terrain-dirt-cap-left-stroke: rgb(82 48 22 / .58);--garden-terrain-cracked-cap-right-stroke: rgb(131 83 33 / .56);--garden-terrain-cracked-cap-left-stroke: rgb(102 65 28 / .58);--garden-terrain-grass-border: rgb(73 132 42 / .76);--garden-terrain-dirt-border: rgb(112 66 32 / .78);--garden-terrain-cracked-border: rgb(136 83 35 / .78);--garden-page-bg: linear-gradient( 180deg, var(--garden-sky-start) 0%, var(--garden-sky-mid) 30%, var(--garden-grass-haze) 60%, var(--garden-ground) 100% );--garden-head-title-shadow: 0 1px 4px var(--garden-text-shadow-color);--garden-head-copy-shadow: 0 1px 2px var(--garden-text-shadow-color);--garden-tab-active-shadow: 0 2px 8px var(--garden-shadow-color);--garden-tab-shadow: 0 5px 14px rgb(45 91 78 / .08);--garden-tab-active-outline: 0 0 0 2px rgb(95 143 87 / .32), 0 8px 18px rgb(45 91 78 / .12);--garden-shortcut-shadow: 0 5px 14px rgb(45 91 78 / .08);--garden-tile-label-shadow: 0 1px 3px var(--garden-label-shadow-color);--garden-card-shadow: 0 4px 20px var(--garden-panel-shadow-color);--garden-map-world-filter: drop-shadow(0 26px 28px rgb(42 83 67 / .16));--garden-map-label-filter: drop-shadow(0 5px 7px rgb(36 77 63 / .12));--garden-map-layer: 0;--garden-map-cloud-layer: 1;--garden-map-world-layer: 2;--garden-map-cloud-filter: drop-shadow(0 14px 22px rgb(90 169 153 / .22));--garden-map-cloud-opacity: .72;--garden-map-cloud-c-opacity: .54;--garden-map-rim-light-opacity: .5;--garden-map-rim-shadow-opacity: .74;--garden-map-hit-fill: rgb(217 119 87 / .16);--garden-map-hit-stroke: rgb(217 119 87 / .78);--garden-map-label-bg: rgb(255 255 255 / .84);--garden-map-label-border: rgb(42 97 86 / .24);--garden-map-label-text: #213833;--garden-map-label-selected-bg: rgb(255 248 232 / .92);--garden-map-label-selected-border: rgb(217 119 87 / .5);--garden-ui-layer: 5;--garden-panel-layer: 6;--garden-nav-padding: 14px 24px;--garden-nav-mobile-padding: var(--space-3) var(--space-4);--garden-brand-gap: 9px;--garden-logo-size: 32px;--garden-logo-radius: 9px;--garden-logo-image-width: 30px;--garden-logo-image-height: 30px;--garden-brand-name-size: var(--type-nav-size);--garden-brand-name-mobile-size: var(--type-nav-size);--garden-avatar-size: 38px;--garden-avatar-padding: 2px;--garden-avatar-border-width: 2px;--garden-avatar-radius: var(--radius-full);--garden-shortcuts-gap: 7px;--garden-shortcut-padding: 7px 12px;--garden-shortcut-radius: 999px;--garden-shortcut-border-width: 1px;--garden-shortcut-bg: var(--garden-surface-clear);--garden-shortcut-border: rgb(255 255 255 / .7);--garden-shortcut-text: var(--garden-text-dark);--garden-shortcut-hover-bg: var(--garden-surface);--garden-head-padding: 4px 24px 0;--garden-head-title-size: var(--type-panel-title-size);--garden-head-copy-size: var(--type-caption-size);--garden-head-copy-margin: 2px 0 0;--garden-tabs-gap: 5px;--garden-tabs-padding: 12px 16px 4px;--garden-grade-tabs-top: 64px;--garden-grade-tabs-max: 900px;--garden-grade-tabs-inline-safe: 32px;--garden-tab-scrollbar-size: 6px;--garden-tab-scrollbar-radius: var(--radius-full);--garden-tab-scrollbar-track: rgb(255 255 255 / .45);--garden-tab-scrollbar-thumb: rgb(95 143 87 / .55);--garden-tab-gap: 5px;--garden-tab-padding: 7px 14px;--garden-tab-radius: 11px;--garden-tab-size: var(--type-caption-size);--garden-tab-border-width: 1px;--garden-tab-bg: var(--garden-surface-clear);--garden-tab-border: rgb(255 255 255 / .68);--garden-tab-text: var(--garden-text-dark);--garden-tab-hover-bg: var(--garden-surface);--garden-tab-locked-bg: rgb(255 255 255 / .48);--garden-tab-locked-border: rgb(255 255 255 / .58);--garden-tab-locked-text: var(--garden-muted);--garden-tab-active-bg: var(--garden-surface);--garden-tab-active-text: var(--garden-action-dark);--garden-tab-active-border: rgb(95 143 87 / .5);--garden-state-top: 138px;--garden-state-mobile-top: 132px;--garden-state-max: 620px;--garden-state-inline-safe: 32px;--garden-state-gap: 10px;--garden-state-mobile-gap: 7px;--garden-state-padding: 8px 12px;--garden-state-mobile-padding: 7px 10px;--garden-state-radius: 14px;--garden-state-border-width: 1px;--garden-state-border: rgb(255 255 255 / .62);--garden-state-bg: rgb(255 255 255 / .76);--garden-state-shadow: 0 8px 22px rgb(45 91 78 / .12);--garden-state-text: var(--garden-text-dark);--garden-state-strong: var(--garden-text-dark);--garden-state-muted: var(--garden-muted);--garden-state-sync: var(--garden-action);--garden-state-error: var(--color-danger);--garden-state-grade-size: var(--type-card-title-size);--garden-state-meta-size: var(--type-caption-size);--garden-state-selection-max: 260px;--garden-state-selection-padding: 4px 8px;--garden-state-selection-radius: 999px;--garden-state-selection-bg: rgb(51 114 98 / .1);--garden-state-selection-text: var(--garden-action-dark);--garden-map-padding: 8px 0 0;--garden-map-svg-max: 680px;--garden-map-mobile-min: 620px;--garden-map-mobile-padding-inline: var(--space-2);--garden-map-world-width: 1180px;--garden-map-world-height: 820px;--garden-map-cloud-a-top: 4%;--garden-map-cloud-a-left: 5%;--garden-map-cloud-a-width: 300px;--garden-map-cloud-b-top: 19%;--garden-map-cloud-b-right: 6%;--garden-map-cloud-b-width: 150px;--garden-map-cloud-c-right: 11%;--garden-map-cloud-c-bottom: 19%;--garden-map-cloud-c-width: 230px;--garden-map-cloud-d-top: 41%;--garden-map-cloud-d-left: -2%;--garden-map-cloud-d-width: 270px;--garden-map-cloud-d-opacity: .46;--garden-map-cloud-e-top: 6%;--garden-map-cloud-e-right: 28%;--garden-map-cloud-e-width: 180px;--garden-map-cloud-e-opacity: .6;--garden-map-cloud-f-left: 20%;--garden-map-cloud-f-bottom: 5%;--garden-map-cloud-f-width: 200px;--garden-map-cloud-f-opacity: .48;--garden-map-cloud-g-right: -5%;--garden-map-cloud-g-bottom: 4%;--garden-map-cloud-g-width: 330px;--garden-map-cloud-g-opacity: .36;--garden-map-cloud-h-left: 34%;--garden-map-cloud-h-top: 15%;--garden-map-cloud-h-width: 210px;--garden-map-cloud-h-opacity: .34;--garden-map-cloud-i-right: 42%;--garden-map-cloud-i-top: 32%;--garden-map-cloud-i-width: 190px;--garden-map-cloud-i-opacity: .32;--garden-map-cloud-j-left: 4%;--garden-map-cloud-j-bottom: 24%;--garden-map-cloud-j-width: 128px;--garden-map-cloud-j-opacity: .48;--garden-map-label-size: 10.5px;--garden-tile-label-size: 10px;--garden-catchie-label-size: 7px;--garden-panel-max: 380px;--garden-panel-top: 128px;--garden-panel-right: 24px;--garden-panel-inline-safe: 32px;--garden-panel-mobile-bottom: 74px;--garden-panel-enter-y: 10px;--garden-panel-margin-top: -20px;--garden-panel-mobile-margin-top: -8px;--garden-panel-padding-inline: 20px;--garden-companion-right: 20px;--garden-companion-bottom: 48px;--garden-companion-gap: 0;--garden-companion-width: 520px;--garden-companion-mascot-size: 238px;--garden-companion-mascot-offset-top: 46px;--garden-companion-bubble-max: 268px;--garden-companion-bubble-padding: 14px 16px;--garden-companion-bubble-radius: 20px 20px 15px 20px;--garden-companion-bubble-bg: rgb(255 255 255 / .9);--garden-companion-bubble-border: rgb(255 255 255 / .72);--garden-companion-bubble-text: var(--garden-text-dark);--garden-companion-bubble-shadow: 0 10px 24px rgb(45 91 78 / .14);--garden-companion-text-size: var(--type-body-size);--garden-companion-bubble-tail-size: 1.5rem;--garden-companion-bubble-tail-width: calc(var(--garden-companion-bubble-tail-size) / 2 * 3);--garden-companion-bubble-tail-height: var(--garden-companion-bubble-tail-size);--garden-companion-bubble-tail-right: 1rem;--garden-companion-bubble-tail-overlap: 2px;--garden-companion-bubble-tail-path: polygon(0 0, 75% 0, 100% 100%);--garden-companion-bubble-margin-top: 0;--garden-companion-bubble-margin-right: -18px;--garden-companion-mobile-right: 12px;--garden-companion-mobile-bottom: 86px;--garden-companion-mobile-width: 312px;--garden-companion-mobile-mascot-size: 148px;--garden-companion-mobile-mascot-offset-top: 34px;--garden-companion-mobile-bubble-max: 176px;--garden-unit-radius: 18px;--garden-card-blur: var(--space-2);--garden-locked-padding: 22px;--garden-locked-icon-margin-bottom: var(--space-2);--garden-locked-title-margin-bottom: var(--space-1);--garden-locked-title-size: var(--type-body-size);--garden-locked-desc-size: var(--type-caption-size);--garden-unit-padding: 18px 22px;--garden-unit-head-gap: var(--space-4);--garden-unit-head-margin-bottom: 10px;--garden-unit-name-size: var(--type-card-title-size);--garden-unit-stage-margin-top: 1px;--garden-unit-stage-size: var(--type-caption-size);--garden-unit-pct-size: var(--type-panel-title-size);--garden-unit-track-height: 6px;--garden-unit-track-margin-bottom: var(--radius-lg);--garden-unit-track-radius: 3px;--garden-unit-button-padding: var(--space-3);--garden-unit-button-radius: var(--space-3);--garden-unit-button-size: var(--type-button-size);--garden-legend-gap: 8px;--garden-legend-padding: 8px 12px;--garden-legend-bottom: 14px;--garden-legend-mobile-bottom: 8px;--garden-legend-max: 840px;--garden-legend-inline-safe: 32px;--garden-legend-item-gap: 5px;--garden-legend-item-size: var(--type-caption-size);--garden-legend-bg: rgb(255 255 255 / .76);--garden-legend-border: rgb(255 255 255 / .62);--garden-legend-shadow: 0 8px 22px rgb(45 91 78 / .1);--garden-legend-item-bg: rgb(255 255 255 / .36);--garden-legend-item-padding: 5px 8px;--garden-legend-item-radius: 999px;--garden-legend-item-text: var(--garden-text-dark);--garden-legend-asset-size: 36px;--garden-legend-range-size: var(--type-caption-size);--report-page-bg: var(--color-bg);--report-nav-bg: var(--color-surface);--report-nav-border: var(--color-border-light);--report-nav-text: var(--color-text);--report-nav-muted: var(--color-text-muted);--report-nav-hover-bg: var(--color-action-light);--report-nav-hover-text: var(--color-action);--report-spinner-track: var(--color-border-light);--report-spinner-active: var(--color-action);--report-primary: var(--color-brand-strong);--report-success: var(--color-success);--report-coral: var(--color-accent-coral);--report-muted: var(--color-text-subtle);--report-text: var(--color-text);--report-text-secondary: var(--color-text-muted);--report-surface: var(--color-surface-raised);--report-surface-soft: var(--color-surface-muted);--report-border: var(--color-line);--report-border-soft: var(--color-line);--report-ring-track: var(--color-surface-muted);--report-card-shadow: var(--shadow-sm);--report-trend-bg: var(--color-surface-muted);--report-success-bg: var(--color-brand-soft);--report-coral-bg: var(--color-accent-coral-soft);--report-dash-border: var(--color-line-strong);--report-action-fg: var(--color-on-brand);--report-highlight-bg: var(--color-brand-soft);--report-recommendation-bg: var(--color-surface);--report-marker-bg: var(--color-brand-soft);--report-marker-fg: var(--color-brand-strong);--report-status-bg: var(--color-brand-soft);--report-status-fg: var(--color-brand-strong);--report-learning-bg: var(--color-brand-soft);--report-learning-fg: var(--report-primary);--report-peak-fg: var(--color-on-brand);--report-peak-divider: var(--color-on-brand);--report-regulatory-bg: var(--color-info-soft);--report-regulatory-fg: var(--color-info);--report-error-attention: var(--color-info);--report-error-step_skip: var(--color-accent-coral);--report-error-concept: var(--color-brand-strong);--report-error-place_value: var(--color-text-subtle);--report-snapshot-max: 560px;--report-detail-max: 896px;--report-page-padding: var(--space-7) var(--space-5);--report-label-size: 11px;--report-title-size: var(--type-page-title-size);--report-axis-label-size: 10px;--report-micro-label-size: 10px;--report-badge-padding: 2px var(--space-2);--report-badge-size: 10px;--report-donut-caption-size: 9px;--report-handwriting-score-size: 44px;--report-snapshot-metric-size: var(--type-display-size);--report-snapshot-metric-unit-size: var(--space-5);--report-snapshot-metric-unit-margin-left: 2px;--report-footer-size: 10px;--report-snapshot-card-desc-max: 320px;--report-stat-grid-columns: repeat(4, minmax(0, 1fr));--report-focus-grid-columns: minmax(0, 2fr) minmax(240px, 1fr);--report-analysis-grid-columns: repeat(2, minmax(0, 1fr));--report-focus-chart-height: 160px;--report-donut-size: 128px;--report-table-min-width: 620px;--report-accuracy-bar-width: 96px;--report-accuracy-bar-height: 6px;--report-privacy-max: var(--report-detail-max);--report-privacy-panel-padding: var(--space-5);--report-privacy-header-max: 620px;--report-privacy-summary-columns: repeat(3, minmax(0, 1fr));--report-privacy-grid-columns: minmax(0, 1.45fr) minmax(280px, .8fr);--report-privacy-data-row-columns: auto minmax(0, 1fr);--report-privacy-actions-columns: repeat(2, minmax(0, 1fr));--report-privacy-list-max-height: 460px;--report-privacy-spinner-size: var(--space-5);--particle-burst-reward: var(--color-reward);--particle-burst-reward-soft: #d4a56a;--particle-burst-reward-light: #e4b97a;--particle-burst-success: var(--color-action);--particle-burst-success-soft: #6a9f7b;--particle-burst-ai: var(--color-ai);--timer-panel-bg: var(--demo-toolbar-bg);--timer-panel-border: rgb(221 221 217 / .2);--timer-panel-radius: var(--radius-full);--timer-panel-shadow: var(--kf-shadow-md);--timer-panel-blur: 6px;--timer-step-gap: var(--space-2);--timer-step-padding-block: 9px;--timer-step-padding-inline: 13px;--timer-icon-width: 10.5px;--timer-icon-height: 12.25px;--timer-dot-gap: var(--space-1);--timer-dot-size: 8px;--timer-dot-inactive: #e3e3df;--timer-dot-active: var(--demo-success);--timer-pulse-bg: var(--demo-attention-dot-next-bg);--timer-pulse-shadow-start: var(--timer-panel-shadow), 0 0 0 0 rgb(0 107 27 / 0);--timer-pulse-shadow-peak: 0 14px 28px -4px rgb(0 107 27 / .32), 0 4px 10px -2px rgb(0 107 27 / .22), 0 0 0 14px rgb(0 107 27 / .24);--timer-pulse-shadow-soft: 0 10px 18px -3px rgb(0 107 27 / .18), 0 4px 8px -4px rgb(0 107 27 / .14), 0 0 0 22px rgb(0 107 27 / 0);--timer-dot-pop-start: 0 0 0 0 rgb(0 107 27 / .5);--timer-dot-pop-mid: 0 0 0 10px rgb(0 107 27 / 0);--timer-breathing-gap: 6px;--timer-breathing-padding-block: var(--space-2);--timer-breathing-padding-inline: var(--space-3);--timer-breathing-orb-size: 48px;--timer-breathing-inner-size: 28px;--timer-breathing-inner-bg: radial-gradient(circle, var(--color-ai) 0%, var(--color-action) 60%, transparent 100%);--timer-breathing-inner-opacity: .7;--timer-breathing-label-size: 11px;--timer-label-fg: var(--color-text-muted);--timer-label-letter-spacing: .5px;--timer-growth-gap: 6px;--timer-growth-padding-block: var(--space-2);--timer-growth-padding-inline: var(--space-3);--timer-growth-stage-gap: var(--space-1);--timer-growth-emoji-size: var(--text-lg);--timer-growth-emoji-current-size: var(--text-2xl);--timer-growth-emoji-opacity: .25;--timer-growth-emoji-reached-opacity: .6;--timer-growth-emoji-current-opacity: 1;--timer-growth-label-size: 11px;--timer-growth-label-weight: 500;--timer-growth-transition: all .5s cubic-bezier(.34, 1.56, .64, 1);--canvas-container-radius: var(--radius-2xl);--canvas-container-border: 8px solid var(--color-surface);--canvas-container-bg: var(--color-canvas);--canvas-container-shadow: var(--shadow-lg);--canvas-nav-active-ring: 0 0 0 3px var(--color-reward-light);--canvas-pen-color: var(--color-text);--canvas-export-bg: var(--color-surface-raised);--canvas-toolbar-gap: 24px;--canvas-toolbar-padding-block: 18px;--canvas-toolbar-padding-inline: 34px;--canvas-toolbar-bg: var(--demo-toolbar-bg);--canvas-toolbar-blur: 12px;--canvas-toolbar-border-width: 2px;--canvas-toolbar-border-color: var(--demo-toolbar-border);--canvas-toolbar-radius: 40px;--canvas-toolbar-shadow: 0 20px 50px rgb(0 0 0 / .1);--canvas-toolbar-section-padding-inline-end: 25px;--canvas-toolbar-section-divider: rgb(221 221 217 / .3);--canvas-toolbar-pen-gap: var(--space-2);--canvas-toolbar-pen-size: 32px;--canvas-toolbar-pen-bg: var(--demo-ink-soft);--canvas-toolbar-pen-active-bg: var(--demo-ink);--canvas-toolbar-pen-active-ring: 0 0 0 4px var(--demo-success-soft);--canvas-toolbar-pen-active-ring-compact: 0 0 0 3px var(--demo-success-soft);--canvas-toolbar-pen-active-inner-bg: var(--color-surface-raised);--canvas-toolbar-action-gap: var(--space-2);--canvas-toolbar-action-size: 48px;--canvas-toolbar-action-border: rgb(221 221 217 / .2);--canvas-toolbar-action-radius: 16px;--canvas-toolbar-action-bg: var(--color-surface-raised);--canvas-toolbar-action-bg-hover: var(--demo-muted-panel-bg);--canvas-toolbar-action-fg: var(--demo-ink);--canvas-toolbar-action-shadow: var(--kf-shadow-sm);--canvas-toolbar-clear-bg: var(--demo-danger-soft);--canvas-toolbar-clear-bg-hover: rgb(176 37 0 / .15);--canvas-toolbar-clear-fg: var(--demo-danger);--canvas-toolbar-send-height: 56px;--canvas-toolbar-send-gap: var(--space-3);--canvas-toolbar-send-padding-inline: 40px;--canvas-toolbar-send-bg: var(--demo-success);--canvas-toolbar-send-fg: var(--color-surface-raised);--canvas-toolbar-send-shadow: 0 8px 25px rgb(0 107 27 / .3);--canvas-toolbar-send-label-font: "Lexend", var(--font-sans);--canvas-toolbar-send-label-size: var(--text-lg);--canvas-toolbar-send-label-line-height: 28px;--canvas-toolbar-compact-gap: 16px;--canvas-toolbar-compact-padding-block: 12px;--canvas-toolbar-compact-padding-inline: 22px;--canvas-toolbar-compact-radius: 32px;--canvas-toolbar-compact-section-padding-inline-end: 16px;--canvas-toolbar-compact-pen-gap: 6px;--canvas-toolbar-compact-pen-size: 26px;--canvas-toolbar-compact-action-gap: 6px;--canvas-toolbar-compact-action-size: 38px;--canvas-toolbar-compact-action-radius: 12px;--canvas-toolbar-compact-send-height: 44px;--canvas-toolbar-compact-send-padding-inline: 26px;--canvas-toolbar-compact-send-gap: var(--space-2);--canvas-toolbar-compact-send-label-size: var(--text-sm);--canvas-toolbar-compact-send-label-line-height: 22px}:root[data-visual-style=clean]{--panel-radius: var(--radius-md);--panel-shadow: var(--shadow-none);--card-radius: var(--radius-sm);--card-shadow: var(--shadow-none);--button-radius: var(--radius-sm);--hero-decoration-opacity: .52;--map-node-shadow: var(--shadow-none);--timer-panel-shadow: var(--shadow-sm);--timer-panel-blur: 0px;--canvas-toolbar-border-width: 1px;--canvas-toolbar-radius: 28px;--canvas-toolbar-shadow: var(--shadow-sm)}:root[data-visual-style=playful]{--panel-radius: var(--radius-xl);--card-radius: var(--radius-sm);--button-radius: var(--radius-md);--asset-radius: var(--radius-xl)}:root[data-layout-density=compact]{--page-gutter: clamp(16px, 3vw, 32px);--page-block-gap: var(--space-4);--panel-padding: var(--space-4);--card-padding: var(--space-3);--button-height: 40px;--settings-asset-chip-min-height: 80px;--settings-asset-icon-size: 30px;--settings-option-padding-inline: var(--space-3);--history-list-gap: var(--space-3);--history-card-gap: var(--space-4);--history-result-min-width: 76px;--demo-ai-panel-gap: var(--space-4);--demo-ai-panel-padding: var(--space-3);--demo-canvas-area-padding: var(--space-4);--demo-canvas-area-gap: var(--space-4);--cat-section-padding: 40px var(--space-4);--cat-section-hero-padding-block: var(--space-6);--cat-section-meet-padding-block: var(--space-6);--cat-section-inner-max: 1040px;--cat-hero-gap: var(--space-6);--cat-hero-desc-margin-bottom: var(--space-5);--cat-section-header-margin: 0 auto var(--space-5);--cat-challenge-card-min-width: 300px;--cat-challenge-grid-gap: var(--space-3);--cat-challenge-card-padding: var(--space-3);--cat-challenge-card-gap: var(--space-3);--cat-challenge-card-offset: var(--space-4);--cat-challenge-card-min-height: 196px;--cat-challenge-media-size: 128px;--cat-challenge-media-box-size: 136px;--cat-approach-card-min-width: 200px;--cat-approach-grid-gap: var(--space-3);--cat-approach-card-min-height: 268px;--cat-approach-icon-size: 144px;--cat-parent-card-padding: var(--space-4) var(--space-3);--cat-parent-card-image-size: 140px;--cat-welcome-mascot-hero-width: 260px;--cat-welcome-mascot-mini-width: 46px;--cat-welcome-mascot-cta-width: 112px;--cat-welcome-mascot-meet-width: 180px;--cat-welcome-mascot-auth-width: 92px;--cat-landing-nav-padding: var(--space-3) var(--space-5);--cat-cta-padding: var(--space-6) var(--space-5);--cat-auth-card-max: 480px;--cat-auth-card-padding: var(--space-5) var(--space-5);--cat-student-nav-padding: var(--space-3) var(--space-4);--cat-dashboard-button-height: 36px;--cat-chat-messages-max-height: 204px;--cat-go-padding: var(--space-3) var(--space-6);--cat-voice-toggle-size: 38px;--cat-mic-control-size: 56px;--garden-nav-padding: var(--space-3) var(--space-4);--garden-tabs-padding: var(--space-2) var(--space-4) var(--space-1);--garden-tab-padding: 6px var(--space-3);--garden-map-svg-max: 640px;--garden-panel-max: 356px;--garden-panel-padding-inline: var(--space-4);--garden-locked-padding: var(--space-5);--garden-unit-padding: var(--space-4) var(--space-5);--garden-legend-padding: 8px 12px;--report-page-padding: var(--space-6) var(--space-4);--report-focus-chart-height: 136px;--report-donut-size: 112px;--timer-step-padding-block: 7px;--timer-step-padding-inline: 11px;--timer-breathing-orb-size: 42px;--timer-breathing-inner-size: 24px;--timer-growth-emoji-current-size: var(--text-xl);--canvas-toolbar-gap: 18px;--canvas-toolbar-padding-block: 14px;--canvas-toolbar-padding-inline: 26px;--canvas-toolbar-action-size: 44px;--canvas-toolbar-send-height: 50px;--canvas-toolbar-send-padding-inline: 32px}:root[data-layout-density=spacious]{--page-gutter: clamp(28px, 5vw, 72px);--page-block-gap: var(--space-7);--panel-padding: var(--space-6);--card-padding: var(--space-5);--button-height: 48px;--settings-asset-chip-min-height: 108px;--settings-asset-icon-size: 40px;--settings-option-padding-inline: var(--space-5);--history-list-gap: var(--space-5);--history-card-gap: var(--space-6);--history-result-min-width: 104px;--demo-ai-panel-gap: var(--space-6);--demo-ai-panel-padding: var(--space-5);--demo-canvas-area-padding: var(--space-6);--demo-canvas-area-gap: var(--space-6);--cat-section-padding: var(--space-8) var(--space-6);--cat-section-hero-padding-block: var(--space-8);--cat-section-meet-padding-block: var(--space-7);--cat-section-inner-max: 1240px;--cat-hero-gap: var(--space-7);--cat-hero-desc-margin-bottom: var(--space-6);--cat-section-header-margin: 0 auto var(--space-7);--cat-challenge-card-min-width: 360px;--cat-challenge-grid-gap: var(--space-5);--cat-challenge-card-padding: var(--space-5);--cat-challenge-card-gap: var(--space-5);--cat-challenge-card-min-height: 244px;--cat-challenge-media-size: 168px;--cat-challenge-media-box-size: 180px;--cat-approach-card-min-width: 220px;--cat-approach-grid-gap: var(--space-5);--cat-approach-card-padding: var(--space-5);--cat-approach-card-min-height: 316px;--cat-approach-icon-size: 188px;--cat-parent-grid-gap: var(--space-4);--cat-parent-card-padding: var(--space-6) var(--space-4) var(--space-5);--cat-parent-card-image-size: 188px;--cat-welcome-mascot-hero-width: 340px;--cat-welcome-mascot-mini-width: 62px;--cat-welcome-mascot-cta-width: 148px;--cat-welcome-mascot-meet-width: 240px;--cat-welcome-mascot-auth-width: 124px;--cat-landing-nav-padding: var(--space-5) var(--space-6);--cat-cta-padding: var(--space-7) var(--space-6);--cat-auth-card-max: 560px;--cat-auth-card-padding: var(--space-7) var(--space-6) var(--space-6);--cat-student-nav-padding: var(--space-4) var(--space-6);--cat-dashboard-button-height: 44px;--cat-chat-messages-max-height: 280px;--cat-go-padding: var(--space-5) var(--space-7);--cat-voice-toggle-size: 46px;--garden-nav-padding: var(--space-4) var(--space-6);--garden-tabs-padding: var(--space-4) var(--space-5) var(--space-2);--garden-tab-padding: var(--space-2) var(--space-4);--garden-map-svg-max: 720px;--garden-panel-max: 420px;--garden-panel-padding-inline: var(--space-5);--garden-locked-padding: var(--space-6);--garden-unit-padding: var(--space-5) var(--space-6);--garden-legend-padding: 8px 12px;--report-page-padding: var(--space-8) var(--space-6);--report-focus-chart-height: 184px;--report-donut-size: 144px;--timer-step-padding-block: 10px;--timer-step-padding-inline: 15px;--timer-breathing-orb-size: 54px;--timer-breathing-inner-size: 32px;--canvas-toolbar-gap: 28px;--canvas-toolbar-padding-block: 20px;--canvas-toolbar-padding-inline: 38px;--canvas-toolbar-action-size: 52px;--canvas-toolbar-send-height: 60px;--canvas-toolbar-send-padding-inline: 44px}:root[data-layout-mode=focus]{--page-max: 1040px;--layout-sidebar-width: 280px;--settings-grid-columns: 1fr;--settings-asset-grid-columns: repeat(3, minmax(0, 1fr));--settings-asset-grid-mobile-columns: repeat(2, minmax(0, 1fr));--history-card-columns: 1fr;--history-result-align: left;--history-result-min-width: 0;--demo-ai-panel-width: 280px;--demo-ai-panel-min-width: 260px;--demo-ai-panel-max-width: 280px;--demo-ai-panel-compact-width: 220px;--demo-ai-panel-compact-min-width: 220px;--demo-ai-panel-compact-max-width: 220px;--cat-landing-nav-max: 960px;--cat-section-inner-max: 920px;--cat-hero-copy-basis: 360px;--cat-section-header-empathy-max: 600px;--cat-challenge-card-min-width: 320px;--cat-challenge-grid-columns: repeat(1, minmax(0, 1fr));--cat-challenge-card-offset: 0px;--cat-approach-card-min-width: 260px;--cat-approach-icon-size: 148px;--cat-chat-max: 420px;--cat-message-max-width: 82%;--garden-map-svg-max: 620px;--garden-panel-max: 360px;--report-snapshot-max: 520px;--report-detail-max: 760px;--report-stat-grid-columns: repeat(2, minmax(0, 1fr));--report-focus-grid-columns: 1fr;--report-analysis-grid-columns: 1fr;--report-privacy-grid-columns: 1fr;--report-privacy-summary-columns: 1fr;--report-privacy-actions-columns: 1fr}:root[data-layout-mode=wide]{--page-max: 1480px;--layout-sidebar-width: 360px;--settings-asset-grid-columns: repeat(6, minmax(0, 1fr));--settings-asset-grid-mobile-columns: repeat(3, minmax(0, 1fr));--history-card-columns: minmax(0, 1fr) auto;--history-result-align: right;--demo-ai-panel-width: 360px;--demo-ai-panel-min-width: 320px;--demo-ai-panel-max-width: 360px;--demo-ai-panel-compact-width: 280px;--demo-ai-panel-compact-min-width: 260px;--demo-ai-panel-compact-max-width: 280px;--cat-landing-nav-max: 1240px;--cat-section-inner-max: 1240px;--cat-hero-copy-basis: 520px;--cat-chat-max: 560px;--garden-map-svg-max: 760px;--garden-panel-max: 440px;--report-snapshot-max: 640px;--report-detail-max: 1080px;--report-privacy-max: 1080px;--report-focus-grid-columns: minmax(0, 2.4fr) minmax(280px, 1fr);--report-table-min-width: 720px}:root[data-asset-style=minimal]{--asset-display-filter: saturate(.72) contrast(.95);--asset-illustration-opacity: .5;--asset-surface-opacity: .78;--hero-decoration-opacity: .42}:root[data-asset-style=photo]{--asset-radius: var(--radius-lg);--asset-display-filter: saturate(1.05) contrast(1.02);--asset-illustration-opacity: .92;--asset-surface-opacity: 1}.ui-page{width:min(100%,var(--page-max));margin:0 auto}.ui-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5)}.ui-section-header h1,.ui-section-header p{margin:0}.ui-section-header h1{margin-top:var(--space-3);color:var(--color-text);font-size:var(--type-page-title-size);font-weight:var(--type-page-title-weight);line-height:var(--type-page-title-line-height)}.ui-section-header p{max-width:640px;color:var(--color-text-muted);font-size:var(--type-body-small-size);font-weight:var(--type-body-small-weight);line-height:var(--type-body-small-line-height)}.ui-stack{display:flex;flex-direction:column;gap:var(--space-4)}.ui-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ui-panel,.ui-card{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--panel-shadow)}.ui-panel{border-radius:var(--panel-radius);padding:var(--panel-padding)}.ui-card{border-color:var(--card-border);border-radius:var(--card-radius);background:var(--card-bg);padding:var(--card-padding);box-shadow:var(--card-shadow)}.ui-button{display:inline-flex;min-height:var(--button-height);align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-fg);cursor:pointer;font-size:var(--type-button-size);font-weight:var(--type-button-weight);line-height:var(--type-button-line-height);transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform 80ms ease}.ui-button:hover{background:var(--button-bg-hover)}.ui-button:active{transform:scale(.98)}.ui-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ui-button--secondary{border-color:var(--color-line-strong);background:var(--button-secondary-bg);color:var(--button-secondary-fg)}.ui-button--secondary:hover{background:var(--button-secondary-bg-hover)}.ui-button--ghost{border-color:transparent;background:transparent;color:var(--color-text-muted)}.ui-button--ghost:hover{background:var(--color-brand-soft);color:var(--color-brand-strong)}.ui-icon-surface{display:grid;width:48px;height:48px;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-raised)}.ui-icon-surface img{width:28px;height:28px;object-fit:contain}.ui-pill{display:inline-flex;min-height:32px;align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--pill-bg);color:var(--pill-fg);font-size:var(--type-eyebrow-size);font-weight:var(--type-eyebrow-weight);letter-spacing:var(--type-eyebrow-letter-spacing);line-height:var(--type-eyebrow-line-height)}.ui-pill--soft{background:var(--pill-soft-bg);color:var(--pill-soft-fg)}.ui-progress{display:grid;gap:var(--space-2)}.ui-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line-height)}.ui-progress__track{height:12px;overflow:hidden;border-radius:var(--radius-full);background:var(--progress-track-bg)}.ui-progress__fill{display:block;height:100%;border-radius:inherit;background:var(--progress-fill-bg)}.ui-field{display:flex;min-height:var(--field-height);width:100%;align-items:center;border:1px solid var(--field-border);border-radius:var(--field-radius);background:var(--field-bg);color:var(--color-text);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line-height);padding:0 var(--space-4)}.ui-asset{overflow:hidden;border-radius:var(--asset-radius);filter:var(--asset-display-filter)}.ui-asset img{display:block;max-width:100%}@media(max-width:760px){.ui-section-header{align-items:flex-start;flex-direction:column}}html,body{min-height:100%;margin:0}body{background:var(--color-page);color:var(--color-text);font-family:var(--type-font-family);font-size:var(--type-body-size);line-height:var(--type-body-line-height);letter-spacing:var(--type-default-letter-spacing);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}