:root{--bg: #0f1a12;--bg2: #14241a;--panel: #1b3024;--ink: #eaf4ea;--muted: #9fc0a6;--accent: #5a9c4a;--accent2: #7bc06a;--weed: #b9772e;--weed2: #d99a45;--line: #2c4633;--good: #6fd07a;--bad: #e07a6f;--radius: 14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1c3322 0%,var(--bg) 60%),var(--bg);color:var(--ink);min-height:100%}#app{max-width:880px;margin:0 auto;padding:18px 16px 60px}header.top{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:6px}header.top h1{font-size:1.7rem;margin:0;letter-spacing:.5px;color:var(--accent2)}header.top h1 .knot{color:var(--weed2)}.tagline{color:var(--muted);font-size:.85rem;margin:0 0 14px}.controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.seg{display:inline-flex;background:var(--bg2);border:1px solid var(--line);border-radius:10px;overflow:hidden}.seg button{background:transparent;color:var(--muted);border:none;padding:7px 13px;cursor:pointer;font-size:.85rem;font-weight:600}.seg button.active{background:var(--accent);color:#07140a}.seg button:not(.active):hover{color:var(--ink)}button.btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:7px 14px;cursor:pointer;font-size:.85rem;font-weight:600}button.btn:hover{border-color:var(--accent)}button.btn.primary{background:var(--accent);color:#07140a;border-color:var(--accent2)}.stats{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.82rem;margin-bottom:12px}.stats b{color:var(--ink)}.bar{height:10px;background:var(--bg2);border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-bottom:16px}.bar>span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s ease}.review{background:linear-gradient(180deg,var(--panel),#16291d);border:1px solid var(--line);border-radius:var(--radius);padding:22px 18px;text-align:center;margin-bottom:18px}.review.weedmode{border-color:var(--weed);box-shadow:0 0 0 1px var(--weed) inset,0 6px 24px #b9772e26}.review .prompt-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:1px}.review .prompt-word{font-size:2.1rem;font-weight:700;margin:8px 0 4px}.review .weedflag{color:var(--weed2);font-size:.8rem;font-weight:700}.review .plantbig{font-size:2.4rem;margin:4px 0}.answer-row{display:flex;gap:8px;justify-content:center;margin-top:14px;flex-wrap:wrap}.answer-row input{background:var(--bg2);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 14px;font-size:1rem;min-width:220px;text-align:center}.answer-row input:focus{outline:none;border-color:var(--accent)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.choices button{background:var(--bg2);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer;font-size:.95rem;font-weight:600}.choices button:hover{border-color:var(--accent)}.choices button.correct{background:var(--good);color:#07140a}.choices button.wrong{background:var(--bad);color:#1a0707}.feedback{margin-top:12px;font-weight:700;min-height:1.2em}.feedback.ok{color:var(--good)}.feedback.no{color:var(--bad)}.idle{color:var(--muted);text-align:center;padding:22px}.garden-title{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin:4px 0 10px}.garden{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.plant{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 6px 8px;text-align:center;position:relative;transition:transform .2s,border-color .2s}.plant.mastered{border-color:var(--accent2);background:linear-gradient(180deg,#1d3525,var(--bg2))}.plant.weed{border-color:var(--weed)}.plant.due{box-shadow:0 0 0 1px var(--accent) inset}.plant .emoji{font-size:1.8rem;line-height:1;display:block}.plant .word{font-size:.72rem;color:var(--muted);margin-top:4px;word-break:break-word}.plant .stage{font-size:.62rem;color:var(--muted);opacity:.7;margin-top:2px}.plant .wiltbar{height:4px;background:#2a1a0c;border-radius:999px;margin-top:6px;overflow:hidden}.plant .wiltbar>span{display:block;height:100%;background:var(--weed2)}#overlay{position:fixed;inset:0;background:#071009d1;display:flex;align-items:center;justify-content:center;z-index:50}#overlay.hidden{display:none}#overlay .card{background:var(--panel);border:1px solid var(--accent2);border-radius:16px;padding:26px 28px;text-align:center;max-width:360px}#overlay .card h2{margin:0 0 8px;color:var(--accent2)}#overlay .card p{color:var(--muted);margin:6px 0}#overlay .card .big{font-size:2rem;color:var(--ink);font-weight:800}