*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f0eb;--bg2: #ede8e1;--bg3: #e4ddd4;--surface: #faf7f4;--surface2: #f0ebe4;--border: rgba(100,80,60,.15);--border2: rgba(100,80,60,.28);--text: #2c2018;--text2: #6b5a48;--text3: #9b8a78;--accent: #7a5c3e;--accent2: #c4956a;--accent-light: #f2e8dc;--teal: #3d7a72;--teal-light: #e0f0ee;--red: #8b3a2e;--red-light: #f5e4e1;--green: #4a7a50;--green-light: #e4f0e6;--serif: "Noto Serif JP", serif;--sans: "Noto Sans JP", sans-serif;--radius: 12px;--shadow: 0 2px 12px rgba(60,40,20,.08);--shadow-lg: 0 8px 32px rgba(60,40,20,.14)}html,body,#root{height:100%;font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:var(--sans);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--sans);outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}