:root{color-scheme:light dark;--bg:#f2f5ff;--surface:#fff;--text:#24304b;--muted:#606c85;--primary:#4260d5;--primary-text:#fff;--soft:#eaf0ff;--border:#dce3f1;--green:#167446;--green-bg:#e4f6ea;--red:#ae3245;--red-bg:#ffe9ed;--shadow:0 8px 28px #334f9910}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,"Hiragino Sans",sans-serif;font-size:16px;line-height:1.65}main{max-width:680px;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}h1,h2,h3,p{margin:0 0 12px}h1{font-size:27px;letter-spacing:.02em}h2{font-size:22px}h3{font-size:18px}button,input,select{font:inherit}button,select{min-height:48px}button{border:0;border-radius:15px;padding:13px 18px;background:var(--primary);color:var(--primary-text);font-weight:700;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}button:disabled{cursor:default;opacity:.55}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:4px}button:hover:not(:disabled){filter:brightness(.96)}label{display:flex;align-items:center;gap:9px;min-height:48px;cursor:pointer}input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary);flex-shrink:0}select{padding:8px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text)}.brand{display:flex;gap:16px;align-items:center;margin:12px 0 28px}.brand p{margin:0}.logo{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;background:var(--primary);color:white;border-radius:20px;font-size:25px;font-weight:800;transform:rotate(-6deg)}.eyebrow,.hint,footer{color:var(--muted);font-size:16px}.panel{background:var(--surface);padding:22px;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);margin:16px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-heading h2,.section-heading h3,.section-heading p{margin:0}.quiet,.secondary{background:var(--soft);color:var(--primary)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.mode-grid button span{display:block;font-size:16px;font-weight:400;margin-top:6px}.wide{width:100%;margin-top:12px}.unit-row{padding:12px 0;border-top:1px solid var(--border)}.unit-row label{font-weight:700}.unit-detail{margin-left:35px;color:var(--muted)}progress{display:block;width:100%;height:9px;accent-color:var(--primary);margin:12px 0 18px}.unit-detail progress{margin:7px 0}.option{margin:8px 0 16px}.centered{text-align:center}.flashcard{display:block;width:100%;height:330px;padding:0;margin:20px 0;background:transparent;color:var(--text);perspective:1000px;user-select:none;-webkit-user-select:none;font-weight:400}.card-inner{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s}.no-anim .card-inner{transition:none}.flipped .card-inner{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:22px;background:var(--surface);border:2px solid var(--border);border-radius:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:var(--shadow)}.back{transform:rotateY(180deg);border-color:var(--primary)}.card-face strong,.big-word{font-size:clamp(28px,8vw,40px);line-height:1.3;overflow-wrap:anywhere}.badge{padding:2px 14px;border-radius:20px;background:var(--soft);color:var(--primary)}.navigation{margin-top:18px}.choices{display:grid;gap:12px}.choices button{background:var(--surface);color:var(--text);border:2px solid var(--border);text-align:left}.choices button:disabled{opacity:1}.choices .correct{background:var(--green-bg);border-color:var(--green);color:var(--green)}.choices .wrong{background:var(--red-bg);border-color:var(--red);color:var(--red)}.score{font-size:28px;font-weight:800;color:var(--primary)}.celebration{font-size:70px;color:var(--primary)}.word-list,.history-list{padding-left:24px}.word-list li,.history-list li{padding:12px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.history-list small{display:block;font-size:16px;color:var(--muted)}.danger{background:var(--red-bg);color:var(--red)}.notice{background:var(--red-bg);padding:14px;border-radius:14px}footer{text-align:center;margin-top:32px}[hidden]{display:none!important}#answer-feedback{margin-top:18px;font-weight:700}#speech-message{margin-top:16px} @media(max-width:370px){.mode-grid{grid-template-columns:1fr}.panel{padding:16px}.brand{gap:10px}h1{font-size:24px}}@media(prefers-reduced-motion:reduce){.card-inner{transition:none}}@media(prefers-color-scheme:dark){:root{--bg:#141c2c;--surface:#202b40;--text:#eef2ff;--muted:#b1bed6;--primary:#a7b8ff;--primary-text:#172443;--soft:#303e60;--border:#3c4964;--green:#92e3b2;--green-bg:#203e32;--red:#ffabb8;--red-bg:#482b38;--shadow:none}.logo{color:#172443}}