.center-typing{--typing-blue:#2563eb;--typing-ink:#18334d}.center-typing [hidden]{display:none!important}.center-typing>.panel-head p{margin:.4rem 0;color:#60748a}.typing-target{display:block;max-width:30rem;margin:1rem 0}.typing-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.2rem 0}.typing-tabs [aria-pressed=true]{background:#e8f0ff;border-color:#7da6f6;color:#1845a0}.typing-controls{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap;margin:1rem 0}.typing-controls label{min-width:10rem;flex:1}.typing-prompt{padding:1.15rem 1.3rem;min-height:5.5rem;background:#f4f8ff;border:1px solid #cdddf3;border-radius:14px;color:var(--typing-ink);font-size:1.3rem;font-weight:600;line-height:2;letter-spacing:.04em;white-space:pre-wrap;overflow-wrap:anywhere;font-family:'Noto Sans KR',sans-serif}.typing-prompt span{border-radius:2px}.typing-hit{background:#d6f4e6;color:#126a49}.typing-miss{background:#ffe0dc;color:#9b2626;text-decoration:underline;text-decoration-thickness:2px}.typing-input-label{display:block;margin-top:1rem}.typing-input-label textarea{font-size:1.18rem;line-height:1.8;resize:vertical;min-height:7rem}.typing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:1rem 0}.typing-stats>div{padding:.8rem;border:1px solid #dce5ef;border-radius:12px;background:#fff}.typing-stats span{display:block;color:#60748a;font-size:.8rem;margin-bottom:.3rem}.typing-stats strong{font-size:1.18rem;color:var(--typing-ink)}.typing-composing{min-height:1.5rem;color:#385cac;font-size:.87rem;margin:.3rem 0}.typing-result{color:#146b48;font-weight:600;line-height:1.6;min-height:1.3rem}.typing-notice{padding:.85rem 1rem;background:#edf4ff;border:1px solid #d9e7ff;border-radius:12px;color:#355779;line-height:1.65}.typing-method{margin:1.2rem 0;padding:1rem;border:1px solid #dce5ef;border-radius:12px;background:#fbfcff}.typing-method summary,.typing-snapshots summary{cursor:pointer;font-weight:600}.typing-method p{font-size:.85rem;line-height:1.75;color:#60748a}.typing-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1rem 0}.typing-history{border-top:1px solid #dce5ef;margin-top:1.6rem;padding-top:1.4rem}.typing-record{padding:1.1rem 1.2rem;border:1px solid #dce5ef;border-radius:14px;background:#fff;margin-top:.8rem}.typing-record-head{display:flex;gap:1rem;align-items:start;justify-content:space-between}.typing-record-head h4{margin:0;font-size:1rem}.typing-record-head p{font-size:.8rem;color:#60748a;margin:.4rem 0}.typing-record-head>strong{font-size:1.7rem;color:#2559b4;white-space:nowrap}.typing-record-head small{font-size:.75rem;font-weight:500;margin-left:.25rem}.typing-record-metrics{font-size:.85rem;color:#4f647b;line-height:1.6}.typing-record-text,.typing-feedback{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9rem;line-height:1.7}.typing-feedback{padding:.75rem 1rem;border-radius:10px;background:#f0f8f4;color:#24634c}.typing-snapshots{padding:.7rem 0;font-size:.85rem}.typing-snapshots pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f8fc;padding:.75rem;border-radius:8px;color:#4f647b;max-height:18rem;overflow:auto}.typing-attachments>div{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.4rem 0;font-size:.85rem}.typing-attachments a{color:#1d59b7}.center-typing .button-row{flex-wrap:wrap}.center-typing button:focus-visible,.center-typing a:focus-visible,.center-typing summary:focus-visible{outline:3px solid #88b4ff;outline-offset:3px}.center-typing button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.typing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.typing-field-grid{grid-template-columns:1fr}.typing-prompt{font-size:1.15rem;padding:.85rem;line-height:1.9}.typing-record{padding:.9rem}.typing-record-head>strong{font-size:1.4rem}.typing-controls>.btn{flex:1}.typing-history>.panel-head{align-items:start;gap:.6rem;flex-wrap:wrap}.center-typing>.panel-head{flex-wrap:wrap}}
.typing-comparison{border-top:1px solid #dce5ef;margin-top:1.5rem;padding-top:1.2rem}.typing-comparison h3{margin-bottom:.4rem}.typing-comparison-table{overflow-x:auto}.typing-comparison-table table{width:100%;border-collapse:collapse;min-width:400px;font-size:.85rem}.typing-comparison-table th,.typing-comparison-table td{text-align:left;padding:.65rem .55rem;border-bottom:1px solid #e3eaf3}.typing-comparison-table th{color:#526b85;background:#f4f8ff}.typing-cpm-bar{position:relative;display:block;isolation:isolate;min-width:5rem;padding:.4rem .5rem;border-radius:5px;overflow:hidden;color:#163d77;font-weight:650}.typing-cpm-bar:before{content:"";position:absolute;inset:0;right:auto;width:var(--typing-width,0%);background:#d9e8ff;z-index:-1}.typing-cpm-bar>span{position:relative}