:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c232c;--border: #2a323d;--text: #e6edf3;--muted: #9aa7b4;--accent: #4c8dff;--ok: #3fb950;--bad: #f85149;--warn: #d29922;--radius: 10px;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap}.brand{font-weight:700;font-size:1.15rem;color:var(--text)}.nav{display:flex;gap:1.1rem}.nav a{color:var(--muted)}.nav a.active{color:var(--text)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:.7rem}.user-chip{display:inline-flex;align-items:center;gap:.4rem;color:var(--text)}.lvl{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:0 .5rem;font-size:.78rem;color:var(--muted)}.content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.footer{border-top:1px solid var(--border);padding:1.2rem 1.5rem;display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}.footer nav{display:flex;gap:1rem}button,.btn{font:inherit;cursor:pointer;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius);padding:.55rem 1rem}button:hover,.btn:hover{filter:brightness(1.1);text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:.55rem 1rem;display:inline-block}.auth-card{max-width:420px;margin:2rem auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem}.auth-card form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.35rem;font-size:.92rem;color:var(--muted)}input{font:inherit;padding:.6rem .7rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:1px}.form-error{color:var(--bad);font-size:.92rem}.form-ok{color:var(--ok);font-size:.92rem}.hint{color:var(--muted);font-size:.88rem}.turnstile{min-height:65px}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fff;color:#1f2328;border:1px solid var(--border);font-weight:600}.btn-google:hover{filter:brightness(.95)}.divider{display:flex;align-items:center;gap:.8rem;color:var(--muted);font-size:.85rem;margin:1.1rem 0 .2rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.hero{text-align:center;padding:2.5rem 0 1rem}.hero h1{font-size:2.4rem;margin-bottom:.5rem}.lead{color:var(--muted);max-width:620px;margin:0 auto 1.6rem;font-size:1.08rem}.hero-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:3rem 0}.features article,.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.features h2,.card h2{font-size:1.1rem;margin-top:0}.cta{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.prose{max-width:720px}.prose h2{margin-top:2rem}.level-cards{display:grid;gap:1rem;margin:1.5rem 0}.practice-head{display:flex;flex-direction:column;gap:.6rem}.level-picker{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--muted)}.chip{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.2rem .8rem;font-size:.9rem}.chip-active{background:var(--accent);color:#fff;border-color:transparent}.chip-own{position:relative}.chip-own .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ok);margin-left:.35rem;vertical-align:middle}.notice{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:var(--radius);padding:.6rem .9rem;color:var(--muted);font-size:.9rem;margin:.4rem 0}.notice-mobile{display:none}.config-error{max-width:620px;margin:4rem auto;padding:1.8rem;background:var(--surface);border:1px solid var(--bad);border-radius:var(--radius)}.config-error h1{margin-top:0;color:var(--bad);font-size:1.3rem}.history{overflow-x:auto}.table{min-width:560px}.text-list{list-style:none;padding:0;display:grid;gap:.7rem}.text-card{width:100%;text-align:left;display:flex;flex-direction:column;gap:.3rem;background:var(--surface);border:1px solid var(--border);color:var(--text)}.text-card-body{font-family:var(--mono);font-size:1rem}.text-card-meta{color:var(--muted);font-size:.82rem}.typing-area{font-family:var(--mono);font-size:1.45rem;line-height:2.1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;margin:1.2rem 0;white-space:pre-wrap;word-break:break-word;cursor:text}.typing-area:focus{outline:2px solid var(--accent)}.ch{color:var(--muted)}.ch-ok{color:var(--ok)}.ch-bad{color:var(--bad);background:#f8514929;border-radius:3px}.ch-cur{background:var(--accent);color:#fff;border-radius:3px}.live-stats{display:flex;gap:1.5rem;color:var(--muted);font-family:var(--mono)}.keyboard{margin:1.2rem 0;display:flex;flex-direction:column;gap:.35rem;align-items:center}.keyboard-row{display:flex;gap:.35rem}.keyboard-row[data-row="1"]{padding-left:1.2rem}.keyboard-row[data-row="2"]{padding-left:2.4rem}.key{width:2.4rem;height:2.4rem;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;font-family:var(--mono);font-size:1rem;color:var(--muted)}.key-space{width:12rem;font-size:.8rem}.key-next{background:var(--accent);color:#fff;border-color:transparent}.key b{font-weight:600}.key-dual{flex-direction:column;gap:0;line-height:1.05}.key-dual b{font-size:.95rem}.key-dual i{font-style:normal;font-size:.6rem;opacity:.55}.key-next i{opacity:.85}.notice-action{border-left-color:var(--accent);color:var(--text)}.link-button{background:none;border:none;padding:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.link-button:hover{filter:brightness(1.2)}.finger-l1,.finger-r1{border-bottom:2px solid #3fb95055}.finger-l2,.finger-r2{border-bottom:2px solid #4c8dff55}.finger-l3,.finger-r3{border-bottom:2px solid #d2992255}.finger-l4,.finger-r4{border-bottom:2px solid #f8514955}.result,.dashboard section{margin:1.2rem 0}.result-grid{display:flex;gap:2rem;flex-wrap:wrap}.result-grid div{display:flex;flex-direction:column}.result-grid strong{font-size:1.7rem;font-family:var(--mono)}.result-grid span{color:var(--muted);font-size:.85rem}.warn{color:var(--warn)}.practice-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.progress-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.6rem 0}.progress-fill{height:100%;background:var(--accent);transition:width .3s}.week{display:flex;gap:.5rem;align-items:flex-end;margin:.8rem 0}.week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:.35rem}.week-bar-track{width:100%;height:64px;display:flex;align-items:flex-end;background:var(--surface-2);border-radius:6px;overflow:hidden}.week-bar{width:100%;background:var(--accent);border-radius:6px 6px 0 0}.week-bar-empty{height:3px!important;background:var(--border);border-radius:0}.week-day span{color:var(--muted);font-size:.78rem}.weak-chars{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.4rem}.weak-char{display:flex;flex-direction:column;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;min-width:3.4rem}.weak-char b{font-family:var(--mono);font-size:1.2rem}.weak-char small{color:var(--muted);font-size:.72rem}.table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.92rem}.table th,.table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600}.table button{padding:.25rem .6rem;font-size:.82rem}.row-flagged{background:#d2992214}.tag{margin-left:.5rem;font-size:.72rem;color:var(--warn);border:1px solid var(--warn);border-radius:999px;padding:0 .45rem}.loading{color:var(--muted)}:root{--read: #d9d5cd;--read-bg: #14171c;--serif: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif}.journal{display:grid;grid-template-columns:260px 1fr;gap:1.5rem;align-items:start}.journal-list{position:sticky;top:1rem}.journal-list ul{list-style:none;padding:0;margin:.8rem 0 0}.journal-tools{display:flex;flex-direction:column;gap:.5rem}.journal-tools input{font-size:.92rem}.journal-item{width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:var(--radius);padding:.55rem .7rem;display:flex;flex-direction:column;gap:.15rem}.journal-item:hover{background:var(--surface);filter:none}.journal-item.is-open{background:var(--surface);border-color:var(--border)}.journal-item-title{font-family:var(--serif);font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journal-item-date{color:var(--muted);font-size:.76rem}.journal-item-hit{color:var(--muted);font-size:.8rem;line-height:1.35;font-family:var(--serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.journal-editor{background:var(--read-bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 2.2rem;min-height:70vh;display:flex;flex-direction:column}.journal-empty{margin:auto}.journal-title{font-family:var(--serif);font-size:1.75rem;font-weight:700;color:var(--read);background:transparent;border:none;padding:0;width:100%}.journal-title:focus{outline:none}.journal-title::placeholder{color:var(--border)}.journal-meta{display:flex;gap:1rem;align-items:center;color:var(--muted);font-size:.8rem;margin:.5rem 0 1.4rem;padding-bottom:.9rem;border-bottom:1px solid var(--border)}.journal-meta button{margin-left:auto}.journal-body{flex:1;width:100%;resize:none;background:transparent;border:none;padding:0;color:var(--read);font-family:var(--serif);font-size:1.12rem;line-height:1.85;max-width:68ch}.journal-body:focus{outline:none}.journal-body::placeholder{color:var(--border)}@media(max-width:820px){.journal{grid-template-columns:1fr}.journal-list{position:static}.journal-editor{padding:1.2rem;min-height:50vh}}.btn-danger{background:var(--bad);color:#fff}.btn-danger:disabled{opacity:.45}.danger-zone{border:1px solid var(--bad);border-left-width:3px;border-radius:var(--radius);padding:1rem;margin-top:.6rem;background:#f851490f}.danger-zone label{margin-top:.8rem}hr{border:none;border-top:1px solid var(--border);margin:1.6rem 0}.prose ul{padding-left:1.2rem}.prose li{margin:.35rem 0}@media(max-width:640px){.hero h1{font-size:1.8rem}.typing-area{font-size:1.15rem}.content{padding:1.2rem 1rem}.notice-mobile{display:block}.keyboard{overflow-x:auto;align-items:flex-start;width:100%}.keyboard-row{flex-wrap:nowrap}.key{width:1.6rem;height:1.6rem;font-size:.72rem}.key-space{width:7rem}.keyboard-row[data-row="1"]{padding-left:.8rem}.keyboard-row[data-row="2"]{padding-left:1.6rem}.topbar{gap:.75rem;padding:.7rem 1rem}.result-grid{gap:1.2rem}}