:root{--ink:#17332d;--muted:#586963;--paper:#f6f4ee;--green:#183e34;--lime:#d9ed9a;--line:#d8ddd2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Noto Sans JP',sans-serif;line-height:1.7}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b98022;outline-offset:4px}header{max-width:1000px;margin:auto;padding:28px 24px 20px;display:flex;align-items:center;justify-content:space-between}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column}.brand b{letter-spacing:.11em;font-size:21px}.brand span{font-size:12px;color:var(--muted)}.pill,.tag{font-size:11px;letter-spacing:.08em;border:1px solid var(--line);border-radius:20px;padding:5px 12px}nav{max-width:952px;margin:auto;display:flex;border-bottom:1px solid var(--line);gap:8px;padding:0 0 12px}nav button{background:none;border:0;border-radius:9px;color:var(--muted);padding:10px 18px}nav button.active{color:white;background:var(--green)}main{max-width:952px;min-height:62vh;margin:26px auto 50px}h1{font-size:38px;line-height:1.35;letter-spacing:-.03em;margin:12px 0 20px}h2{font-size:25px;line-height:1.5;margin:12px 0 22px}h3{margin:0 0 8px}p{margin:10px 0}small,.muted{color:var(--muted)}.hero{background:var(--green);color:white;border-radius:24px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;overflow:hidden}.hero .muted{color:#cfddd5}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:650}.primary{border:0;background:var(--lime);color:#183629;padding:14px 26px;border-radius:12px;font-weight:750;min-height:52px}.secondary{border:1px solid var(--line);background:white;border-radius:12px;padding:12px 20px;color:var(--ink)}.hero .primary{margin-top:18px}.scene{display:flex;align-items:center;justify-content:center;flex-direction:column}.bubble{font-size:16px;background:#ffffff12;border:1px solid #ffffff30;padding:18px;border-radius:16px;margin-bottom:20px}.cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:22px 0}.card{background:#fff;color:#163c37;border:1px solid #e1e3dc;box-shadow:0 5px 0 #00000009;border-radius:12px;min-width:62px;padding:12px 15px;font-family:Georgia,serif;font-size:29px;font-weight:bold;text-align:center;line-height:1.2}.card.red{color:#b3383e}.card span{display:block;font-size:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stat,.panel,.word{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.stat strong{font-size:30px;display:block}.stat span{font-size:13px;color:var(--muted)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:28px}.panel p{color:var(--muted)}.quiz{max-width:730px;margin:auto}.quizhead{display:flex;align-items:center;justify-content:space-between}.bar{height:6px;background:#dfe4d8;border-radius:8px;margin:18px 0 28px;overflow:hidden}.bar>i{display:block;background:var(--green);height:100%}.quote{border-left:4px solid #9bb98a;padding:16px 20px;background:#f0f5e8;border-radius:0 12px 12px 0;font-size:18px;margin:18px 0}.options{display:grid;gap:12px;margin:24px 0}.option{text-align:left;border:1px solid var(--line);background:white;border-radius:13px;padding:16px 20px;color:var(--ink);font-size:17px;display:flex;gap:14px}.option:disabled{cursor:default;opacity:1}.option.correct{border:2px solid #438051;background:#ecf6e5}.option.wrong{border:2px solid #b44d48;background:#fff1ed}.option em{font-style:normal;color:var(--muted)}.feedback{padding:22px;background:#eff5e5;border-radius:14px;margin-bottom:20px}.feedback.bad{background:#fff0e7}.actions{display:flex;gap:12px;flex-wrap:wrap}.search{width:100%;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:12px 0 24px}.word h3{font-size:21px}.word .en{font-size:12px;letter-spacing:.08em;color:var(--muted)}.word p{font-size:15px}.word .example{background:#f6f7f1;border-radius:8px;padding:12px}.word .tag{float:right}.wordlist{display:grid;grid-template-columns:1fr 1fr;gap:14px}footer{max-width:952px;margin:0 auto;padding:22px 0 32px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}footer a{color:var(--green)}.bigscore{font-size:64px;line-height:1.2;font-weight:750}.center{text-align:center}.notice{font-size:13px;padding:12px;background:#fff4d5;border-radius:10px}.empty{padding:45px 20px;text-align:center}.row{display:flex;justify-content:space-between;gap:16px;margin:15px 0}.sources a{color:var(--green)}@media(max-width:650px){header{padding:21px 18px 16px}.pill{display:none}nav{margin:0 16px;gap:0;justify-content:space-between}nav button{padding:10px 12px;font-size:14px}main{margin:20px 16px 32px}.hero{padding:26px;grid-template-columns:1fr;gap:12px}h1{font-size:29px}.hero .scene{display:none}.stats{gap:8px}.stat{padding:16px 10px}.stat strong{font-size:25px}.stat span{font-size:11px}.grid,.wordlist{grid-template-columns:1fr}.panel{padding:22px}h2{font-size:22px}.option{font-size:16px;padding:16px}.card{min-width:48px;padding:10px;font-size:25px}.card span{font-size:22px}.cards{gap:7px}footer{margin:0 18px}.quizhead{font-size:13px}.primary{width:100%}.actions .secondary{flex:1}.word{padding:22px}}