@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{--ink:#173d35;--ink-2:#285249;--paper:#f7f6f1;--white:#fff;--line:#d8ded8;--muted:#6b7c76;--amber:#f4b642;--red:#b3483f;--green:#28775f;color:var(--ink);font-family:Noto Sans JP,sans-serif;background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper)}button{font:inherit}button:focus-visible{outline:3px solid var(--amber);outline-offset:3px}svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.shell{width:min(100%,760px);min-height:100vh;margin:auto;padding:0 1.25rem}.brand{height:5.25rem;display:flex;align-items:center;gap:.65rem;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.12em;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;color:var(--paper);background:var(--ink);font-size:.75rem;letter-spacing:0;border-radius:4px}.intro{padding:3.75rem 0 3rem}.eyebrow{margin:0 0 1.1rem;color:var(--green);font:700 .72rem/1 DM Sans,sans-serif;letter-spacing:.16em}h1{margin:0;font-size:clamp(2.35rem,10vw,4.4rem);line-height:1.14;letter-spacing:-.055em}h1 em{color:var(--green);font-style:normal;position:relative}h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-.15rem;height:.45rem;background:var(--amber);z-index:-1}.lead{margin:1.75rem 0 0;color:var(--muted);font-size:.9rem;line-height:1.9}.setup{padding:1.5rem 0 2.5rem;border-top:1px solid var(--line)}.setup-heading{display:flex;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.step{color:var(--green);font:700 .72rem/1.5 DM Sans,sans-serif;border-bottom:2px solid var(--amber)}h2{margin:0;font-size:1.05rem}.setup-heading p{margin:.3rem 0 0;color:var(--muted);font-size:.74rem}.count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.count-option{min-height:7rem;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;transition:.18s ease}.count-option strong{font:700 1.8rem/1 DM Sans,sans-serif}.count-option>span{margin-left:.18rem;font-size:.75rem}.count-option small{display:block;margin-top:.65rem;color:var(--muted);font-size:.65rem}.count-option:hover{border-color:var(--ink)}.count-option.active{color:var(--white);background:var(--ink);border-color:var(--ink);transform:translateY(-3px);box-shadow:0 6px 0 var(--amber)}.count-option.active small{color:#dce8e3}.primary,.secondary{width:100%;min-height:3.75rem;margin-top:1.6rem;display:flex;align-items:center;justify-content:center;gap:.75rem;border:0;border-radius:5px;font-weight:700;cursor:pointer}.primary{color:#fff;background:var(--ink)}.primary:hover{background:var(--ink-2)}.secondary{margin-top:.7rem;color:var(--ink);background:transparent;border:1px solid var(--line)}footer{display:flex;justify-content:space-between;align-items:center;min-height:4.5rem;color:var(--muted);font-size:.68rem;border-top:1px solid var(--line)}footer span{display:flex;gap:.4rem;align-items:center}footer svg{width:1rem}.quiz{padding-bottom:12rem}.quiz-header{height:4.5rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font:700 .68rem/1 DM Sans,sans-serif;letter-spacing:.08em}.quiz-header strong{justify-self:end;font-size:1rem;letter-spacing:0}.quiz-header small{color:var(--muted);font-weight:500}.text-button{padding:.6rem 0;justify-self:start;color:var(--muted);background:none;border:0;cursor:pointer;font-size:.75rem}.progress{height:3px;margin:0 -1.25rem;background:#dfe3df}.progress i{display:block;height:100%;background:var(--amber);transition:width .25s ease}.question-card{margin-top:2rem;background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden}.question-meta{padding:.85rem 1rem;display:flex;justify-content:space-between;color:var(--muted);background:#f0f2ee;font:700 .64rem/1 DM Sans,sans-serif;letter-spacing:.08em;border-bottom:1px solid var(--line)}.question-card img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.answers{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem}.answer{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.1rem;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;font-weight:700;cursor:pointer}.answer:hover:not(:disabled){border-color:var(--ink);background:#f0f3f0}.answer:disabled{opacity:.55}.answer.correct{opacity:1;color:var(--green);border:2px solid var(--green);background:#eaf4ef}.answer.wrong{opacity:1;color:var(--red);border:2px solid var(--red);background:#f9edeb}.answer b{display:flex}.feedback{position:fixed;z-index:10;left:0;right:0;bottom:0;padding:1rem max(1.25rem,calc((100vw - 720px)/2));display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#fff;box-shadow:0 -8px 30px #173d3520}.feedback.good{background:var(--green)}.feedback.bad{background:var(--red)}.feedback strong{font-size:1.15rem}.feedback p{margin:.2rem 0 0;font-size:.74rem;opacity:.85}.feedback .compact{width:auto;min-width:9.5rem;min-height:3rem;margin:0;padding:0 1rem;background:#fff;color:var(--ink)}.results{padding-bottom:3rem}.score{padding:3rem 0 2rem;text-align:center}.score h1{font-size:clamp(2rem,8vw,3rem)}.score-ring{width:12rem;height:12rem;margin:2rem auto 1.25rem;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--amber) var(--score),#dfe3df 0);position:relative}.score-ring:after{content:"";position:absolute;inset:.7rem;background:var(--paper);border-radius:50%}.score-ring div{z-index:1;display:grid;grid-template-columns:auto auto;align-items:end}.score-ring strong{font:700 3.25rem/.9 DM Sans,sans-serif}.score-ring span{font-size:.8rem}.score-ring small{grid-column:1/-1;margin-top:.5rem;color:var(--muted);font-size:.7rem}.score-message{color:var(--muted);font-size:.85rem}.score-message strong{color:var(--ink)}.review{padding:1.5rem 0;border-top:1px solid var(--line)}.review h2{display:flex;justify-content:space-between;margin-bottom:1rem}.review h2 span{color:var(--red)}.review-list{display:grid;gap:.6rem}.review article{display:grid;grid-template-columns:5rem 1fr;gap:1rem;align-items:center;padding:.7rem;background:#fff;border:1px solid var(--line);border-radius:5px}.review article img{width:5rem;height:4rem;object-fit:cover;object-position:top;border:1px solid var(--line)}.review article div{display:grid;gap:.3rem;font-size:.76rem}.review article span{color:var(--muted)}.review article b{color:var(--green)}.perfect{padding:1.5rem;text-align:center;background:#eaf4ef;color:var(--green);font-weight:700}.result-actions{margin-top:1rem}@media(min-width:700px){.shell{padding-inline:2rem}.progress{margin-inline:-2rem}.home .intro{padding-block:5rem 4rem}.question-card{margin-top:2.5rem}.answers{grid-template-columns:repeat(4,1fr)}.feedback{padding-block:1.25rem}.review-list{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}