*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#scene-container{touch-action:none;-webkit-user-select:none;user-select:none}:root{--color-bg: #F4F1E1;--color-surface: #FFFDF5;--color-surface-hover: #EDE9D9;--color-border: rgba(26, 26, 26, .15);--color-border-strong: rgba(26, 26, 26, .35);--color-text: #1A1A1A;--color-text-secondary: #4a4a4a;--color-text-tertiary: #7a7a7a;--color-accent: #1A1A1A;--color-accent-hover: #000000;--color-accent-muted: rgba(26, 26, 26, .06);--color-primary: #1A1A1A;--color-primary-hover: #333;--color-white: #FFFDF5;--color-white-muted: rgba(26, 26, 26, .45);--color-yellow-sticky: #FFCC66;--color-yellow-hover: #FADF9E;--color-success: #1A7A65;--color-success-hover: #22926F;--color-success-border: #0F5C4A;--color-warning: #f99c00;--color-error: #fb2c36;--color-value-blue: #1A1A1A;--color-highlight: #4285f4;--color-highlight-light: #5c9aff;--color-gray-600: #666;--color-gray-700: #333;--color-gray-100: #f5f5f7;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Fraunces", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.125rem;--space-xl: 1.5rem;--space-2xl: 2rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 2px;--shadow-panel: 2px 2px 0 rgba(26, 26, 26, .1), 0 0 0 1px rgba(26, 26, 26, .08);--shadow-panel-hover: 3px 3px 0 rgba(26, 26, 26, .15), 0 0 0 1px rgba(26, 26, 26, .12);--shadow-button: 2px 2px 0 rgba(26, 26, 26, .1);--shadow-hard: 2px 2px 0 #1A1A1A;--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--widget-bar-bg: #FFCC66;--widget-bar-border: 2px solid #0A4238;--widget-bar-radius: 4px;--widget-bar-shadow: 5px 5px 0 rgba(0, 0, 0, .2);--widget-bar-color: #0A4238;--widget-label-font: "Fraunces", serif;--widget-label-weight: 700;--widget-label-size: 16px;--widget-label-tracking: -.01em;--widget-btn-bg: #1A7A65;--widget-btn-bg-hover: #22926F;--widget-btn-color: #FFFDF5;--widget-btn-border: 1px solid #0F5C4A;--widget-btn-radius: 2px;--widget-btn-shadow: 3px 3px 0 rgba(0, 0, 0, .2);--widget-toggle-bg: #1A7A65;--widget-sep-color: rgba(10, 66, 56, .12);--widget-host-width: fit-content;--widget-host-max-width: none;--scale-pill-bg: transparent;--scale-pill-border: none;--scale-pill-radius: 2px;--scale-pill-shadow: none;--scale-pill-color: #0A4238;--scale-pill-unit-color: #0A4238;--scale-value-font: "Fraunces", serif;--scale-value-weight: 600;--scale-value-size: 38px;--scale-unit-weight: 800;--scale-zero-bg: rgba(26, 26, 26, .08);--scale-track-bg: #FFFDF5;--scale-track-border: 2px solid #0A4238;--scale-track-shadow: none;--scale-track-height: 29px;--scale-fill-color: #0A4238;--scale-tick-color: rgba(10, 66, 56, .2);--scale-tick-major: rgba(10, 66, 56, .2);--step-bar-instruction-font: "Fraunces", serif;--step-bar-instruction-weight: 700;--step-bar-instruction-tracking: -.03em;--step-bar-surface: #FFFDF5;--step-bar-border: 2px solid #1A1A1A;--step-bar-radius: 12px;--step-bar-shadow: 6px 6px 0 rgba(26, 26, 26, .18);--step-bar-btn-border: 1px solid rgba(26, 26, 26, .2);--step-bar-btn-radius: 2px;--step-bar-btn-bg: transparent;--step-bar-btn-shadow: none;--step-bar-segment-radius: 1px;--step-bar-segment-bg: rgba(26, 26, 26, .12);--loading-bg: #F4F1E1;--loading-color: #1A1A1A;--loading-sub: #7a7a7a;--loading-spinner: #1A1A1A;--loading-ring: rgba(26, 26, 26, .12);--completion-card-bg: #FFFDF5;--completion-card-shadow: 4px 4px 0 rgba(26, 26, 26, .12);--completion-card-border: 1px solid rgba(26, 26, 26, .15);--completion-card-radius: 6px;--completion-title-color: #1A1A1A;--completion-sub-color: #7a7a7a;--completion-btn-primary-bg: #1A1A1A;--completion-btn-primary-border: #1A1A1A;--completion-btn-primary-hover: #333;--completion-btn-secondary-bg: #FFFDF5;--completion-btn-secondary-color: #1A1A1A;--completion-btn-secondary-border: rgba(26, 26, 26, .2);--completion-btn-radius: 2px;--restart-bg: transparent;--restart-border: 1px solid rgba(26, 26, 26, .15);--restart-shadow: 1px 1px 0 rgba(26, 26, 26, .08);--info-modal-backdrop: rgba(26, 26, 26, .35);--info-modal-bg: #FFFFFF;--info-modal-border: 1.5px solid #1A1A1A;--info-modal-shadow: 3px 3px 0 rgba(26, 26, 26, .45);--info-modal-radius: 4px;--info-modal-item-bg: rgba(26, 26, 26, .03);--info-modal-item-accent: #1A1A1A;--info-modal-arrow-bg: rgba(26, 26, 26, .06);--info-modal-callout-bg: rgba(252, 221, 93, .15);--info-modal-callout-accent: #FFCC66;--info-modal-icon-bg: #FFCC66}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-normal: 0ms}}