*{box-sizing:border-box;margin:0;padding:0}html,body{color:#665440;width:100%;height:100%;font-family:var(--font-noto-sans-jp);overflow-x:hidden}:root{--font-nunito:"Nunito",sans-serif;--font-noto-sans-jp:"Noto Sans JP",sans-serif;--primary-color:#665440;--primary-light:#c3af96;--primary-lighter:#dfc9ab;--primary-bg:linear-gradient(135deg,#c4b49a 0%,#d4c6a8 50%,#c4b49a 100%);--accent-bg:#fff6e9;--success-color:#6b9b7a;--success-color-light:#8db799;--success-bg-light:#f0f5f2;--success-border:#6b9b7a;--danger-color:#c87960;--danger-color-light:#d4957a;--success-hover:#7aaa89;--text-color:#665440;--text-secondary:#9a6044;--text-muted:#bbb;--border-color:#c3af96;--shadow-light:0 2px 8px #6654401a;--shadow-md:0 4px 12px #66544026;--shadow-lg:0 8px 24px #66544033;--border-radius:12px}body{font-family:var(--font-noto-sans-jp);background:var(--primary-bg);color:var(--text-color)}button{font-family:var(--font-noto-sans-jp);transition:all .25s}button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed}.no-hover-effect:hover:not(:disabled){box-shadow:none;transform:none}input,textarea{font-family:var(--font-noto-sans-jp);border-color:var(--border-color)}