main{padding-top:28px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:36px}.breadcrumb a:hover{color:var(--green)}.grammar-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:clamp(32px,6vw,78px)}.settings h1{font-size:52px}.settings .intro{font-size:15px;margin:20px 0 28px}.field{margin-bottom:18px}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px;color:var(--ink);font-size:14px}.help,.privacy,.small{font-size:12px;color:var(--muted);line-height:1.65}.help{margin:7px 0}.privacy{margin-top:18px}.stats{display:flex;gap:32px;margin:24px 0}.stats>div{display:flex;flex-direction:column}.stats strong{font:36px 'Newsreader',Georgia,serif;color:var(--green)}.stats span{font-size:11px;color:var(--muted)}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:600}.primary:hover{background:#193d30}.settings .primary{width:100%}.study{min-width:0}.study-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.study-heading h2{font-size:27px}.study-heading span{font-size:13px;color:var(--muted);white-space:nowrap}.track{height:3px;background:var(--line);margin:16px 0 24px}.track span{display:block;height:100%;background:var(--green);width:0}.welcome,.grammar-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:36px;box-shadow:0 10px 35px #244f4007}.welcome{min-height:390px}.welcome h2{font-size:34px}.welcome p{line-height:1.8;color:var(--muted)}.welcome .jp-mark{font:60px/1.6 'Noto Sans JP',sans-serif;color:var(--green);margin:8px 0 24px}.grammar-card{min-height:400px;overflow-wrap:anywhere}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.card-meta span:last-child{color:var(--green)}.task{color:var(--muted);font-size:13px;margin:36px 0 16px;text-align:center}.front{font:48px/1.6 'Noto Sans JP',sans-serif;text-align:center;margin-bottom:14px}.front.phrase{font:26px/1.6 'DM Sans',sans-serif}.cue{font-size:13px;color:var(--green);text-align:center}.answer{text-align:center;margin-top:26px}.answer .reading{font:20px/1.8 'Noto Sans JP',sans-serif;color:var(--red);margin:10px 0}.answer .reading.phrase{font-size:23px;color:var(--ink);text-align:left}.example{text-align:left;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.example p:first-child{font:16px/1.9 'Noto Sans JP',sans-serif}.example p:last-child{font-size:14px;color:var(--muted)}.answer .small{text-align:left}.actions{margin-top:18px}.ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ratings button{font-size:13px;padding:13px 8px}.ratings button:last-child{background:#e9eee3}.grammar-guide{margin-top:56px;padding-top:30px;border-top:1px solid var(--line)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:24px 0}.guide-grid h3{font-size:24px}.guide-grid p{font-size:14px;color:var(--muted)}[hidden]{display:none!important}.result .primary{margin:8px}.study button:disabled{opacity:.5}.grammar-card a{text-decoration:none}
@media(max-width:1180px){main{margin:0 32px}}@media(max-width:800px){.grammar-layout{grid-template-columns:1fr;gap:30px}.settings h1{font-size:44px}.settings .intro{max-width:640px}.field{display:inline-block;width:calc(50% - 10px);vertical-align:top;margin-right:8px}.stats{margin:14px 0}.settings .primary{max-width:350px}.study-heading h2{font-size:26px}.grammar-guide{margin-top:38px}.privacy{max-width:620px}.guide-grid{grid-template-columns:1fr;gap:14px}.grammar-card,.welcome{padding:26px;min-height:330px}}@media(max-width:480px){main{margin:0 20px}.field{display:block;width:100%;margin-right:0}.grammar-card,.welcome{padding:22px}.front.phrase{font-size:22px}.front{font-size:42px}.ratings{gap:6px}.ratings button{font-size:12px}.answer .reading.phrase{font-size:20px}.study-heading{align-items:flex-start}.study-heading h2{font-size:25px}}