:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}html,html.theme-dark{--bg-primary: #06060e;--bg-surface: #0d0d1a;--bg-elevated: #141424;--color-primary: #00c8ff;--color-accent: #00ff88;--color-text: #e8e8f0;--color-muted: rgba(255,255,255,.45);--color-border: rgba(0,200,255,.12);--color-border-hover: rgba(0,200,255,.25);--pipe-cold: #888780;--pipe-warming: #EF9F27;--pipe-warm: #378ADD;--pipe-hot: #639922;--pipe-done: #00c8ff}html.theme-light{--bg-primary: #fafafa;--bg-surface: #f0f4f8;--bg-elevated: #ffffff;--color-primary: #4a6fa5;--color-accent: #2d8b8b;--color-text: #1a1a2e;--color-muted: rgba(0,0,0,.45);--color-border: rgba(0,0,0,.1);--color-border-hover: rgba(0,0,0,.2)}html.theme-midnight{--bg-primary: #1a0f2e;--bg-surface: #2b1e3e;--bg-elevated: #3a2b50;--color-primary: #a490c2;--color-accent: #e6e6fa;--color-text: #e6e6fa;--color-muted: rgba(230,230,250,.5);--color-border: rgba(164,144,194,.2);--color-border-hover: rgba(164,144,194,.4)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100dvh;overflow:hidden;background-color:var(--bg-primary);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100dvh;width:100%}.flex-col-prevent-overflow{display:flex;flex-direction:column;min-height:0}body{font-size:var(--text-base);line-height:1.5}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}