*{box-sizing:border-box;margin:0;padding:0}body{background:var(--tg-theme-bg-color,#fff);color:var(--tg-theme-text-color,#1a1a1a);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.exercise-screen{flex-direction:column;height:100vh;padding:16px;display:flex}.exercise-header{color:#888;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.timer{color:#3b82f6;font-size:18px;font-weight:700}.progress-bar{background:#e5e7eb;border-radius:2px;height:4px;margin-bottom:48px}.progress-fill{background:#3b82f6;border-radius:2px;height:100%;transition:width .2s}.problem-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.problem-expr{text-align:center;font-size:42px;font-weight:700}.remainder-hint{color:#888;font-size:13px}.answer-form{align-items:center;gap:12px;width:100%;max-width:320px;display:flex}.answer-input{text-align:center;border:2px solid #e5e7eb;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:28px}.answer-input:focus{border-color:#3b82f6}.answer-input.small{font-size:22px}.remainder-inputs{align-items:center;gap:8px;display:flex}.ost-label{color:#888;white-space:nowrap;font-size:14px}.submit-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:12px 20px;font-size:24px}.done-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:24px;display:flex}.done-icon{font-size:64px}.done-screen h2{font-size:24px}.stats{gap:24px;display:flex}.stat{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-value{color:#3b82f6;font-size:28px;font-weight:700}.stat-label{color:#888;font-size:13px}.done-note{color:#aaa;font-size:13px}.check-screen{text-align:center;flex-direction:column;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.check-screen h2{font-size:22px;font-weight:700}.check-screen p{color:#555;font-size:15px;line-height:1.5}.big-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:14px;width:100%;max-width:320px;margin-top:8px;padding:16px 40px;font-size:18px}.big-btn.stop{background:#ef4444}.big-timer{color:#3b82f6;font-size:64px;font-weight:700}.timer-ring{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:28px;font-weight:700;display:flex}.words-grid{flex-wrap:wrap;justify-content:center;gap:8px;max-width:400px;display:flex}.word-chip{background:#f3f4f6;border-radius:20px;padding:6px 12px;font-size:15px}.recall-input{resize:none;border:2px solid #e5e7eb;border-radius:12px;width:100%;max-width:380px;padding:12px;font-size:16px}.stroop-example{text-align:center;background:#f9fafb;border-radius:12px;padding:16px 24px}.stroop-active{justify-content:space-evenly}.stroop-meta{color:#888;font-size:14px}.stroop-word{text-transform:uppercase;letter-spacing:2px;font-size:52px;font-weight:700}.stroop-buttons{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:320px;display:grid}.stroop-btn{color:#fff;cursor:pointer;text-transform:capitalize;text-shadow:0 1px 2px #0000004d;border:none;border-radius:12px;padding:16px;font-size:16px;font-weight:700}.progress-screen{flex-direction:column;gap:16px;padding:20px;display:flex}.progress-screen h2{font-size:20px;font-weight:700}.progress-screen h3{color:#555;margin-top:8px;font-size:15px}.progress-bar-outer{background:#e5e7eb;border-radius:4px;height:8px}.progress-bar-inner{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s}.no-data{text-align:center;color:#aaa;margin-top:40px}.center{color:#888;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}
