*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(160deg,#eefaf2,#eef2ff);min-height:100vh;color:#23324d}.page{max-width:560px;margin:0 auto;padding:2rem 1.25rem;text-align:center;display:flex;flex-direction:column;gap:1rem}h1{margin:0}button{font:inherit;border:2px solid #c3e3cf;border-radius:12px;background:#fff;padding:.6rem 1.2rem;cursor:pointer}button.primary{background:#1e9e57;border-color:#1e9e57;color:#fff;font-weight:600}button:disabled{cursor:default;opacity:.55}.hint{color:#6b7a99;margin:0}.error{color:#c0392b;margin:0}.avatar-row{display:flex;justify-content:center;gap:.4rem;margin-bottom:.6rem}.avatar{font-size:1.4rem;padding:.35rem .55rem}.avatar.selected{border-color:#1e9e57;background:#e2f5ea}.name-row{display:flex;gap:.5rem;justify-content:center}input{font:inherit;border:2px solid #c3e3cf;border-radius:12px;padding:.6rem .9rem;width:100%;max-width:240px}.admin-page{max-width:760px}.admin-table{display:flex;flex-direction:column;gap:.35rem}.admin-row{display:grid;grid-template-columns:1.3fr 1fr .9fr 1fr .8fr 1.1fr;gap:.5rem;align-items:center;background:#fff;border:2px solid #c3e3cf;border-radius:10px;padding:.45rem .7rem;font-size:.85rem;text-align:left}.admin-row.three{grid-template-columns:1fr 2fr 1fr}@media (max-width: 640px){.admin-row,.admin-row.three{grid-template-columns:1fr 1fr}}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.4rem .5rem;font-size:1.05rem;font-weight:700}.mode-emoji{font-size:2.6rem}.mode-sub{font-size:.8rem;font-weight:500;color:#6b7a99}.section-title{margin:.6rem 0 .35rem;font-size:.9rem;color:#6b7a99;text-align:left}.lesson-list{display:flex;flex-direction:column;gap:.4rem}.lesson-agg{font-weight:600;margin:0}.attempt-list{display:flex;flex-direction:column;gap:.3rem}.attempt-row{display:grid;grid-template-columns:5rem 1fr 1fr 1fr;gap:.5rem;background:#fff;border:2px solid #c3e3cf;border-radius:10px;padding:.35rem .7rem;font-size:.85rem;font-weight:600}.attempt-row span:first-child{color:#6b7a99;text-align:left}.lesson-row{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.6rem;align-items:center;text-align:left;padding:.55rem .8rem}.lesson-row.locked{opacity:.5}.lesson-no{font-weight:800;text-align:center}.lesson-name small{color:#6b7a99;font-weight:500}.lesson-best{font-size:.8rem;font-weight:600;color:#1e9e57}.drill-header{display:flex;justify-content:space-between;font-weight:600}.timer{font-weight:700}.timer.urgent{color:#c0392b;animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.15)}}.target-text{font-family:SF Mono,Menlo,Consolas,monospace;font-size:1.5rem;line-height:1.9;text-align:left;word-break:break-word;margin:0}.target-text .typed{color:#1e9e57}.target-text .current{background:#d7e6ff;border-radius:4px;outline:2px solid #3d6df2;white-space:pre}.target-text .current.miss{background:#ffd9d4;outline-color:#c0392b}.target-text .rest{color:#8a97b1}.sprint-box{max-height:12rem;overflow:hidden;background:#fff;border:2px solid #c3e3cf;border-radius:12px;padding:.9rem}.big-score{font-size:1.7rem;font-weight:800;margin:0}.total-points{font-weight:600;margin:0}.keyboard{display:flex;flex-direction:column;gap:.3rem;align-items:center;-webkit-user-select:none;user-select:none}.kb-row{display:flex;gap:.3rem}.kb-key{display:inline-flex;justify-content:center;align-items:center;width:2.1rem;height:2.1rem;border:2px solid #c8d6ef;border-radius:8px;background:#fff;font-family:monospace;font-size:.95rem;text-transform:lowercase}.kb-key.active{background:#3d6df2;border-color:#3d6df2;color:#fff;font-weight:700}.kb-wide{width:3.4rem}.kb-space{width:12rem}.rain-page{max-width:720px}.rain-field{position:relative;height:58vh;background:#fff;border:2px solid #c8d6ef;border-radius:12px;overflow:hidden}.rain-word{position:absolute;font-family:monospace;font-size:1.25rem;font-weight:600;color:#23324d;white-space:nowrap}.rain-word b{color:#1e9e57}.rain-buffer{font-family:monospace;font-size:1.4rem;font-weight:700;letter-spacing:.1em;margin:0;min-height:1.8rem}