@charset "UTF-8";:root{--bg: #f6f1e4;--surface: #fffdf7;--text: #2f3a2f;--muted: #5f6a5a;--border: #e3dccb;--accent: #5b7f4a;--accent-soft: #e4ecd9;--forest: #2f4a3a;--mist: #cfe3e0;--sun: #e8b04b;--sakura: #e9a8a0;--accent-text: #4a6a3c;--sun-text: #8a6114;--on-accent: #ffffff;--bad-text: #a1463c;--good: #5b9a5b;--bad: #c8655a;--shadow: 0 6px 24px rgb(47 74 58 / .08);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #18211c;--surface: #212c25;--text: #e9efe4;--muted: #9aa894;--border: #33423a;--accent: #8fbf74;--accent-soft: #2a3a2c;--forest: #cfe3d4;--mist: #2c3d3b;--sun: #f0c56a;--sakura: #e9a8a0;--accent-text: #8fbf74;--sun-text: #f0c56a;--on-accent: #18211c;--bad-text: #e08a80;--shadow: 0 6px 24px rgb(0 0 0 / .35);color-scheme:dark}}body{background-image:radial-gradient(ellipse 60% 40% at 15% 0%,color-mix(in srgb,var(--sun) 14%,transparent),transparent 70%),radial-gradient(ellipse 50% 35% at 90% 10%,color-mix(in srgb,var(--mist) 60%,transparent),transparent 70%);background-attachment:fixed}.title-font{font-family:Klee One,Zen Maru Gothic,serif}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);color:var(--text);font-family:Nunito,system-ui,sans-serif}.ja{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}h1,h2{margin:0 0 8px}h2{font-size:1.1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px 20px}.chip{display:inline-block;font-size:.8rem;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:600}button.primary{background:var(--accent);color:var(--on-accent);border:none;border-radius:14px;padding:14px 20px;font:inherit;font-weight:800;font-size:1rem;cursor:pointer;box-shadow:0 4px color-mix(in srgb,var(--accent) 70%,black);transition:transform .08s;width:100%}button.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px color-mix(in srgb,var(--accent) 70%,black)}button.primary:disabled{opacity:.6;cursor:default}input,select,textarea{font:inherit;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background-color:var(--bg);color:var(--text);width:100%}.error{color:var(--bad-text)}.spinner{width:36px;height:36px;border:4px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
