:root{--color-main-orange: #ff6900;--color-main-green: #2e8556;--color-assist-yellow: #ffcc33;--color-assist-lightgreen: #76c08f;--color-neutral-white: #ffffff;--color-neutral-cream: #f5f1e9;--color-neutral-dark: #2a2a2a;--color-orange-hover: #e55e00;--color-green-light: #46996d;--color-text-primary: var(--color-neutral-dark);--color-text-secondary: #5a5a5a;--color-text-muted: #8a8a8a;--color-text-inverse: var(--color-neutral-white);--color-bg-page: var(--color-neutral-cream);--color-bg-card: var(--color-neutral-white);--color-bg-muted: #fafafa;--color-border: rgba(42, 42, 42, .1);--color-border-strong: rgba(42, 42, 42, .2);--shadow-base: 0 2px 10px rgba(0, 0, 0, .08);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .12);--shadow-btn: 0 4px 20px rgba(255, 105, 0, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg-page);color:var(--color-text-primary)}h1{color:var(--color-assist-lightgreen);letter-spacing:.125em;margin:0 0 2rem}#app{display:contents}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-card)}.card:hover{box-shadow:var(--shadow-card-hover)}.btn-primary{background:var(--color-main-orange);color:var(--color-text-inverse);border:none;border-radius:16px;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{transform:translateY(-2px);background:var(--color-orange-hover)}.text-main-green{color:var(--color-main-green)}.text-main-orange{color:var(--color-main-orange)}.text-assist-yellow{color:var(--color-assist-yellow)}.text-assist-lightgreen{color:var(--color-assist-lightgreen)}.text-muted{color:var(--color-text-muted)}