:root{--bg: #f6f4ef;--card: #ffffff;--text: #1f2328;--muted: #6b6f76;--line: #e3e0d8;--accent: #2f6f5e;--accent-text: #ffffff;--ok: #e3f4e8;--ok-line: #3f9a5b;--bad: #fdecea;--bad-line: #c4523f;--soft: #eef3f1;--radius: 14px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #15181b;--card: #1e2226;--text: #e8e6e3;--muted: #9aa0a6;--line: #33383d;--accent: #5fb39a;--accent-text: #0f1412;--ok: #1d3326;--ok-line: #5fb37a;--bad: #3a2220;--bad-line: #e07c68;--soft: #243029}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%}.app{max-width:640px;margin:0 auto;padding:16px 16px 40px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;gap:14px}.card.narrow{max-width:420px;margin:8vh auto 0}h1{font-size:1.6rem;margin:0;line-height:1.2}h2{font-size:1.25rem;margin:0;line-height:1.25}h3{font-size:1.05rem;margin:0 0 6px}p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center;margin-top:30vh}.error{color:var(--bad-line)}.row{display:flex;align-items:center;gap:10px;justify-content:space-between}label{display:flex;flex-direction:column;gap:6px;font-weight:500}input,textarea{font:inherit;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);width:100%}input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);padding:12px 16px;min-height:48px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.secondary{background:var(--soft);border-color:transparent}button.big{min-height:60px;font-size:1.15rem}button.link{background:none;border:none;color:var(--muted);padding:8px 4px;min-height:0;text-decoration:underline}.profiles{display:grid;gap:10px}.profile{display:flex;align-items:center;gap:14px;font-size:1.15rem;min-height:64px;text-align:left}.profile-icon{font-size:1.8rem}.pin-dots{font-size:2rem;letter-spacing:.4em;text-align:center;min-height:2.6rem}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pinpad button{font-size:1.4rem;min-height:60px}.walle{display:flex;gap:12px;align-items:center;background:var(--soft);border-radius:var(--radius);padding:12px 14px}.walle-face{font-size:2.4rem}details summary{cursor:pointer;color:var(--accent)}details p{margin-top:8px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.stats div{background:var(--soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column}.stats b{font-size:1.5rem}.stats span{color:var(--muted);font-size:.85rem}.progress{flex:1;height:8px;background:var(--soft);border-radius:99px;overflow:hidden}.progress div{height:100%;background:var(--accent);transition:width .3s}.badge{background:var(--soft);border-radius:99px;padding:6px 12px;align-self:flex-start;font-size:.9rem}.prompt{font-weight:600}.prompt-en{font-size:1.15rem;font-style:italic}.prompt-picture{display:flex;justify-content:center}.audio{display:flex;gap:10px;flex-wrap:wrap}.audio .play{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600;min-width:150px}.audio .play.big{min-height:72px;min-width:200px;font-size:1.3rem}.reading{background:var(--soft);border-radius:12px;padding:14px;font-size:1.05rem}.options{display:grid;gap:10px}.option{text-align:left;min-height:56px}.option.picked-ok{background:var(--ok);border:2px solid var(--ok-line);opacity:1}.option.picked-bad{background:var(--bad);border:2px solid var(--bad-line);opacity:1}.options.pictures{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.options.pictures .option{display:flex;justify-content:center;min-height:120px}.picture{display:inline-flex;gap:2px}.picture img{width:84px;height:84px}.prompt-picture .picture img{width:120px;height:120px}.build{display:flex;flex-direction:column;gap:12px}.built,.blocks{display:flex;flex-wrap:wrap;gap:8px;min-height:52px;align-items:center}.built{border-bottom:2px dashed var(--line);padding-bottom:10px}.block{min-height:44px;padding:8px 14px}.block.chosen{background:var(--soft)}.typed{display:flex;flex-direction:column;gap:10px}.hint{background:var(--soft);border-radius:10px;padding:10px 12px}.helpers{justify-content:flex-start}.feedback{border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px;border:1px solid}.feedback.ok{background:var(--ok);border-color:var(--ok-line)}.feedback.bad{background:var(--bad);border-color:var(--bad-line)}.verdict{font-weight:700;font-size:1.1rem}.summary{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:6px}.child{font-size:19px}.child .prompt{font-size:1.4rem}.child .options.pictures .option{min-height:150px}.child .picture img{width:104px;height:104px}.child .block{font-size:1.15rem;min-height:54px}.report article{display:flex;flex-direction:column;gap:8px}.report h3{margin-top:10px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{min-height:40px;padding:6px 14px}select{font:inherit;padding:8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-size:.85rem;width:100%}th,td{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}button.walle{text-align:left;width:100%;border:none}button.say{min-height:0;padding:2px 8px;margin-left:8px;border:none;background:var(--soft);font-size:1.1rem;vertical-align:middle}.voice-list{padding-left:20px;display:flex;flex-direction:column;gap:14px}.voice-list li{border-bottom:1px solid var(--line);padding-bottom:12px}.voice-list li.recorded::marker{color:var(--ok-line)}.voice-list li.recorded>p:after{content:" ✓";color:var(--ok-line)}.voice-list audio{height:36px;max-width:100%}