:root{--ink:#182018;--soft:#66716b;--paper:#f7f8f6;--card:#fff;--line:#e2e6e0;--accent:#2f8f6a;--accent-ink:#fff;--right:#2f8f6a;--wrong:#c94b4b;--warn:#c98a2f;--radius:14px;--sans:"IBM Plex Sans",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--ink:#eef1ed;--soft:#9aa39c;--paper:#141815;--card:#1d221e;--line:#31382f;--accent:#4bb387;--accent-ink:#0b120e;--right:#4bb387;--wrong:#e2685f;--warn:#dca44b}.camera-tile{border-color:var(--line)}img{opacity:.92}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0 0 .5rem;font-weight:700;line-height:1.2}h1{font-size:1.6rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .7rem}.shell{max-width:640px;margin:0 auto;padding:1rem 1rem 3rem}@media (width>=900px){.shell{max-width:880px;padding:2rem 1.5rem 3rem}}header.top{align-items:center;gap:1rem;padding:.5rem 0 1.2rem;display:flex}header.top .word{margin-right:auto;font-size:1.2rem;font-weight:700}header.top select{width:auto}.tabbar{z-index:10;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-around;gap:.3rem;margin:0 -1rem 1rem;padding:.5rem 1rem;display:flex;position:sticky;top:0}.tabbar button{color:var(--soft);font:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:.2rem;padding:.3rem .8rem;font-size:.8rem;display:flex}.tabbar button[aria-current=true]{color:var(--accent);font-weight:600}.tabbar .dot{opacity:.15;background:currentColor;border-radius:50%;width:22px;height:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:1rem;padding:1.1rem 1.2rem}button.primary,button.ghost{font:inherit;cursor:pointer;border:none;border-radius:999px;padding:.7rem 1.3rem;font-weight:600}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost{color:var(--accent);border:1px solid var(--line);background:0 0}button.big{width:100%;padding:1rem;font-size:1.05rem}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:10px;padding:.65rem .8rem}textarea{min-height:6rem}label{color:var(--soft);margin-bottom:.3rem;font-size:.85rem;display:block}.field{margin-bottom:.9rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.muted{color:var(--soft);font-size:.88rem}.pill{background:var(--paper);color:var(--soft);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;display:inline-block}.big-score{font-size:3rem;font-weight:700;line-height:1}.bar{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.bar>i{background:var(--accent);height:100%;display:block}.spark{align-items:flex-end;gap:3px;height:48px;display:flex}.spark>i{background:var(--accent);opacity:.6;border-radius:2px 2px 0 0;flex:1;min-height:2px}.question{border-radius:var(--radius)}.question .stem{margin:.4rem 0 .8rem;font-size:1.05rem;font-weight:600}.choice{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:.5rem;padding:.7rem .9rem;display:flex}.choice input{width:auto}.choice.picked{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, white)}.q-right{border:2px solid var(--right)}.q-wrong{border:2px solid var(--wrong)}.q-part{border:2px solid var(--warn)}.camera-tile{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--soft);padding:2.5rem 1rem}.camera-tile input{display:none}table{border-collapse:collapse;width:100%;font-size:.9rem}tr.row-clickable{cursor:pointer}tr.row-clickable:hover td{background:var(--paper)}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.5rem .4rem}th{color:var(--soft);font-weight:500}.notice{background:color-mix(in srgb, var(--warn) 12%, var(--card));border:1px solid color-mix(in srgb, var(--warn) 35%, var(--card));color:var(--warn);border-radius:12px;margin-bottom:1rem;padding:.7rem .9rem}.error{background:color-mix(in srgb, var(--wrong) 12%, var(--card));border:1px solid color-mix(in srgb, var(--wrong) 35%, var(--card));color:var(--wrong);border-radius:12px;margin-bottom:1rem;padding:.7rem .9rem}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:2rem auto;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:1.4s}}.shelf-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.shelf-tile{cursor:pointer;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:.4rem;padding:0;display:flex}.shelf-tile span{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.error{border-color:#f2c7c7}.good{background:color-mix(in srgb, var(--right) 12%, var(--card));border:1px solid color-mix(in srgb, var(--right) 35%, var(--card));color:var(--right);border-radius:12px;margin-bottom:1rem;padding:.7rem .9rem}