:root{--atune-bg: #FBFAF9;--atune-surface: #FFFFFF;--atune-surface-elevated: #FAFAFA;--atune-text: #343433;--atune-text-dim: #888888;--atune-text-charcoal: #343433;--atune-accent: #343433;--atune-accent-hover: #1D1D1D;--atune-border: #E8E6E3;--atune-border-hover: #D0CDC8;--atune-shadow-deepest: #050505;--atune-color-text-primary: #1D1D1D;--atune-color-text-inverse: #F5F5F5;--atune-highlight-red: #CD3001;--atune-highlight-blue: #0058A3;--atune-highlight-orange: #D07802;--atune-highlight-green: #01551B;--atune-highlight-orange-hover: #B86902;--atune-surface-plate-dark: #2A2A29;--atune-surface-plate-light: #4A4A47;--atune-surface-plate-text: #F4F4F0;--atune-space-1: 8px;--atune-space-2: 16px;--atune-space-3: 24px;--atune-space-4: 32px;--atune-space-5: 40px;--atune-space-6: 48px;--atune-radius-sm: 8px;--atune-radius-md: 12px;--atune-radius-lg: 16px;--atune-radius-pill: 999px;--atune-shadow-1: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--atune-shadow-2: 0 4px 12px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--atune-shadow-3: 0 8px 24px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .04);--atune-ease-out: cubic-bezier(.16, 1, .3, 1);--atune-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--atune-duration-fast: .15s;--atune-duration-normal: .2s;--atune-duration-slow: .35s;--atune-font-ui: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--atune-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--atune-font-mono: "IBM Plex Mono", "SF Mono", monospace;--atune-text-xs: 10px;--atune-text-sm: 11px;--atune-text-base: 13px;--atune-text-lg: 15px;--atune-z-canvas: 50;--atune-z-panel: 100;--atune-z-snap: 200;--atune-z-topbar: 1000}:root{--atune-cream: var(--atune-bg, #FBFAF9);--atune-paper: var(--atune-surface-elevated, #FAFAFA);--atune-near-black: var(--atune-text, #343433);--atune-dim: var(--atune-text-dim, #888888);--atune-border: #E8E6E3;--atune-border-hover: #D0CDC8;--atune-surface: #FFFFFF;--atune-surface-elevated: #FAFAFA;--atune-border-warm: var(--atune-border-hover, #D0CDC8);--atune-near-black-hover: var(--atune-accent-hover, #1D1D1D);--atune-orange: var(--atune-highlight-orange, #D07802);--atune-red: var(--atune-highlight-red, #CD3001);--atune-blue: var(--atune-highlight-blue, #0058A3);--atune-green: var(--atune-highlight-green, #01551B);--atune-orange-hover: var(--atune-highlight-orange-hover, #B86902);--atune-shadow-deep: var(--atune-shadow-deepest, #050505);--atune-red-lighter: #FDD9CC;--atune-orange-lighter: #FDEBC6;--atune-green-lighter: #C8E8D3;--atune-red-dark: #8E2200;--atune-orange-dark: #8F5202;--atune-green-dark: #003313;--status-success-bg: var(--atune-green-lighter);--status-success-text: var(--atune-green-dark);--status-success-border: var(--atune-green-lighter);--status-warning-bg: var(--atune-orange-lighter);--status-warning-text: var(--atune-orange-dark);--status-warning-border: var(--atune-orange-lighter);--status-danger-bg: var(--atune-red-lighter);--status-danger-text: var(--atune-red-dark);--status-danger-border: var(--atune-red-lighter);--atune-plate-dark: var(--atune-surface-plate-dark, #2A2A29);--atune-plate-light: var(--atune-surface-plate-light, #4A4A47);--atune-plate-text: var(--atune-surface-plate-text, #F4F4F0);--atune-shelf-deep: #1C1C1C;--atune-font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--atune-font-mono: "IBM Plex Mono", "SF Mono", monospace;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-8: 96px;--text-xs: 11px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 40px;--text-4xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--duration-fast: .15s;--duration-med: .3s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--atune-font-sans);color:var(--atune-near-black);background-color:var(--atune-cream);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.1'/%3E%3C/svg%3E");min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(196,184,168,.15) 100%);pointer-events:none;z-index:0}#app{position:relative;z-index:1}a{color:inherit;text-decoration:underline;text-decoration-color:#3434334d}a:hover{text-decoration-color:currentColor}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-4)}