:root{--color-brand-peach: #facab0;--color-brand-peach-dark: #f19a6c;--color-brand-lavender: #c9bbf2;--color-brand-navy: #424a5d;--color-brand-gray: #737373;--color-bg-app: #fff3e9;--color-bg-surface: #ffffff;--radius-card: 18px;--radius-pill: 999px;--radius-input: 12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg-app);color:var(--color-brand-navy)}.app{min-height:100vh;max-width:480px;margin:0 auto;padding:16px 16px 80px}.card{background:var(--color-bg-surface);border-radius:var(--radius-card);padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #424a5d14}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-pill);padding:12px 20px;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--color-brand-peach),var(--color-brand-peach-dark));color:var(--color-brand-navy);width:100%}.btn-secondary{background:var(--color-brand-lavender);color:var(--color-brand-navy)}input,textarea{width:100%;border:1px solid #e8ddd4;border-radius:var(--radius-input);padding:12px;margin-bottom:12px;font:inherit}.nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:var(--color-bg-surface);padding:8px;border-top:1px solid #eee}.nav a{text-align:center;font-size:11px;color:var(--color-brand-gray);text-decoration:none;padding:6px 2px}.nav a.active{color:var(--color-brand-navy);font-weight:600}h1{font-size:22px;margin:0 0 12px}h2{font-size:16px;margin:0 0 8px}.muted{color:var(--color-brand-gray);font-size:14px}.badge{display:inline-block;background:var(--color-brand-lavender);border-radius:var(--radius-pill);padding:4px 10px;font-size:12px}.error{color:#c0392b;font-size:14px}