:root{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;--color-bg:#fff;--color-surface:#fff;--color-surface-soft:#eef8fd;--color-text:#183247;--color-text-muted:#506575;--color-border:#d5e7f0;--color-border-strong:#83a9ba;--color-primary:#0b6faf;--color-primary-hover:#075a8f;--color-primary-soft:#eaf7fc;--color-accent-pink:#ffd7e6;--color-rose:#d93470;--color-rose-bg:#fff0f5;--color-on-primary:#fff;--color-focus:#7a3e9d;--color-correct:#16794a;--color-correct-bg:#e8f7ef;--color-correct-hover:#d7f0e2;--color-incorrect:#d92d32;--color-incorrect-bg:#fff0ee;--color-unknown:#7542a5;--color-unknown-bg:#f3f0ff;--color-timeout:#d97608;--color-timeout-bg:#fff4e5;--color-timeout-hover:#ffe8c7;--color-primary-soft-hover:#daf0f9;--color-surface-soft-hover:#dceaf1;--color-disabled-text:#687780;--color-disabled-border:#c7d0cf;--color-disabled-bg:#e3e8e6;--color-surface-disabled:#edf2f4;--color-correct-surface:#fbfefc;--color-unknown-surface:#fcfbff;--color-sticky-surface:#fffffff7;--color-status-bg:#222;--color-backdrop:#172a3aad;--color-backdrop-soft:#172a3a7a;--color-timer-safe:#16794a;--color-timer-warning-bar:#d97608;--color-timer-danger:#d92d32;--color-timer-track:#d9e8ef;--color-halo-border:#0b6faf1f;--color-halo-surface:#ffffff6b;--page-gradient:linear-gradient(180deg, #eef8fd 0, #fff 18vh, #fff calc(100% - 18vh), #eef8fd 100%);--font-sans:Noto Sans JP, 游ゴシック, Yu Gothic, Hiragino Sans, ヒラギノ角ゴシック, sans-serif;--font-size-xs:.875em;--font-size-sm:1em;--font-size-md:1em;--font-size-lg:1.125em;--font-size-xl:1.5em;--line-height-tight:1.3;--line-height-body:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-button-y:.8125rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--shadow-panel:0 18px 44px #1832471a;--shadow-card:0 8px 24px #18324712;--shadow-card-raised:0 14px 34px #1832471a;--shadow-button:0 8px 18px #0b6faf29;--shadow-sticky-up:0 -8px 24px #18324717;--shadow-dialog:0 24px 60px #0000003d}*{box-sizing:border-box}html{scrollbar-gutter:stable;scroll-behavior:smooth;background-color:#fff;min-height:100%}body{color:#183247;background:#fff;min-height:100dvh;margin:0;font-size:.875em;line-height:1.7;overflow-x:clip}button,input{font:inherit}input{font-size:1.14286em}button{touch-action:manipulation}a{transition:color .16s,border-color .16s,background-color .16s,opacity .16s,transform .16s}h1,h2{font-weight:900}h1,h2,h3,p{overflow-wrap:anywhere;line-break:strict;word-break:normal}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7a3e9d}label:has(input:focus-visible){outline-offset:3px;outline:3px solid #7a3e9d}h1[tabindex="-1"]:focus,h2[tabindex="-1"]:focus{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.status-icon{color:currentColor;vertical-align:-.125em;flex:none;display:inline-block}.button{text-align:center;min-width:44px;min-height:52px;box-shadow:none;cursor:pointer;border:2px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.8125rem 1.5rem;font-size:1.125em;font-weight:700;line-height:1.35;transition:color .16s,border-color .16s,background-color .16s,box-shadow .18s,opacity .16s,transform .16s cubic-bezier(.22,1,.36,1);display:inline-flex;position:relative}.button__icon{flex:none;width:20px;height:20px;transition:transform .18s cubic-bezier(.22,1,.36,1);display:block}.button--primary{color:#fff;background:#0b6faf;border-color:#0000}.button--primary:hover:not(:disabled){background:#075a8f}.button--primary{box-shadow:0 8px 18px #0b6faf29}.button--secondary{color:#0b6faf;background:#fff;border-color:#0b6faf}.button--secondary:hover:not(:disabled){background:#eaf7fc}.button--success{color:#16794a;background:#e8f7ef;border-color:#0000}.button--success:hover:not(:disabled){background:#d7f0e2}.button--warning{color:#d97608;background:#fff4e5;border-color:#0000}.button--warning:hover:not(:disabled){background:#ffe8c7}.button--soft{color:#0b6faf;background:#eaf7fc;border-color:#0000}.button--soft:hover:not(:disabled){background:#daf0f9}.button--muted{color:#506575;background:#eef8fd;border-color:#0000}.button--muted:hover:not(:disabled){background:#dceaf1}.button--pink{color:#d93470;background:#fff0f5;border-color:#0000}.button--pink:hover:not(:disabled){background:#ffd7e6}.button--unknown{color:#d93470;background:#fff;border-color:#d93470}.button--unknown:hover:not(:disabled){background:#fff0f5}.button--discard,.button--danger{color:#d92d32;background:#fff;border-color:#d92d32}.button--discard:hover:not(:disabled),.button--danger:hover:not(:disabled){background:#fff0ee}.button--quit{color:#506575;background:#fff;border-color:currentColor}.button--quit:hover:not(:disabled){background:#fff0ee}.button--quit{padding-inline:3rem}.button--quit:hover:not(:disabled){color:#d92d32;box-shadow:none}.button--quit:active:not(:disabled){transform:translateY(1px)}.button--text{color:#0b6faf;text-underline-offset:.25rem;min-height:48px;box-shadow:none;background:0 0;border-color:#0000;padding-block:.75rem;font-size:1em;text-decoration:underline}.button:disabled{color:#687780;box-shadow:none;cursor:not-allowed;background:#e3e8e6;border-color:#c7d0cf;transform:none}.button--start{width:100%;max-width:420px;margin:0 auto;display:flex}@media (hover:hover){.button:hover:not(:disabled){transform:translateY(-2px)}.button:hover:not(:disabled) .button__icon{transform:translate(3px)}.button:active:not(:disabled){transform:translateY(0)scale(.985)}.button--text:hover:not(:disabled),.button--quit:hover:not(:disabled){transform:none}}@media (min-width:60em){body,input{font-size:1em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){html,body{background:canvas}.button.button{box-shadow:none;border-color:buttontext}.button.button--primary{color:highlighttext;background:highlight}.button.button--quit{color:buttontext;background:canvas}button:focus-visible,input:focus-visible,a:focus-visible{outline-color:highlight}label:has(input:focus-visible){outline-color:highlight}}