:root{--color-bg: #fff8ef;--color-surface: #ffffff;--color-surface-raised: #fffaf2;--color-border: rgba(43, 34, 54, .1);--color-text: #2b2236;--color-text-muted: rgba(43, 34, 54, .62);--color-coral: #ff6b6b;--color-mango: #ffa94d;--color-sunshine: #ffd43b;--color-leaf: #51cf66;--color-sky: #22b8cf;--color-periwinkle: #748ffc;--color-grape: #9775fa;--color-bubblegum: #f783ac;--color-accent: var(--color-coral);--color-accent-text: #fff6f0;--color-positive: var(--color-leaf);--color-negative: #fa5252;--radius-lg: 26px;--radius-md: 16px;--radius-sm: 10px;--radius-pill: 999px;--shadow-card: 0 18px 40px rgba(43, 34, 54, .12), 0 2px 8px rgba(43, 34, 54, .06);--shadow-button: 0 10px 22px rgba(255, 107, 107, .35);--font-sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Baloo 2", var(--font-sans)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-height:100vh;min-height:100dvh;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}p{margin:.25rem 0;color:var(--color-text-muted)}button{font-family:inherit;font-weight:700;font-size:.95rem;border:none;border-radius:var(--radius-pill);padding:.85rem 1.9rem;background:var(--color-accent);color:var(--color-accent-text);cursor:pointer;box-shadow:var(--shadow-button);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled){transform:translateY(-2px) scale(1.03);filter:brightness(1.04)}button:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 4px 10px #ff6b6b4d}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}input,textarea{font-family:inherit;font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.7rem .9rem;background:var(--color-surface-raised);color:var(--color-text)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px;border-color:transparent}.card{position:relative;z-index:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2rem;width:100%}
