:root{--color-primary:#4f46e5;--color-primary-soft:#eef2ff;--color-accent-joy:#f59e0b;--color-accent-eat:#10b981;--color-accent-sleep:#8b5cf6;--color-danger:#ef4444;--color-surface:#fff;--color-bg:#fafaf9;--color-text:#1c1917;--color-text-muted:#78716c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:Arial,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding:24px}.hero{max-width:960px;margin:0 auto;display:grid;grid-gap:20px;gap:20px}.panel{background:var(--color-surface);border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(28,25,23,.08)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:14px;font-weight:700}.grid{display:grid;grid-gap:16px;gap:16px}@media (min-width:768px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}