:root{--hy-bg-primary: #1E1C1A;--hy-bg-secondary: #262320;--hy-bg-tertiary: #302D29;--hy-text-primary: #E8E4DE;--hy-text-secondary: #A09A93;--hy-text-tertiary: #706A63;--hy-accent-primary: #D4783E;--hy-accent-primary-subtle: #D4783E1A;--hy-accent-secondary: #3A9C8C;--hy-accent-secondary-subtle: #3A9C8C1A;--hy-positive: #3A9C8C;--hy-warning: #C49B2A;--hy-negative: #B5443A;--hy-info: #4A7B94;--hy-border-light: #3A3632;--hy-border-medium: #4A4540;--hy-shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--hy-shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--hy-shadow-lg: 0 8px 24px rgba(0, 0, 0, .3);--hy-chart-1: #D4783E;--hy-chart-2: #3A9C8C;--hy-chart-3: #4A7B94;--hy-chart-4: #9B8A6E;--hy-chart-fill-1: #D4783E15;--hy-chart-fill-2: #3A9C8C15;--hy-chart-target: #A09A93}:root[data-theme=light]{--hy-bg-primary: #F5F2ED;--hy-bg-secondary: #EBE6DE;--hy-bg-tertiary: #E0DAD0;--hy-text-primary: #2C2825;--hy-text-secondary: #6B6560;--hy-text-tertiary: #9B9590;--hy-accent-primary: #C4652A;--hy-accent-primary-subtle: #C4652A1A;--hy-accent-secondary: #2A7C6F;--hy-accent-secondary-subtle: #2A7C6F1A;--hy-positive: #2A7C6F;--hy-warning: #C49B2A;--hy-negative: #B5443A;--hy-info: #4A7B94;--hy-border-light: #DDD7CD;--hy-border-medium: #C8C1B6;--hy-shadow-sm: 0 1px 3px rgba(44, 40, 37, .06);--hy-shadow-md: 0 4px 12px rgba(44, 40, 37, .08);--hy-shadow-lg: 0 8px 24px rgba(44, 40, 37, .1);--hy-chart-1: #C4652A;--hy-chart-2: #2A7C6F;--hy-chart-3: #4A7B94;--hy-chart-4: #9B8A6E;--hy-chart-fill-1: #C4652A15;--hy-chart-fill-2: #2A7C6F15;--hy-chart-target: #6B6560}:root{--hy-font-primary: "Instrument Sans", -apple-system, sans-serif;--hy-font-mono: "IBM Plex Mono", "SF Mono", monospace;--hy-text-xs: .6875rem;--hy-text-sm: .8125rem;--hy-text-base: .9375rem;--hy-text-lg: 1.125rem;--hy-text-xl: 1.375rem;--hy-text-2xl: 1.75rem;--hy-text-3xl: 2.25rem;--hy-weight-regular: 400;--hy-weight-medium: 500;--hy-weight-semibold: 600;--hy-leading-tight: 1.2;--hy-leading-normal: 1.5;--hy-leading-relaxed: 1.65;--hy-tracking-tight: -.01em;--hy-tracking-normal: 0;--hy-tracking-wide: .04em}:root{--hy-space-1: .25rem;--hy-space-2: .5rem;--hy-space-3: .75rem;--hy-space-4: 1rem;--hy-space-5: 1.5rem;--hy-space-6: 2rem;--hy-space-7: 2.5rem;--hy-space-8: 3rem;--hy-space-10: 4rem;--hy-radius-sm: 6px;--hy-radius-md: 10px;--hy-radius-lg: 14px;--hy-radius-full: 9999px;--hy-max-width: 480px;--hy-max-width-wide: 720px}:root{--hy-transition-fast: .15s ease;--hy-transition-normal: .25s ease;--hy-transition-slow: .4s ease-out}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;width:100%}body{font-family:var(--hy-font-primary);color:var(--text-primary);background:var(--bg-base)}html{--app-height: 100dvh}body{height:var(--app-height);min-height:var(--app-height);overflow:hidden;overscroll-behavior:none}#root{height:var(--app-height);min-height:var(--app-height)}:root{--space-content-x: 28px;--space-content-bottom: 40px;--space-card-y: 20px;--space-card-x: 22px;--space-panel-y: 20px;--space-panel-x: 24px;--space-stat-y: 14px;--space-stat-x: 16px;--stat-flex-basis: 120px;--bg-base: #1E1C1A;--bg-surface: #262320;--bg-elevated: #262320;--bg-card: rgba(48,45,41,.6);--bg-card-solid: #302D29;--bg-stat: rgba(38,35,32,.8);--bg-input: #302D29;--bg-input-rich: rgba(48,45,41,.8);--bg-nav: rgba(30,28,26,.94);--bg-sidebar: rgba(30,28,26,.97);--bg-time-col: rgba(30,28,26,.4);--bg-modal: #1E1C1A;--bg-recipe: rgba(38,35,32,.6);--bg-result: rgba(48,45,41,.5);--bg-result-hover: rgba(48,45,41,.9);--border-subtle: rgba(74,69,64,.3);--border-light: #3A3632;--border-medium: #4A4540;--border-strong: #5A5550;--border-grid: rgba(58,54,50,.25);--border-half: rgba(58,54,50,.12);--text-primary: #E8E4DE;--text-secondary: #E8E4DE;--text-muted: #A09A93;--text-dim: #706A63;--text-faint: #4A4540;--text-body: #C8C2B8;--page-gradient: #1E1C1A;--scrollbar-thumb: rgba(74,69,64,.5)}:root[data-theme=light]{--space-content-x: 28px;--space-content-bottom: 40px;--space-card-y: 20px;--space-card-x: 22px;--space-panel-y: 20px;--space-panel-x: 24px;--space-stat-y: 14px;--space-stat-x: 16px;--stat-flex-basis: 120px;--bg-base: #F5F2ED;--bg-surface: #F5F2ED;--bg-elevated: #EBE6DE;--bg-card: rgba(224,218,208,.85);--bg-card-solid: #EBE6DE;--bg-stat: rgba(224,218,208,.8);--bg-input: #EBE6DE;--bg-input-rich: rgba(235,230,222,.95);--bg-nav: rgba(245,242,237,.96);--bg-sidebar: rgba(245,242,237,.98);--bg-time-col: rgba(235,230,222,.7);--bg-modal: #F5F2ED;--bg-recipe: rgba(224,218,208,.8);--bg-result: rgba(224,218,208,.7);--bg-result-hover: rgba(200,193,182,.8);--border-subtle: rgba(44,40,37,.08);--border-light: #DDD7CD;--border-medium: #C8C1B6;--border-strong: #B0A89E;--border-grid: rgba(44,40,37,.08);--border-half: rgba(44,40,37,.035);--text-primary: #2C2825;--text-secondary: #2C2825;--text-muted: #6B6560;--text-dim: #9B9590;--text-faint: #B8B2AB;--text-body: #6B6560;--page-gradient: #F5F2ED;--scrollbar-thumb: rgba(44,40,37,.15)}@media(max-width:767px){:root,:root[data-theme=light]{--space-content-x: 16px;--space-content-bottom: 24px;--space-card-y: 16px;--space-card-x: 16px;--space-panel-y: 16px;--space-panel-x: 16px;--space-stat-y: 11px;--space-stat-x: 12px;--stat-flex-basis: 100%;--font-title: 22px}}:root{--font-title: 28px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}body,#root,nav,header,aside,main,section,article,div[class],button,input,select,textarea,table,th,td{transition:background-color .2s ease,border-color .2s ease,color .15s ease}button,[role=button],input,select,textarea,label{touch-action:manipulation}input[type=range]{-webkit-appearance:none;appearance:none;height:44px;background:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--border-medium)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#60a5fa;margin-top:-9px;box-shadow:0 1px 4px #00000059}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--border-medium)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:none;background:#60a5fa;box-shadow:0 1px 4px #00000059}