*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8ee;--surface:#fff;--surface-2:#fbf6ec;--line:#eee5d5;--line-strong:#ddd2be;--ink:#1f2340;--body:#474b66;--muted:#7a7e94;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eeedfe;--primary-ink:#fff;--sun:#ffc94d;--sun-soft:#fff1cc;--correct:#16a34a;--correct-soft:#dcfce7;--correct-ink:#166534;--incorrect:#e11d48;--incorrect-soft:#ffe4e9;--incorrect-ink:#9f1239;--warn:#d97706;--warn-soft:#fef3c7;--warn-ink:#92400e;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #1f23400a, 0 8px 24px #1f23400f;--shadow-lg:0 2px 4px #1f23400a, 0 16px 40px #1f23401a;--round:"Zen Maru Gothic", "Noto Sans JP", system-ui, sans-serif;--sans:"Noto Sans JP", system-ui, sans-serif}body{min-height:100vh;color:var(--body);font:16px / 1.7 var(--sans);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--primary)}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #4f46e559}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.site-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10;background:#fff8eed9;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,5vw,40px);display:flex;position:sticky;top:0}.brand{color:var(--ink);font:700 18px var(--round);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{flex-shrink:0;width:32px;height:32px}.brand small{font:500 12px var(--sans);color:var(--muted)}.page{padding:clamp(32px,6vw,64px) 16px clamp(56px,8vw,96px)}.page-narrow{max-width:680px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,32px)}.btn{font:700 14px var(--sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink);box-shadow:0 4px 12px #4f46e540}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-lg{padding:14px 32px;font-size:16px}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-soft:hover:not(:disabled){background:#e2e0fd}.btn-danger{color:var(--incorrect);background:0 0;border-color:#f9c4cf}.btn-danger:hover:not(:disabled){background:var(--incorrect-soft)}.btn-sm{padding:7px 14px;font-size:13px}.field-label{font:700 14px var(--sans);color:var(--ink);margin-bottom:8px;display:block}.field-hint{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.field{background:var(--surface);width:100%;color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-sm);font:15px / 1.8 var(--sans);padding:12px 16px;transition:border-color .15s,box-shadow .15s}textarea.field{resize:vertical;min-height:140px}.field::placeholder{color:#b3b1bf}.field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #4f46e51f}.alert{border-radius:var(--radius-sm);background:var(--incorrect-soft);color:var(--incorrect-ink);margin-top:16px;padding:12px 16px;font-size:14px}.badge{font:700 12px / 1.8 var(--sans);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-on{background:var(--correct-soft);color:var(--correct-ink)}.badge-off{color:var(--muted);background:#efedf3}