:root{--bg: #eceee8;--ink: #17241f;--muted: #5d6b64;--line: #cfd5cc;--card: #f8f9f5;--land: #5f7f2a;--meer: #17678a;font-family:Bricolage Grotesque,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}#app{max-width:1080px;margin:0 auto;padding:2rem 1.25rem 3rem}button,select{font:inherit;color:inherit}:focus-visible{outline:3px solid #e0a526;outline-offset:2px}.top h1{font-size:clamp(2.6rem,8vw,5rem);font-weight:800;line-height:1;margin:0 0 .5rem;letter-spacing:-.03em}.top p{margin:0;color:var(--muted);max-width:46ch}.controls{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;margin:2rem 0 1.5rem;padding:.75rem 0;border-block:1px solid var(--line)}.seg{display:flex;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden}.seg button{border:0;background:none;padding:.45rem .9rem;cursor:pointer}.seg button.on{background:var(--ink);color:#fff}.seg button.on.land{background:var(--land)}.seg button.on.meer{background:var(--meer)}.field{display:flex;align-items:center;gap:.5rem;color:var(--muted)}select{padding:.4rem .6rem;border:1.5px solid var(--ink);border-radius:8px;background:var(--card)}.check{display:flex;align-items:center;gap:.4rem;cursor:pointer}.btn{border:1.5px solid var(--ink);background:var(--card);border-radius:8px;padding:.45rem .9rem;cursor:pointer}.btn:hover{background:var(--ink);color:#fff}.hint{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;align-items:start}.card{--c: var(--land);background:var(--card);border:1px solid var(--line);border-left:6px solid var(--c);border-radius:6px}.card.meer{--c: var(--meer)}.card.speaking{box-shadow:0 0 0 3px #e0a526}.head{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem .6rem;background:none;border:0;text-align:left;cursor:pointer}.emoji{font-size:2rem;line-height:1}.title{flex:1;display:flex;flex-direction:column;min-width:0}.title small{color:var(--c);font-weight:600}.value{font-size:1.25rem;font-weight:800;white-space:nowrap}.bar{height:6px;margin:0 1rem .85rem;background:var(--line);border-radius:3px}.bar i{display:block;height:100%;background:var(--c);border-radius:3px;transition:width .35s}.body{padding:0 1rem 1rem}.body p{margin:.25rem 0 .9rem;line-height:1.5}dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 1rem}dt{color:var(--muted);font-size:.85rem}dd{margin:0;font-weight:600}footer{margin-top:2rem;color:var(--muted);font-size:.9rem}@media(prefers-reduced-motion:reduce){.bar i{transition:none}}