:root{--accent: #3a5a8c;--bg: #f6f4ef;--card: #ffffff;--text: #26323f;--muted: #6b7785;--green: #2e9e5b;--yellow: #e0a52e;--red: #d4604f;--gap: #e8e2d6;--shaky: #f3d9a4;--secure: #bfdfc9;--mastered: #57b87f;--radius: 18px;--shadow: 0 2px 10px rgba(38, 50, 63, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:19px;line-height:1.45;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}.app{max-width:720px;margin:0 auto;padding:16px;min-height:100%;display:flex;flex-direction:column}h1{font-size:1.5rem;margin:.4em 0}h2{font-size:1.2rem;margin:.4em 0}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:14px}button{font:inherit;border:none;border-radius:14px;padding:14px 20px;min-height:52px;min-width:52px;background:#eceae3;color:var(--text);cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button.primary{background:var(--accent);color:#fff;font-weight:600}button.big{width:100%;font-size:1.25rem;padding:20px}button.ghost{background:transparent;color:var(--muted)}button:disabled{opacity:.45}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between}.center{text-align:center}.muted{color:var(--muted);font-size:.9em}.spacer{flex:1}.progressbar{height:8px;background:#e6e2d8;border-radius:4px;overflow:hidden;margin:8px 0 16px}.progressbar>div{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.segbar{display:flex;gap:6px;margin:8px 0 16px}.seg{display:flex;flex-direction:column;gap:3px;min-width:0}.seg-track{height:8px;background:#e6e2d8;border-radius:4px;overflow:hidden}.seg-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.seg-label{font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.55}.seg-label.on{opacity:1;font-weight:600}.dayplan{text-align:left;background:#f4f1e9;border-radius:12px;padding:10px 16px;margin:10px 0 14px}.dayplan p{margin:6px 0}.prompt{font-size:1.45rem;font-weight:600;margin:18px 0}.prompt.reading{font-size:1.15rem;font-weight:400;line-height:1.7}.choices{display:flex;flex-direction:column;gap:12px}.choices button{font-size:1.2rem;text-align:left;padding:16px 20px;background:#fff;border:2px solid #e3dfd4}.choices button.sel{border-color:var(--accent)}.choices button.ok{border-color:var(--green);background:#ebf7f0}.choices button.no{border-color:var(--red);background:#fbeeec}.answer-input{font-size:1.6rem;padding:14px 18px;border:2px solid #d8d3c6;border-radius:14px;width:100%;background:#fff}.answer-input:focus{outline:none;border-color:var(--accent)}.feedback-ok{color:var(--green);font-size:1.3rem;font-weight:700}.feedback-no{color:var(--text)}.steps{background:#f4f1e9;border-radius:12px;padding:14px 18px;margin:12px 0}.steps li{margin:6px 0}.chip{border-radius:999px;padding:10px 18px;background:#fff;border:2px solid #e3dfd4;font-size:1rem}.chip.sel{border-color:var(--accent);background:#eef2f8}.timerbar{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.95rem}.map-domain{margin-bottom:18px}.map-grid{display:flex;flex-wrap:wrap;gap:8px}.map-cell{width:80px;height:64px;border-radius:12px;padding:6px;font-size:.62rem;line-height:1.15;overflow:hidden;color:#26323fbf;display:flex;align-items:flex-end}.map-cell.unknown{background:#efece4}.map-cell.gap{background:var(--gap)}.map-cell.shaky{background:var(--shaky)}.map-cell.secure{background:var(--secure)}.map-cell.mastered{background:var(--mastered);color:#fff}table.heat{border-collapse:collapse;width:100%;font-size:.85rem}table.heat td,table.heat th{padding:6px 8px;text-align:left;border-bottom:1px solid #eee7da}.dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:4px;vertical-align:-2px}.ampel{display:flex;gap:8px}.ampel button{width:56px;height:44px;border-radius:10px;opacity:.35}.ampel button.on{opacity:1;outline:3px solid var(--text);outline-offset:1px}.ampel .g{background:var(--green)}.ampel .y{background:var(--yellow)}.ampel .r{background:var(--red)}.home-tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-tiles .card{margin:0;text-align:center;padding:22px 14px;font-weight:600}.tile-emoji{font-size:2rem;display:block;margin-bottom:6px}.streak{font-size:.95rem;color:var(--muted)}.journal-photo{width:100%;border-radius:14px}.journal-thumb{width:72px;height:72px;object-fit:cover;border-radius:12px}textarea.journal{width:100%;min-height:80px;font:inherit;font-size:1.1rem;border:2px solid #d8d3c6;border-radius:14px;padding:12px;background:#fff}.tts-btn{background:#eef2f8;border-radius:50%;width:52px;height:52px;font-size:1.4rem;padding:0;flex-shrink:0}@media print{body{background:#fff;font-size:12px}.no-print{display:none!important}.app{max-width:none;padding:0}.card{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid}}@media(max-width:420px){body{font-size:17px}.home-tiles{grid-template-columns:1fr}}