@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=DM+Serif+Display&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"DM Sans",system-ui,sans-serif;--font-serif:"DM Serif Display",Georgia,serif;--bg:#fafaf8;--surface:#fff;--border:#e8e8e4;--text:#1a1a18;--text-muted:#6b6b66;--text-faint:#a8a8a2;--accent:#2d5016;--accent-bg:#eaf3de;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:150ms ease}@media (prefers-color-scheme:dark){:root{--bg:#111110;--surface:#1c1c1a;--border:#2e2e2a;--text:#f0f0ec;--text-muted:#8a8a84;--text-faint:#4a4a46;--accent:#7ac142;--accent-bg:#1a2810}}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100dvh;-webkit-font-smoothing:antialiased}.page{max-width:540px;margin:0 auto;padding:3rem 1.5rem 6rem}.page-header{margin-bottom:2.5rem}.page-header h1{font-family:var(--font-serif);font-size:2rem;font-weight:400;line-height:1.2;margin-bottom:.5rem}.subtitle{color:var(--text-muted);font-size:.9rem}form{display:flex;flex-direction:column;gap:1.5rem}fieldset{border:none}legend{font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.mood-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.mood-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.mood-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.mood-option:hover{border-color:var(--text-muted)}.mood-option.selected{border-color:var(--accent);background:var(--accent-bg)}.mood-emoji{font-size:1.5rem;line-height:1}.mood-label{font-size:.7rem;color:var(--text-muted);text-align:center}.mood-option.selected .mood-label{color:var(--accent);font-weight:500}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}textarea{width:100%;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.6;resize:vertical;min-height:120px;transition:border-color var(--transition)}textarea:focus{outline:none;border-color:var(--accent)}textarea::placeholder{color:var(--text-faint)}.char-count{font-size:.75rem;color:var(--text-faint);text-align:right}button[type=submit]{padding:14px 24px;background:var(--text);color:var(--bg);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;font-weight:500;cursor:pointer;transition:opacity var(--transition),transform var(--transition)}button[type=submit]:hover:not(:disabled){opacity:.85}button[type=submit]:active:not(:disabled){transform:scale(.98)}button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.errors{list-style:none;display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#fff0f0;border:1px solid #ffd0d0;border-radius:var(--radius-md);font-size:.875rem;color:#c0392b}@media (prefers-color-scheme:dark){.errors{background:#2a1010;border-color:#4a2020;color:#ff8080}}.success-state{text-align:center;padding:3rem 1rem;flex-direction:column;gap:1rem}.success-icon,.success-state{display:flex;align-items:center}.success-icon{width:48px;height:48px;background:var(--accent-bg);color:var(--accent);border-radius:50%;justify-content:center;font-size:1.25rem;font-weight:500}.success-state p{color:var(--text-muted)}.success-state button{background:transparent;border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:border-color var(--transition)}.success-state button:hover{border-color:var(--text-muted)}