@font-face{font-family:Red Hat Display;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/red-hat-display-900-DPLyod-Q.woff2) format("woff2")}@font-face{font-family:Red Hat Text;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/red-hat-text-400-ZHr5wXre.woff2) format("woff2")}:root{color-scheme:dark;--bg: #131313;--surface: #1b1b1b;--surface-2: #242424;--surface-3: #2e2e2e;--ink: #f5f5f2;--muted: #a3a3a3;--faint: #828282;--border: #2e2e2e;--accent: #ffe927;--accent-ink: #161616;--accent-hover: #fff48a;--correct: #3dd68c;--correct-ink: #0e2419;--wrong: #ff5c5c;--wrong-soft: rgba(255, 92, 92, .14);--blue: #5b8cff;--pending: #5f5f5f;--field: rgba(255, 233, 39, .07);--font-display: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Red Hat Text", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Consolas, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);height:100%;text-rendering:optimizeLegibility;font-kerning:normal}::selection{background:var(--accent);color:var(--accent-ink)}#app{max-width:1040px;margin:0 auto;padding:44px 24px 96px}.header{margin-bottom:var(--space-6);animation:rise .4s ease-out both}.header-top{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.header h1{font-family:var(--font-display);font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:.92;margin:0;color:var(--ink)}.header h1 span{color:var(--muted);font-family:var(--font-display);font-weight:900;font-size:.42em;letter-spacing:.02em;margin-left:12px;vertical-align:baseline}.header-controls{display:flex;align-items:center;gap:var(--space-2)}.nav{display:flex;gap:var(--space-1)}.nav-btn{background:transparent;border:0;color:var(--muted);padding:8px 14px;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:color .15s ease,background .15s ease}.nav-btn:hover{background:var(--surface-2);color:var(--ink)}.nav-btn.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.subtitle{color:var(--muted);font-size:16px;line-height:1.6;margin:var(--space-3) 0 0;max-width:62ch}.header-meta{color:var(--faint);font-size:14px;margin:var(--space-2) 0 0;font-variant-numeric:tabular-nums;font-weight:500}.mode-bar{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-5);justify-content:center;align-items:center;margin-bottom:var(--space-4);padding:0;background:transparent;border:0;animation:rise .4s ease-out .05s both}.mode-group{display:flex;align-items:center;gap:var(--space-1)}.mode-group-label{color:var(--faint);font-size:12px;font-weight:700;letter-spacing:.04em;margin-right:var(--space-2)}.mode-btn{background:var(--surface-2);border:0;color:var(--muted);padding:8px 14px;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:color .15s ease,background-color .15s ease,transform .15s ease;animation:rise .35s ease-out both}.mode-group .mode-btn:nth-child(2){animation-delay:.05s}.mode-group .mode-btn:nth-child(3){animation-delay:.08s}.mode-group .mode-btn:nth-child(4){animation-delay:.11s}.mode-group .mode-btn:nth-child(5){animation-delay:.14s}.mode-group .mode-btn:nth-child(6){animation-delay:.17s}.mode-btn:hover{background:var(--surface-3);color:var(--ink)}.mode-btn.active{background:var(--accent);color:var(--accent-ink);font-weight:700}.mode-btn.restart{margin-left:auto;color:var(--wrong);background:var(--wrong-soft);animation-delay:.18s}.mode-btn.restart:hover{background:#ff5c5c38;color:var(--wrong)}.typing-wrap{position:relative;background:var(--surface);border:0;border-radius:0;padding:var(--space-6) var(--space-6) var(--space-5);animation:rise .45s ease-out .12s both}.typing-inner{position:relative}.ime-catcher{position:absolute;top:0;left:0;width:2px;height:2px;font-size:16px;padding:0;margin:0;border:0;opacity:0;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:transparent;z-index:0}.typing-area{font-family:var(--font-mono);font-size:24px;line-height:2.1;outline:none;word-break:break-word;-webkit-user-select:none;user-select:none;min-height:120px;text-align:center;letter-spacing:.01em}.char{position:relative;color:var(--pending);border-radius:0;transition:color .08s ease,background .08s ease}.char.correct{color:var(--correct)}.char.wrong{color:var(--wrong);background:var(--wrong-soft)}.char.cursor{background:var(--accent);color:var(--accent-ink);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.hint{color:var(--faint);font-size:16px;margin:var(--space-5) 0 0;text-align:center;font-weight:500;animation:fade .4s ease-out .24s both}.pb-bar{margin-bottom:var(--space-5);animation:rise .4s ease-out .16s both}.pb-track{height:4px;border-radius:0;background:#ffffff14;overflow:hidden}.pb-fill{height:100%;width:0;border-radius:0;background:var(--accent);transition:width .25s ease}.pb-bar.exceeded .pb-fill{background:var(--correct)}.pb-bar.no-baseline .pb-track{opacity:.4}.pb-label{display:block;margin-top:var(--space-2);font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;line-height:1.4}.pb-line{margin:var(--space-4) 0 0;font-size:14px;color:var(--muted)}.pb-text.exceeded{color:var(--correct);font-weight:700}.stats-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);flex-wrap:wrap;margin-top:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--surface);border:0;border-radius:0;animation:fade .4s ease-out .2s both}.stat{display:flex;flex-direction:column;align-items:center;animation:rise .4s ease-out both}.stats-bar .stat:nth-child(1){animation-delay:.2s}.stats-bar .stat:nth-child(2){animation-delay:.24s}.stats-bar .stat:nth-child(3){animation-delay:.28s}.stats-bar .stat:nth-child(4){animation-delay:.32s}.stats-bar .stat:nth-child(5){animation-delay:.36s}.stats-bar .stat:nth-child(6){animation-delay:.4s}.stats-bar .stat:first-child{align-items:flex-start}.stats-bar .stat:first-child .stat-val{font-family:var(--font-display);font-size:56px;font-weight:900;line-height:.92;color:var(--accent);letter-spacing:-.03em}.stats-bar .stat:first-child .stat-lbl{color:var(--muted);font-size:14px;margin-top:var(--space-2);font-weight:700;letter-spacing:.04em}.stats-bar .stat:not(:first-child){align-items:flex-end}.stats-bar .stat:not(:first-child) .stat-val{font-size:22px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1;font-family:var(--font-body)}.stats-bar .stat:not(:first-child) .stat-lbl{color:var(--faint);font-size:14px;margin-top:4px;font-weight:500}.result{text-align:center;padding:var(--space-4) 0 0;animation:rise .45s ease-out .1s both}.result h2{font-family:var(--font-display);color:var(--correct);margin:0 0 var(--space-4);font-size:40px;font-weight:900;letter-spacing:-.03em;line-height:.95}.banner{display:inline-block;padding:10px 18px;background:var(--surface-2);color:var(--ink);font-size:14px;font-weight:500;margin-bottom:var(--space-5)}.banner.record{background:var(--correct);color:var(--correct-ink);font-weight:700}.banner.muted-banner{background:transparent;color:var(--muted)}.result-grid{display:flex;justify-content:center;gap:var(--space-5) var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-4)}.result-item{display:flex;flex-direction:column;align-items:center}.result-item .num{font-size:28px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.1;font-family:var(--font-body)}.result-item:first-child .num{font-family:var(--font-display);font-size:44px;font-weight:900;color:var(--accent);letter-spacing:-.03em}.result-item .num.ok{color:var(--correct)}.result-item .num.bad{color:var(--wrong)}.result-item .lbl{color:var(--muted);font-size:14px;margin-top:4px}.result-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;margin-top:var(--space-5)}.chart-box{margin-top:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-3);background:var(--surface);border:0;border-radius:0}canvas.chart{display:block;width:100%}.chart-caption{color:var(--faint);font-size:14px;margin:var(--space-3) 0 0;text-align:center;line-height:1.6}.history-view{display:flex;flex-direction:column;gap:var(--space-5)}.history-view>*{animation:rise .4s ease-out both}.history-view>*:nth-child(2){animation-delay:.05s}.history-view>*:nth-child(3){animation-delay:.1s}.history-view>*:nth-child(4){animation-delay:.15s}.history-view>*:nth-child(5){animation-delay:.2s}.history-view>*:nth-child(6){animation-delay:.25s}.card{padding:var(--space-5);background:var(--surface);border:0;border-radius:0}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.card-head h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.01em}.card .muted,.muted{color:var(--muted);font-size:14px}.habit-grid{display:flex;flex-wrap:wrap;gap:var(--space-5) var(--space-6)}.habit-grid .stat{align-items:flex-start}.habit-grid .stat-val{font-family:var(--font-display);font-size:30px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em}.habit-grid .stat-lbl{color:var(--muted);font-size:14px;margin-top:6px;font-weight:500}.activity{display:flex;align-items:flex-end;gap:var(--space-2);height:90px;margin-top:var(--space-5)}.activity-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.activity-bar{width:100%;max-width:34px;min-height:2px;border-radius:0;background:var(--accent);animation:grow .5s ease-out both}.activity-bar.is-zero{background:var(--surface-2)}.activity-label{font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;font-weight:500}@keyframes grow{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}.history-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:0;background:transparent;border:0;animation:none}.history-toolbar .field{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--muted);font-weight:500}.history-toolbar .toolbar-spacer{flex:1}select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:0;padding:8px 10px;font-size:14px;font-family:var(--font-body);font-weight:500;transition:border-color .15s ease}select:hover{border-color:var(--accent)}select:focus{border-color:var(--accent);outline:none}.history-summary{display:flex;gap:var(--space-6);justify-content:flex-start;flex-wrap:wrap;padding:var(--space-4) 0;background:transparent;border:0;animation:none}.history-summary .stat{align-items:flex-start}.history-summary .stat-val{font-family:var(--font-display);font-size:30px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.01em}.history-summary .stat:nth-child(2) .stat-val{color:var(--accent)}.history-summary .stat-lbl{color:var(--muted);font-size:14px;margin-top:6px;font-weight:500}.table-scroll{overflow-x:auto;background:var(--surface)}.table-scroll .history-table{border-radius:0}.history-table{width:100%;border-collapse:collapse;font-size:14px;background:transparent;border:0}.history-table th,.history-table td{padding:13px 14px;text-align:left;white-space:nowrap}.history-table th{color:var(--muted);font-weight:700;font-size:13px;letter-spacing:.03em;background:var(--surface-2);border:0}.history-table td{border:0;font-variant-numeric:tabular-nums}.history-table tbody tr:nth-child(2n) td{background:#ffffff06}.history-table tbody tr:hover td{background:var(--field)}.history-table td.v{color:var(--accent);font-weight:700}.lang-tag{display:inline-block;margin-left:6px;padding:1px 8px;background:var(--surface-2);border-radius:999px;font-size:12px;color:var(--muted);font-weight:500}.history-view .btn.danger{align-self:flex-start}.empty{text-align:center;color:var(--muted);padding:var(--space-8) var(--space-5);background:var(--surface);border:0;border-radius:0;line-height:1.8}.empty-title{margin:0 0 var(--space-2);color:var(--ink);font-size:20px;font-weight:700}.empty-desc{margin:0 0 var(--space-5);font-size:16px;color:var(--muted)}.empty .btn{display:inline-block}.btn{background:var(--surface-2);border:0;color:var(--ink);padding:10px 20px;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font-body);transition:color .15s ease,background-color .15s ease,transform .15s ease}.btn:hover{background:var(--surface-3);color:var(--ink)}.btn:active,.mode-btn:active,.nav-btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{background:var(--accent-hover)}.btn.ghost{background:transparent;color:var(--muted)}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.danger{background:var(--wrong-soft);color:var(--wrong)}.btn.danger:hover{background:#ff5c5c38;color:var(--wrong)}.btn-link{background:transparent;border:none;color:var(--wrong);font-size:14px;cursor:pointer;padding:4px 8px;border-radius:0;font-family:var(--font-body);font-weight:500;transition:background .15s ease}.btn-link:hover{background:var(--wrong-soft)}.btn:disabled,.mode-btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.mode-btn:disabled:hover{background:var(--surface-2);transform:none}kbd{background:var(--surface-2);border:0;border-radius:3px;padding:1px 6px;font-size:12px;font-family:var(--font-mono);color:var(--muted)}.analysis{margin-top:var(--space-5);padding:var(--space-5);text-align:left;background:var(--surface);border:0;border-radius:0}.analysis h3{margin:0 0 var(--space-3);font-size:16px;font-weight:700}.mistake-list{list-style:none;margin:0 0 var(--space-3);padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.mistake-list li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:0;background:var(--surface-2);font-size:14px}.mistake-list code{font-family:var(--font-mono);background:var(--wrong-soft);color:var(--wrong);border-radius:0;padding:1px 6px;min-width:20px;text-align:center;font-weight:700}.mistake-list .arrow{color:var(--faint)}.mistake-list .count{color:var(--muted);font-variant-numeric:tabular-nums}.ok-line{margin:0 0 var(--space-3);color:var(--correct);font-size:14px;font-weight:700}.analysis .muted{margin:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080808cc;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade .2s ease-out both}.panel{width:min(620px,100%);background:var(--surface);border:0;border-radius:0;padding:var(--space-6);box-shadow:0 24px 60px #00000080;animation:rise .3s ease-out both}.panel h3{margin:0 0 var(--space-2);font-size:24px;font-weight:700;letter-spacing:-.01em}.panel .muted{color:var(--muted);font-size:14px;margin:0 0 var(--space-4);line-height:1.6}.panel textarea{width:100%;height:200px;resize:vertical;background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:0;padding:var(--space-3);font-size:16px;line-height:1.7;font-family:var(--font-body);outline:none;transition:border-color .15s ease}.panel textarea:focus{border-color:var(--accent);outline:1px solid var(--accent);outline-offset:0}.panel .error{color:var(--wrong);font-size:14px;min-height:18px;margin:6px 0 0}.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3)}.panel-actions{display:flex;gap:var(--space-2)}#custom-count.over{color:var(--wrong);font-weight:700}.banner-stack{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.notice-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:12px 14px;font-size:14px;line-height:1.6;color:var(--ink);background:var(--field);border:0;border-radius:0}.notice-stack{position:fixed;right:16px;bottom:16px;z-index:100;display:flex;flex-direction:column;gap:var(--space-2);max-width:min(360px,calc(100vw - 32px))}.notice{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;border-radius:0;border:0;background:var(--surface-2);color:var(--ink);font-size:14px;line-height:1.5;box-shadow:0 16px 40px #00000080;animation:notice-in .2s ease-out}.notice-success{background:#3dd68c24}.notice-error{background:var(--wrong-soft)}.notice-text{flex:1}.notice-close{flex:0 0 auto;background:transparent;border:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:0;transition:background .15s ease,color .15s ease}.notice-close:hover{color:var(--ink);background:#ffffff14}.history-footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.mode-btn:focus-visible,.nav-btn:focus-visible,.btn:focus-visible,.btn-link:focus-visible,.notice-close:focus-visible,select:focus-visible,textarea:focus-visible,.typing-inner:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes notice-in{0%{opacity:0;transform:translateY(8px)}}@media(max-width:680px){#app{padding:24px 14px 64px}.header{margin-bottom:var(--space-5)}.header-top{flex-direction:column;align-items:flex-start;text-align:left}.header h1{font-size:28px}.header h1 span{font-size:.42em;margin-left:8px}.header-controls{flex-wrap:wrap;justify-content:flex-start}.subtitle,.header-meta{text-align:left;margin-left:0;margin-right:0}.mode-bar{gap:var(--space-3);justify-content:flex-start}.mode-group{flex-wrap:wrap;justify-content:flex-start}.mode-btn{padding:7px 12px;font-size:13px}.mode-btn.restart{margin-left:0;width:100%}.typing-wrap{padding:var(--space-5) var(--space-4) var(--space-4)}.typing-area{font-size:18px;line-height:2;min-height:100px}.stats-bar{gap:var(--space-4);padding:var(--space-4);justify-content:center}.stats-bar .stat:first-child{flex:1 0 100%;align-items:center}.stats-bar .stat:first-child .stat-val{font-size:44px}.stats-bar .stat:not(:first-child){flex:1 1 auto;align-items:center}.result h2{font-size:32px}.result-item:first-child .num{font-size:40px}.result-item .num{font-size:24px}.result-grid{gap:var(--space-4) var(--space-5)}.history-summary{gap:var(--space-4)}.habit-grid{gap:var(--space-4) var(--space-5)}.history-toolbar{gap:var(--space-2)}.history-toolbar .toolbar-spacer{display:none}.notice-stack{left:12px;right:12px;max-width:none}.panel{padding:var(--space-5) var(--space-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.char.cursor:before{animation:none}}