:root{--bg:#f7f5f0;--card:#fff;--text:#1c1c1a;--muted:#6b6a65;--line:#dcd9d0;--accent:#1f6f8b;--accent-text:#fff;--good:#2e7d4f;--bad:#b3402e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161615;--card:#222220;--text:#eceae4;--muted:#a09e97;--line:#3a3936;--accent:#4da3c0;--accent-text:#0e1b20;--good:#6fc292;--bad:#ec8a78}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;font-size:17px;line-height:1.6}#app{max-width:34rem;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 24px);flex-direction:column;gap:14px;min-height:100dvh;margin:0 auto;display:flex}h1{margin:8px 0 0;font-size:1.3rem}h2{margin:0;font-size:1.1rem}p{margin:0}a{color:var(--accent)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex}.muted{color:var(--muted);font-size:.9rem}.note{color:var(--muted);font-size:.95rem}.bar{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.bar-fill{background:var(--accent);height:100%}.refs{margin:0;padding-left:1.2em;font-size:.95rem}.top{justify-content:space-between;display:flex}.gloss{font-size:1rem}.prompt{overflow-wrap:anywhere;font-size:1.5rem;font-weight:600;line-height:1.4}.options{flex-direction:column;gap:10px;margin-top:8px;display:flex}button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--card);cursor:pointer;touch-action:manipulation;border-radius:12px;min-height:52px;padding:10px 16px}button.option{text-align:left;font-size:1.1rem}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);margin-top:8px;font-weight:600}button.primary:disabled{opacity:.4;cursor:default}button.secondary{background:0 0}.answer-row,.tile-row{flex-wrap:wrap;align-items:center;gap:8px;min-height:68px;display:flex}.answer-row{border-bottom:2px solid var(--line);padding-bottom:8px}.end-mark{font-size:1.5rem;font-weight:600}button.tile{min-height:48px;font-size:1.2rem}.verdict{font-size:1.3rem;font-weight:700}.verdict.good{color:var(--good)}.verdict.bad{color:var(--bad)}a.explain{font-size:.95rem}
