:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f6f7f9;--sunken:#eceef2;--line:#e4e6eb;--line-strong:#d0d4dc;--text:#1f2430;--text-dim:#5b6273;--text-faint:#6e7686;--primary:#2f5bd8;--primary-deep:#23459f;--primary-soft:#eaf0ff;--correct:#17794f;--correct-soft:#e7f4ee;--wrong:#cf4436;--wrong-soft:#fdecea;--sans:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;--step--1:clamp(.84rem, .8rem + .2vw, .92rem);--step-0:clamp(1rem, .95rem + .25vw, 1.1rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2rem);--step-3:clamp(2.2rem, 1.8rem + 2vw, 3rem);--space-1:.35rem;--space-2:.7rem;--space-3:1.1rem;--space-4:1.8rem;--space-5:2.6rem;--r-sm:10px;--r-md:14px;--r-lg:18px;--lift:4px;--touch:52px;--ease:cubic-bezier(.33, 0, .15, 1)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;overscroll-behavior:none;line-height:1.7}#app{min-height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) var(--space-3) max(var(--space-3), env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden auto}h1,h2,h3{font-size:var(--step-1);margin:0;font-weight:700;line-height:1.4}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.title{font-size:var(--step-2);letter-spacing:.01em;font-weight:700}.en{font-size:var(--step-2);letter-spacing:.01em;font-weight:600;line-height:1.5}.ja{color:var(--text-dim);font-size:var(--step-0)}.lead{color:var(--text-dim);font-size:var(--step-0);line-height:1.8}.lead strong{color:var(--text);font-weight:700}.quiet{color:var(--text-faint);font-size:var(--step--1);line-height:1.6}.note{color:var(--text-dim);font-size:var(--step--1);line-height:1.6}.center{text-align:center}.stack{gap:var(--space-3);flex-direction:column;display:flex}.grow{flex:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ephemeral-banner{padding:var(--space-2);margin-bottom:var(--space-2);background:var(--wrong-soft);border-radius:var(--r-sm);color:var(--text-dim);font-size:var(--step--1);text-align:center;flex:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.devpanel{z-index:99;color:#cfd3dc;background:#1f2430;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.devpanel button{color:#cfd3dc;border:1px solid #4a505f;border-radius:4px;padding:2px 6px;font-size:11px}.screen{flex-direction:column;flex:auto;min-height:0;display:flex}.screen--pad{padding-top:var(--space-3)}.hero{gap:var(--space-2);flex-direction:column;display:flex}.hero__title{font-size:var(--step-2);letter-spacing:.02em;font-weight:700}.card{gap:var(--space-2);padding:var(--space-3);background:var(--surface);border-radius:var(--r-lg);flex-direction:column;display:flex}.card--center{text-align:center;align-items:center}.card__title{color:var(--text-dim);font-size:var(--step--1);letter-spacing:.08em;font-weight:700}.btn{width:100%;min-height:var(--touch);padding:var(--space-2) var(--space-3);background:var(--bg);border:2px solid var(--line-strong);border-bottom-width:calc(2px + var(--lift));border-radius:var(--r-md);color:var(--text);font-size:var(--step-0);letter-spacing:.02em;text-align:center;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease);justify-content:center;align-items:center;font-weight:700;display:flex}.btn:active:not(:disabled){margin-top:var(--lift);border-bottom-width:2px}.btn--primary{background:var(--primary);border-color:var(--primary-deep);color:#fff}.btn--flat{min-height:var(--touch);color:var(--primary);font-size:var(--step--1);background:0 0;border:none}.btn:disabled{background:var(--sunken);border-color:var(--line);color:var(--text-faint);cursor:default}.btn--flat:disabled{background:0 0;border:none}.topbar{min-height:var(--touch);flex:none;justify-content:space-between;align-items:center;display:flex}.topbar__btn{min-height:var(--touch);padding:0 var(--space-2);margin-left:calc(var(--space-2) * -1);color:var(--primary);font-size:var(--step-0);align-items:center;font-weight:700;display:flex}.footer{gap:var(--space-2);padding-top:var(--space-3);flex-direction:column;flex:none;display:flex}.footer__row{gap:var(--space-2);display:flex}.footer__row .btn{flex:1 1 0}.field__label{color:var(--text-dim);font-size:var(--step--1);letter-spacing:.06em;font-weight:700}.field__row{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.field__row--split{gap:var(--space-2)}.field__row--split .btn{flex:1 1 0}.field__sep{color:var(--text-dim);font-size:var(--step--1)}.field__hint{color:var(--text-faint);font-size:var(--step--1);min-height:1.6em}.field__hint--bad{color:var(--wrong)}.select{appearance:none;min-height:var(--touch);padding:0 var(--space-3) 0 var(--space-2);background:var(--bg);border:2px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font:inherit;font-variant-numeric:tabular-nums;font-weight:600}.steps{color:var(--text-dim);font-size:var(--step-0);margin:0;padding-left:1.3em;line-height:2}.steps strong{color:var(--text);font-weight:700}.credits{padding-bottom:var(--space-2)}.credits a{color:var(--primary)}.timer{z-index:5;padding:max(var(--space-2), env(safe-area-inset-top)) var(--space-3) var(--space-1);background:var(--bg);position:fixed;top:0;left:0;right:0}.timer__track{background:var(--sunken);border-radius:999px;height:12px;overflow:hidden}.timer__fill{background:var(--primary);transform-origin:0;will-change:transform;height:100%}.screen--closed{gap:var(--space-3)}.next__label{color:var(--text-dim);font-size:var(--step--1);letter-spacing:.08em;font-weight:700}.next__time{font-size:var(--step-3);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-weight:700}.next__note{color:var(--text-dim);font-size:var(--step--1)}.week{justify-content:space-between;gap:var(--space-1);display:flex}.week__cell{flex-direction:column;flex:1 1 0;align-items:center;gap:6px;display:flex}.week__day{color:var(--text-faint);font-size:var(--step--1);line-height:1}.week__mark{background:var(--sunken);border-radius:50%;width:26px;height:26px}.week__mark--solved{background:var(--primary)}.week__mark--missed{box-shadow:inset 0 0 0 2px var(--line-strong);background:0 0}.week__cell--today .week__day{color:var(--primary);font-weight:700}.week__cell--today .week__mark{box-shadow:0 0 0 3px var(--primary-soft)}.closed__foot{flex:none;justify-content:flex-end;display:flex}.ticket{align-items:center;gap:var(--space-1);min-height:var(--touch);padding:0 var(--space-3);border-radius:var(--r-md);color:var(--text-faint);font-size:var(--step--1);display:inline-flex}.ticket[data-usable=true]{background:var(--primary-soft);color:var(--primary);font-weight:700}.ticket__count{font-variant-numeric:tabular-nums;font-size:var(--step-0);font-weight:700}.screen--open{padding-top:var(--space-3)}.countdown{color:var(--text-dim);font-size:var(--step-0);font-variant-numeric:tabular-nums;letter-spacing:.04em;flex:none;align-self:flex-end;font-weight:700}.countdown--last{color:var(--wrong)}.prompt{margin:var(--space-2) 0 var(--space-3);font-size:var(--step-1);flex:none;font-weight:600;line-height:1.7}.prompt--en{font-size:var(--step-2);line-height:1.5}.open__mode{flex-direction:column;flex:auto;min-height:0;display:flex}.chips{align-content:flex-start;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.chips--placed{min-height:calc(var(--touch) + var(--space-2) * 2);border-bottom:2px solid var(--line);flex:none}.chips--placed:empty:before{content:"ここに並べる";color:var(--text-faint);font-size:var(--step--1);align-self:center}.chips--pool{min-height:calc(var(--touch) + var(--space-2) * 2);margin-top:var(--space-2);overscroll-behavior:contain;flex:auto;overflow-y:auto}.chip{min-height:var(--touch);padding:var(--space-2) var(--space-3);background:var(--bg);border:2px solid var(--line-strong);border-bottom-width:calc(2px + var(--lift));border-radius:var(--r-sm);color:var(--text);font-size:var(--step-0);font-weight:600}.chip:active{margin-top:var(--lift);border-bottom-width:2px}.open__notice{padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--r-md);color:var(--text-dim);font-size:var(--step--1);flex:none;line-height:1.6}.open__heard{min-height:3.4em;padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--r-md);color:var(--text-dim);font-size:var(--step-0);line-height:1.7}.open__honest{margin-top:var(--space-2)}.btn--listening{background:var(--primary-deep);border-color:var(--primary-deep)}.result{gap:var(--space-3)}.result__sentence{text-align:center}.result__answer{color:var(--text-dim);font-size:var(--step-0);text-align:center;line-height:1.6}.result__answer-label{color:var(--text-faint);font-size:var(--step--1);margin-right:.5em;font-weight:700}.result__honest{margin-top:var(--space-2)}.band{gap:var(--space-1);margin:0 calc(var(--space-3) * -1) calc(max(var(--space-3), env(safe-area-inset-bottom)) * -1);padding:var(--space-3) var(--space-3) max(var(--space-3), env(safe-area-inset-bottom));background:var(--sunken);border-radius:var(--r-lg) var(--r-lg) 0 0;text-align:center;--band-ink:var(--text-dim);flex-direction:column;flex:none;display:flex}.band--correct{background:var(--correct-soft);--band-ink:var(--correct)}.band--partial{background:var(--primary-soft);--band-ink:var(--primary)}.band__verdict{color:var(--band-ink);font-size:var(--step-1);font-weight:700}.band__score{color:var(--band-ink);font-size:var(--step-3);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.tok{display:inline-block;position:relative}.tok:after{content:"";border-radius:2px;height:3px;position:absolute;bottom:-.16em;left:0;right:0}.tok--match{color:var(--text)}.tok--match:after{background:var(--correct)}.tok--wrong{color:var(--wrong)}.tok--wrong:after{background:repeating-linear-gradient(90deg, var(--wrong) 0 4px, transparent 4px 8px)}.tok--miss{color:var(--text-faint)}#app[data-screen=maintenance]{background:#e6f0f8;padding:0}.maint{min-height:100svh;padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));flex:none;place-items:center;display:grid}.maint__card{text-align:center;background:#fff;border:1px solid #e3e5e9;border-radius:16px;width:100%;max-width:26rem;padding:2.5rem 2rem;box-shadow:0 1px 2px #1012180a,0 8px 24px #1012180f}.maint__art{width:100%;max-width:16rem;height:auto;margin:0 auto 1.75rem;display:block}.maint__title{color:#1b1f27;margin:0 0 1rem;font-size:1.5rem;font-weight:700;line-height:1.4}.maint__lines{color:#1b1f27;white-space:pre-line;word-break:auto-phrase;margin:0;font-size:.95rem;line-height:1.85}.maint__message{color:#5b6273;white-space:pre-line;word-break:auto-phrase;border-top:1px solid #eceef2;margin:1.5rem 0 0;padding-top:1.25rem;font-size:.9rem;line-height:1.8}