:root{--bg: #0f1419;--card: #1a212b;--card2: #232d3a;--fg: #e6edf3;--muted: #8b98a8;--accent: #4cc2ff;--ok: #3fb950;--bad: #f85149;--border: #2d3744}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:720px;margin:0 auto;padding:1.5rem 1rem 4rem}.loading{text-align:center;margin-top:4rem;color:var(--muted)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}header h1{font-size:1.4rem;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none}.dotdash{color:var(--accent);letter-spacing:2px}.home,.reset{background:var(--card2);color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:.45rem .8rem;cursor:pointer;font-size:.9rem}.home:hover,.reset:hover{border-color:var(--accent)}.menu{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.mode-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.2rem;cursor:pointer;text-align:left;color:var(--fg);transition:transform .08s ease,border-color .15s ease}.mode-card:hover{border-color:var(--accent);transform:translateY(-2px)}.mode-icon{font-size:1.6rem}.mode-label{font-weight:600;font-size:1.05rem}.mode-desc{color:var(--muted);font-size:.85rem}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem}.card.center{display:flex;flex-direction:column;align-items:center;gap:1.1rem}.card h2{margin:0}.muted{color:var(--muted);font-size:.9rem}button{font-family:inherit}.card button{background:var(--card2);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:.6rem 1.1rem;font-size:1rem;cursor:pointer}.card button:hover{border-color:var(--accent)}.next{background:var(--accent)!important;color:#06222f!important;font-weight:600}.big-letter{font-size:6rem;font-weight:700;line-height:1}.big-letter.done-letter{color:var(--ok)}.countdown{min-height:1.2rem}.reveal{display:flex;flex-direction:column;align-items:center;gap:.8rem}.morse-code{font-family:SF Mono,Menlo,monospace;font-size:2.4rem;letter-spacing:6px;color:var(--accent)}.hint{color:var(--fg);font-size:1rem}.word-display{display:flex;gap:.5rem;font-size:2rem;font-weight:700;letter-spacing:2px}.word-char{color:var(--muted);padding:0 .2rem;border-bottom:3px solid transparent}.word-char.done{color:var(--ok)}.word-char.active{color:var(--fg);border-bottom-color:var(--accent)}.morse-input{font-family:SF Mono,Menlo,monospace;font-size:2.2rem;min-height:2.6rem;letter-spacing:8px;color:var(--accent)}.morse-input.error{color:var(--bad)}.symbol-buttons{display:flex;gap:1rem}.symbol{font-size:1.4rem!important;padding:1rem 2rem!important;min-width:110px}.symbol.dot{color:var(--accent)!important}.symbol.dash{color:#ffd166!important}.hint-btn{font-size:.9rem!important}.big-audio{font-size:1.3rem!important;padding:1rem 2rem!important}.text-input{background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--fg);font-size:1.3rem;padding:.7rem 1rem;text-align:center;width:240px}.text-input:focus{outline:none;border-color:var(--accent)}.feedback{display:flex;flex-direction:column;align-items:center;gap:.6rem;font-size:1.1rem;font-weight:600}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}.score{color:var(--muted);font-size:.95rem}.stats-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.stats-table{width:100%;border-collapse:collapse}.stats-table th,.stats-table td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border);font-size:.95rem}.stats-table th{color:var(--muted);font-weight:500}.char-cell{font-weight:700;font-size:1.1rem}.bar-cell{width:35%}.bar{display:block;height:10px;background:var(--bad);border-radius:5px;min-width:2px}@media (max-width: 560px){.menu{grid-template-columns:1fr}}