:root{--color-bg:#faf8f3;--color-surface:#fff;--color-surface-muted:#f3f0e8;--color-ink:#1f1f1f;--color-ink-muted:#55534e;--color-ink-subtle:#75726a;--color-rule:#e4dfd3;--color-rule-strong:#cbc4b4;--color-accent:#2f5d50;--color-accent-hover:#244a40;--color-accent-tint:#e6eeeb;--color-correct:#2e6b3f;--color-correct-tint:#e7f0e9;--color-incorrect:#b23a2b;--color-incorrect-tint:#f7e8e5;--color-caution:#7f6118;--color-caution-tint:#f5eedb;--color-sheet:#cf5b4f;--color-sheet-ink:#a8301e;--font-sans:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", Meiryo, sans-serif;--font-serif:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--radius:6px;--radius-sm:4px;--shadow-overlay:0 6px 24px #1f1f1f14;--measure:44rem;--page-width:64rem;--header-height:3.5rem}*,:before,:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh;color:var(--color-ink);background:var(--color-bg);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.8}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}#app{min-height:100vh}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--color-ink);letter-spacing:.02em;font-weight:700;line-height:1.4}h1{margin-bottom:1rem;font-size:1.75rem}h2{margin-bottom:.75rem;font-size:1.375rem}h3{margin-bottom:.5rem;font-size:1.125rem}h4{margin-bottom:.5rem;font-size:1rem}p+p{margin-top:.75em}a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.page{max-width:var(--page-width);margin:0 auto}.page-narrow{max-width:var(--measure);margin:0 auto}.page-header{border-bottom:1px solid var(--color-rule);margin-bottom:2rem;padding-bottom:1rem}.page-header h1{margin-bottom:.25rem}.page-lead{color:var(--color-ink-muted)}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);color:#fff}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border-color:var(--color-rule-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-ink)}.btn-text{color:var(--color-accent);background:0 0;padding-left:.5rem;padding-right:.5rem}.btn-text:hover:not(:disabled){background:var(--color-accent-tint);color:var(--color-accent-hover)}.card{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);padding:1.5rem}.input,.select{border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-ink);padding:.5rem .75rem;font-family:inherit;font-size:1rem}.input:focus,.select:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:0}.field-label{color:var(--color-ink-muted);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.tag{border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);color:var(--color-ink-muted);background:var(--color-surface);padding:.125rem .5rem;font-size:.75rem;line-height:1.6;display:inline-block}.notice{border-left:3px solid var(--color-rule-strong);background:var(--color-surface-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.875rem 1rem;font-size:.9375rem}.notice-success{border-left-color:var(--color-correct);background:var(--color-correct-tint)}.notice-error{border-left-color:var(--color-incorrect);background:var(--color-incorrect-tint)}.notice-caution{border-left-color:var(--color-caution);background:var(--color-caution-tint)}.kbd{border:1px solid var(--color-rule-strong);border-radius:var(--radius-sm);min-width:1.5em;font-family:var(--font-mono);text-align:center;color:var(--color-ink-muted);background:var(--color-surface);border-bottom-width:2px;padding:0 .3em;font-size:.75rem;line-height:1.5;display:inline-block}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){h1{font-size:1.5rem}h2{font-size:1.25rem}}