:root{--bg:#0a0a0f;--surface:#13131a;--card:#1a1a28;--border:#2a2a3a;--text:#cdd6f4;--muted:#7f849c;--dim:#585b70;--accent:#89dceb;--red:#f38ba8;--green:#a6e3a1;--yellow:#f9e2af;--purple:#cba6f7}[data-astro-cid-zz6ax3fo]{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Noto Sans JP,system-ui,sans-serif}header[data-astro-cid-zz6ax3fo]{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}header[data-astro-cid-zz6ax3fo] a[data-astro-cid-zz6ax3fo]{color:var(--accent);font-weight:600;text-decoration:none}.wrap[data-astro-cid-zz6ax3fo]{max-width:1300px;margin:0 auto;padding:16px}.page-header[data-astro-cid-zz6ax3fo]{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.page-title[data-astro-cid-zz6ax3fo]{font-size:1.2rem;font-weight:700}.complete-badge[data-astro-cid-zz6ax3fo]{border:1px solid var(--green);color:var(--green);background:#1a3a1a;border-radius:20px;padding:3px 12px;font-size:.82rem;font-weight:700}.typing-container[data-astro-cid-zz6ax3fo]{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=900px){.typing-container[data-astro-cid-zz6ax3fo]{grid-template-columns:1fr}}.controls[data-astro-cid-zz6ax3fo]{flex-direction:column;gap:8px;margin-bottom:10px;display:flex}.ctrl-row[data-astro-cid-zz6ax3fo]{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ctrl-group[data-astro-cid-zz6ax3fo]{flex-direction:column;gap:3px;display:flex}.ctrl-label[data-astro-cid-zz6ax3fo]{color:var(--muted);font-size:.72rem}select[data-astro-cid-zz6ax3fo]{background:var(--card);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.82rem}select[data-astro-cid-zz6ax3fo]:focus{border-color:var(--accent);outline:none}.reset-btn[data-astro-cid-zz6ax3fo]{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.82rem;transition:all .15s}.reset-btn[data-astro-cid-zz6ax3fo]:hover{border-color:var(--accent);color:var(--accent)}.ctrl-row--colors[data-astro-cid-zz6ax3fo]{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ctrl-row--colors[data-astro-cid-zz6ax3fo] label[data-astro-cid-zz6ax3fo]{cursor:pointer;align-items:center;gap:4px;font-size:.82rem;display:flex}input[data-astro-cid-zz6ax3fo][type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;width:26px;height:22px;padding:1px}.guide-range[data-astro-cid-zz6ax3fo]{align-items:center;gap:5px;font-size:.78rem;display:flex}input[data-astro-cid-zz6ax3fo][type=range]{width:72px;accent-color:var(--accent)}.guide-pct[data-astro-cid-zz6ax3fo]{color:var(--muted);min-width:28px;font-size:.76rem}.skip-toggle[data-astro-cid-zz6ax3fo]{cursor:pointer;align-items:center;gap:4px;font-size:.78rem;display:flex}input[data-astro-cid-zz6ax3fo][type=checkbox]{accent-color:var(--accent)}.algo-desc[data-astro-cid-zz6ax3fo]{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:9px 12px;font-size:.78rem;line-height:1.6}.code-block[data-astro-cid-zz6ax3fo]{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:12px 14px;transition:opacity .15s;overflow-x:auto}.code-block[data-astro-cid-zz6ax3fo] pre[data-astro-cid-zz6ax3fo]{white-space:pre;font-family:Consolas,Courier New,monospace;font-size:.8rem;line-height:1.75}.comment-dim[data-astro-cid-zz6ax3fo]{opacity:.35}.sample-box[data-astro-cid-zz6ax3fo]{background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.sample-header[data-astro-cid-zz6ax3fo]{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;padding:9px 12px;font-size:.82rem;display:flex}.sample-header[data-astro-cid-zz6ax3fo]:hover{color:var(--text)}.sample-body[data-astro-cid-zz6ax3fo]{border-top:1px solid var(--border);padding:10px 12px;display:none}.sample-body[data-astro-cid-zz6ax3fo] textarea[data-astro-cid-zz6ax3fo]{background:var(--surface);width:100%;color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:6px;outline:none;padding:7px;font-family:Consolas,Courier New,monospace;font-size:.78rem}.sample-body[data-astro-cid-zz6ax3fo] textarea[data-astro-cid-zz6ax3fo]:focus{border-color:var(--accent)}.sample-actions[data-astro-cid-zz6ax3fo]{gap:7px;margin-top:7px;display:flex}.sample-actions[data-astro-cid-zz6ax3fo] button[data-astro-cid-zz6ax3fo]{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:.78rem;transition:all .15s}.sample-actions[data-astro-cid-zz6ax3fo] button[data-astro-cid-zz6ax3fo]:first-child:hover{border-color:var(--green);color:var(--green)}.sample-actions[data-astro-cid-zz6ax3fo] button[data-astro-cid-zz6ax3fo]:last-child:hover{border-color:var(--red);color:var(--red)}.type-area[data-astro-cid-zz6ax3fo]{background:var(--card);border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.type-area[data-astro-cid-zz6ax3fo] textarea[data-astro-cid-zz6ax3fo],.type-area[data-astro-cid-zz6ax3fo] .overlay[data-astro-cid-zz6ax3fo]{white-space:pre;overflow-wrap:normal;tab-size:4;border-radius:8px;padding:11px 13px;font-family:Consolas,Courier New,monospace;font-size:.82rem;line-height:1.75}.type-area[data-astro-cid-zz6ax3fo] textarea[data-astro-cid-zz6ax3fo]{color:#0000;width:100%;min-height:260px;caret-color:var(--accent);border:1px solid var(--border);resize:vertical;z-index:2;background:0 0;outline:none;position:relative}.type-area[data-astro-cid-zz6ax3fo] textarea[data-astro-cid-zz6ax3fo]:focus{border-color:var(--accent)}.type-area[data-astro-cid-zz6ax3fo] .overlay[data-astro-cid-zz6ax3fo]{pointer-events:none;z-index:1;background:0 0;position:absolute;inset:0;overflow:hidden}.type-area[data-astro-cid-zz6ax3fo] .bg-guide[data-astro-cid-zz6ax3fo]{white-space:pre;color:var(--text);opacity:.13;pointer-events:none;user-select:none;z-index:0;padding:11px 13px;font-family:Consolas,Courier New,monospace;font-size:.82rem;line-height:1.75;position:absolute;inset:0;overflow:hidden}.on-screen-keyboard[data-astro-cid-zz6ax3fo]{background:var(--card);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:3px;margin-bottom:10px;padding:8px;display:flex;overflow-x:auto}.osk-row[data-astro-cid-zz6ax3fo]{gap:2px;display:flex}.key[data-astro-cid-zz6ax3fo]{background:var(--surface);border:1px solid var(--border);text-align:center;min-width:26px;color:var(--muted);user-select:none;white-space:nowrap;border-radius:4px;padding:3px 2px;font-family:Consolas,monospace;font-size:.6rem;transition:all 80ms}.key[data-astro-cid-zz6ax3fo].wide{min-width:46px}.key[data-astro-cid-zz6ax3fo].extra.wide{min-width:110px}.key[data-astro-cid-zz6ax3fo].active{background:var(--accent);color:#050d05;border-color:var(--accent);transform:translateY(1px)}.stats[data-astro-cid-zz6ax3fo]{grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:8px;display:grid}@media (width<=600px){.stats[data-astro-cid-zz6ax3fo]{grid-template-columns:repeat(3,1fr)}}.stat-card[data-astro-cid-zz6ax3fo]{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:8px;padding:9px 6px;position:relative}.stat-card--score[data-astro-cid-zz6ax3fo]{border-color:var(--accent)}.stat-card--hi[data-astro-cid-zz6ax3fo]{border-color:var(--purple)}.stat-val[data-astro-cid-zz6ax3fo]{font-size:1.2rem;font-weight:700;line-height:1.2}.stat-unit[data-astro-cid-zz6ax3fo]{color:var(--muted);font-size:.65rem}.stat-lbl[data-astro-cid-zz6ax3fo]{color:var(--muted);margin-top:2px;font-size:.65rem}.new-record[data-astro-cid-zz6ax3fo]{background:var(--yellow);color:#0a0a0f;border-radius:4px;padding:2px 5px;font-size:.58rem;font-weight:700;display:none;position:absolute;top:-7px;right:-3px}.type-progress-wrap[data-astro-cid-zz6ax3fo]{background:var(--surface);border-radius:4px;height:5px;overflow:hidden}.type-progress-bar[data-astro-cid-zz6ax3fo]{background:var(--accent);border-radius:4px;height:100%;transition:width .1s}.type-progress-bar--done[data-astro-cid-zz6ax3fo]{background:var(--green)}footer[data-astro-cid-zz6ax3fo]{border-top:1px solid var(--border);text-align:center;color:var(--dim);margin-top:40px;padding:20px;font-size:.78rem}
