@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f2ef;--panel:#fbfaf8;--panel-2:#e9e7e3;--line:#d9d6d0;--fg:#232220;--muted:#6b6760;--pending:#aaa69f;--done:#5f5b55;--accent:#8c5a1f;--accent-soft:color-mix(in srgb, var(--accent) 10%, transparent);--on-accent:#fffaf2;--error:#c0271b;--error-bg:#f7d8d2;--missed:#a8433b;--shadow:0 18px 50px -24px #00000040;--viz-line:#8c5a1f;--viz-grid:#e4e2de;--viz-weak:#2f6db0;--mono:"JetBrains Mono Variable", ui-monospace, "JetBrains Mono", Menlo, monospace;font-family:var(--mono);color:var(--fg);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:clamp(15px,.45vw + 9px,20px);line-height:1.55}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--panel:#1e1e1d;--panel-2:#262625;--line:#333230;--fg:#e6e1d8;--muted:#928e87;--pending:#5f5c57;--done:#a39e95;--accent:#e0a458;--on-accent:#1a140b;--error:#f0645a;--error-bg:#3a1a17;--missed:#ee9a92;--shadow:0 24px 70px -20px #000000b3;--viz-line:#e0a458;--viz-grid:#2c2b29;--viz-weak:#4f8fd6}}*{box-sizing:border-box}body{margin:0}body,.app-header{background:radial-gradient(ellipse at 50% 0%, var(--accent-soft), transparent 60%), var(--bg);background-attachment:fixed}::selection{background:var(--accent);color:var(--on-accent)}.app{flex-direction:column;max-width:100rem;min-height:100dvh;margin:0 auto;padding:0 clamp(1rem,3vw,3rem);display:flex}.app h1{color:var(--fg);margin:0;font-size:1.05rem;font-weight:700}.app h1 .cursor{vertical-align:-.2em;background:var(--accent);width:.55em;height:1.1em;margin-left:.15em;animation:1.1s step-end infinite blink;display:inline-block}.app:has(.words.focused.idle .ch.current) h1 .cursor{visibility:hidden}@keyframes blink{50%{opacity:0}}.term{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:6px;transition:border-color .2s;position:relative;overflow:hidden}.term:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--line))}.term-waiting{padding:2rem 1.75rem}.term-waiting p{margin:0}.drill-targets{color:var(--accent);margin:0;padding:1rem 1.75rem 0;font-size:.85rem}.picker{border:1px solid var(--line);background:var(--panel);width:min(64ch,100vw - 2rem);max-height:calc(100vh - 2rem);color:var(--fg);box-shadow:var(--shadow);border-radius:6px;padding:0;animation:none}.picker::backdrop{background:#00000073}.picker-body{padding:1.25rem 1.5rem}.picker h2{margin:0;font-size:1.1rem}.picker-body>p{margin:.4rem 0 0}.picker-list{margin-top:1rem}.picker-state{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.picker .actions{margin-top:1rem}.words{--line-h:2.5rem;cursor:text;outline:none;padding:1.5rem 1.75rem;font-size:1.55rem;position:relative}.words-view{height:calc(3 * var(--line-h));transition:opacity .2s;overflow:hidden}.words-track{line-height:var(--line-h);transition:transform .15s ease-out}.word{display:inline-block}.ch{color:var(--pending)}.ch.done{color:var(--fg)}.ch.done.missed{color:var(--missed);text-underline-offset:.2em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ch.current{color:var(--fg);background:color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:inset 0 -3px var(--accent);font-weight:600}.words.focused.idle .ch.current{animation:1.1s step-end infinite cursor-blink}@keyframes cursor-blink{50%{background:0 0}}.words:not(.focused) .ch.current{color:var(--fg);box-shadow:inset 0 -2px var(--accent);background:0 0;animation:none}.ch.error{color:var(--on-accent);background:var(--error)}.ch.wrong{color:var(--error);background:var(--error-bg)}.ch.pace{box-shadow:inset 2px 0 var(--done)}.ch.current.pace{box-shadow:inset 0 -3px var(--accent), inset 2px 0 var(--done)}.words:not(.focused) .words-view{opacity:.3}.focus-hint{place-items:center;font-size:1rem;display:grid;position:absolute;inset:0}.focus-hint span{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--panel));color:var(--accent);box-shadow:var(--shadow);border-radius:4px;padding:.6rem 1.2rem;font-weight:600}.term-status{border-top:1px solid var(--line);background:var(--panel-2);color:var(--done);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:stretch;gap:0 1.5rem;font-size:.8rem;display:flex}.term-status>span{padding:.35rem 0}.term-status strong{color:var(--fg);font-weight:600}.term-status .term-mode{background:var(--accent-soft);color:var(--accent);padding:.35rem .8rem;font-weight:600}.term-status .term-keys{color:var(--muted);margin-left:auto;padding-right:.8rem}.summary{padding:1.5rem 1.75rem}.summary h2{color:var(--accent);margin:0 0 1rem;font-size:1rem}.summary-numbers{flex-wrap:wrap;gap:1rem 2.5rem;margin:0 0 .75rem;display:flex}.summary-numbers dt{color:var(--done);font-size:.85rem}.summary-numbers dd{color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:2.2rem;font-weight:700}.summary p{margin:0 0 .75rem}button{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border-radius:3px;padding:.5rem 1rem;font-weight:600;transition:filter .15s}button:hover{filter:brightness(1.08)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link-button{color:var(--done);text-underline-offset:.2em;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:400;text-decoration:underline}.link-button:hover{box-shadow:none;color:var(--fg)}kbd{border:1px solid var(--line);background:var(--panel-2);font:inherit;border-bottom-width:2px;border-radius:3px;padding:0 .3em;font-size:.85em}.hint{color:var(--muted);margin:.75rem 0 0;font-size:.8rem}.muted{color:var(--done)}.small{font-size:.85rem}.error-text{color:var(--error)}.layout-mismatch{border:1px solid var(--error);background:var(--error-bg);border-radius:4px;margin-top:1rem;padding:.75rem 1rem}.session>.layout-mismatch{margin:0 0 1rem}.layout-mismatch p{margin:0 0 .75rem}.report{border:1px solid var(--line);background:var(--panel);border-radius:6px;margin-top:1.5rem;padding:1.25rem 1.5rem}.report h2{font-size:1.05rem}.report:has(>.locked){background:0 0;border:0;padding:0}.report h2,.report h3{margin:0 0 .5rem}.report h3{margin-top:1.5rem;font-size:1rem}.findings{gap:1rem;margin:1rem 0 0;padding-left:1.25rem;display:grid}.findings p{margin:.25rem 0 0}.finding-head{justify-content:space-between;gap:1rem;display:flex}.gain{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.keylist{margin:.5rem 0 0;padding-left:1.25rem}progress{width:100%}button.secondary{color:var(--done);border:1px solid var(--line);background:0 0;padding:.3rem .7rem;font-size:.85rem;font-weight:400}button.secondary:hover{color:var(--fg);border-color:var(--muted);box-shadow:none}.site-footer{text-align:center;color:var(--muted);margin-top:auto;padding:2rem 0 1.25rem;font-size:.8rem}.site-footer a{color:inherit}.site-footer a+a{margin-left:1.25rem}.hero{border:1px solid var(--line);background:var(--panel);width:min(64ch,100vw - 2rem);color:var(--fg);box-shadow:var(--shadow);border-radius:6px;padding:0;animation:none}.hero::backdrop{background:#00000073}.hero-body{padding:1.25rem 1.5rem}.hero .actions{margin-top:1rem}.hero-head{align-items:baseline;gap:1rem;margin:0 0 .5rem;display:flex}.hero-close{color:var(--done);background:0 0;border:0;flex:none;margin:0 -.45rem 0 auto;padding:0 .45rem;font-size:1.1rem;font-weight:400;line-height:1.4}.hero-close:hover{color:var(--fg);box-shadow:none}.hero h2{margin:0;font-size:clamp(1.25rem,1.6vw,1.6rem);line-height:1.25}.hero p{margin:.4rem 0 0}.legal ul{padding-left:1.25rem}.hiw-figure{max-width:34rem;margin:1rem 0}.hiw-figure ul{margin:.5rem 0 0;padding-left:1.25rem}.hiw-label,.hiw-value{fill:var(--fg);font-size:10px}.hiw-raw,.hiw-key.raw{fill:var(--muted);background:var(--muted)}.hiw-adjusted,.hiw-key.adjusted{fill:var(--accent);background:var(--accent)}.hiw-key{vertical-align:middle;border-radius:2px;width:.7rem;height:.7rem;display:inline-block}.problem{color:var(--error);font-size:.9rem}.mode-switch{border:1px solid var(--line);background:var(--panel);border-radius:6px;gap:2px;width:fit-content;margin:1.5rem 0 .75rem;padding:3px;display:flex}.trainer-modes{margin-top:0}.mode-switch button{border:0;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .9rem;font-size:.85rem;display:inline-flex}.mode-switch .selected{background:var(--accent-soft);color:var(--accent);font-weight:600}.trend{margin:.5rem 0 1rem;position:relative}.trend svg{width:100%;height:auto;display:block;overflow:visible}.trend svg:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.trend-grid{stroke:var(--viz-grid);stroke-width:1px}.trend-baseline{stroke:var(--muted);stroke-width:1px}.trend-axis{fill:var(--done);font-variant-numeric:tabular-nums;font-size:11px}.trend-end{fill:var(--fg);font-size:12px;font-weight:600}.trend-line{fill:none;stroke:var(--viz-line);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.trend-band{fill:var(--viz-line);opacity:.1}.trend-dot{fill:var(--viz-line);stroke:var(--bg);stroke-width:2px}.trend-cross{stroke:var(--muted);stroke-width:1px}.trend-tip{background:var(--bg);border:1px solid var(--viz-grid);white-space:nowrap;pointer-events:none;border-radius:4px;padding:.3rem .5rem;font-size:.8rem;position:absolute;top:0}.trend-table{border-collapse:collapse;margin-top:.5rem;font-size:.85rem}.trend-table th,.trend-table td{text-align:right;font-variant-numeric:tabular-nums;padding:.2rem .6rem}.trend-table th[scope=row],.trend-table thead th:first-child{text-align:left}.app-header{z-index:10;border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-bottom:2.5rem;padding:1.25rem 0;display:flex;position:sticky;top:0}.app h1 a{color:inherit;text-decoration:none}.app-header nav{flex-wrap:wrap;gap:1.25rem;display:flex}.app-header nav a{color:var(--done);text-transform:lowercase;align-items:center;gap:.4rem;font-size:.9rem;text-decoration:none;display:inline-flex}.app-header nav a:before{content:">";color:var(--accent);visibility:hidden}.app-header nav a:hover{color:var(--fg)}.app-header nav a[aria-current=page]{color:var(--accent)}.app-header nav a[aria-current=page]:before{visibility:visible}a{color:var(--accent)}a.button{background:var(--accent);color:var(--on-accent);border-radius:3px;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}.tier-badge{border:1px solid var(--line);color:var(--done);border-radius:3px;padding:0 .4rem;font-size:.75rem;font-weight:600}.tier-badge.pro{border-color:var(--accent);color:var(--accent)}.pro-chip{background:var(--accent-soft);color:var(--accent);vertical-align:middle;border-radius:3px;align-items:center;gap:.2rem;padding:.05rem .4rem;font-size:.7rem;font-weight:600;display:inline-flex}.locked{border:1px dashed color-mix(in srgb, var(--accent) 50%, var(--line));width:100%;color:var(--done);text-align:left;font:inherit;background:0 0;border-radius:6px;gap:.5rem;padding:1rem;display:grid}.locked:hover,.locked:focus-visible{border-color:var(--accent);box-shadow:none;filter:none}.locked-head{color:var(--fg);opacity:.75;align-items:center;gap:.5rem;display:flex}.locked-preview{opacity:.35;filter:grayscale();pointer-events:none;display:block}.locked-preview svg{width:100%;max-height:5rem;display:block}.locked-preview .heatmap-board{max-width:28rem;max-height:10rem;margin:0}.locked-preview .kb-key.hm-on rect{fill:color-mix(in oklab, var(--fg) var(--hm-fill), var(--panel))}.locked-cta{color:var(--accent);font-size:.9rem}.mode-switch .locked-mode{opacity:.8;align-items:center;gap:.4rem;display:inline-flex}.page h2{margin:0 0 .75rem;font-size:1.6rem;line-height:1.25}.page-section{border-top:1px dashed var(--line);max-width:50rem;margin-top:1.75rem;padding-top:1.5rem}.page-section h3{margin:0 0 .5rem;font-size:1.1rem}.report h2:before,.page-section h3:before{content:"## ";color:var(--accent)}.page-section p{margin:0 0 .75rem}.field{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;max-width:24rem;margin-bottom:.75rem;display:flex}select{border:1px solid var(--muted);background:var(--bg);color:var(--fg);font:inherit;border-radius:.4rem;padding:.3rem .5rem}.actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1rem;display:flex}.plan-includes{margin:0 0 .75rem;padding-left:1.25rem}.notice{border:1px solid var(--line);background:var(--panel);border-radius:4px;margin-top:1rem;padding:.6rem .9rem}.current-plan{color:var(--accent);margin:.5rem 0;font-weight:600}.plan-cards{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin-top:1rem;display:grid}.plan-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.25rem 1.5rem;display:flex}.plan-card.featured{border:2px solid var(--accent)}.plan-card h3{margin:0}.plan-card p{margin:0 0 .5rem}.plan-card .price{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:600}.plan-table{border-collapse:collapse;width:100%;margin-top:1.5rem}.plan-table th,.plan-table td{border-bottom:1px solid var(--panel);text-align:center;padding:.55rem .5rem}.plan-table th[scope=row],.plan-table thead th:first-child{text-align:left;font-weight:400}.plan-table tr.highlight{background:color-mix(in srgb, var(--accent) 12%, transparent)}.plan-table tr.highlight th{font-weight:600}.plan-locked,.plan-locked a{color:var(--done);text-decoration:none}.plan-locked a:hover{color:var(--fg)}.finger-reminder{border:1px solid var(--line);background:var(--panel);max-width:34rem;box-shadow:var(--shadow);border-radius:6px;gap:.75rem;margin:1.25rem auto 0;padding:0 1rem 1rem;font-size:.8rem;animation:.5s ease-out both reminder-in;display:grid}@keyframes reminder-in{0%{opacity:0;transform:translateY(8px)}}@media (width>=64rem){.finger-reminder{grid-template-columns:1fr minmax(22rem,32rem) 1fr;grid-template-areas:"head head head"".hands.";align-items:center;column-gap:2.5rem;max-width:none}.fr-head{grid-area:head}.fr-stage{grid-area:hands}.stats-page{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;display:grid}.stats-page>*{grid-column:1/-1}.stats-page>.half{grid-column:auto}}.fr-head{border-bottom:1px solid var(--line);background:var(--panel-2);min-height:2.2rem;color:var(--done);border-radius:6px 6px 0 0;align-items:center;gap:.5rem;margin:0 -1rem;padding:.3rem 1rem;display:flex}.fr-close{color:var(--done);background:0 0;border:0;padding:0 .45rem;font-size:1.1rem;font-weight:400;line-height:1.4}.fr-close:hover{color:var(--fg);box-shadow:none}.fr-hands{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.fr-keyboard-bare{width:100%;height:auto;display:block}.fr-keyboard,.fr-hands img{width:100%;height:100%;display:block;position:absolute;inset:0}.kb-body{fill:var(--panel-2);stroke:var(--line);stroke-width:3px}.kb-key rect,.kb-key path{fill:var(--panel);stroke:var(--line);stroke-width:3px;transition:fill .12s ease-out}.kb-key text.kb-name{fill:var(--muted);font-family:var(--mono);font-size:22px}.kb-label{fill:var(--muted);font-family:var(--mono);font-size:40px}.kb-place{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.kb-label.arrive{animation:.7s ease-out both label-in}@keyframes label-in{0%{opacity:0}}.kb-key.dip,.kb-label.dip{animation:.16s ease-out key-dip}@keyframes key-dip{40%{transform:translateY(8px)}}.kb-key.next rect,.kb-key.next path{fill:#7ab9fc;stroke:#4f8fd6}.kb-label.next{fill:#10233a}.kb-key.wrong rect,.kb-key.wrong path{fill:var(--error);stroke:var(--error)}.kb-label.wrong{fill:var(--on-accent)}@keyframes key-wrong{0%{transform:translateY(6px)}}.kb-key.wrong,.kb-label.wrong{animation:.25s ease-out key-wrong}.fr-layers{position:absolute;inset:0}.fr-filters{width:0;height:0;position:absolute}.fr-layer{opacity:0;transition:opacity var(--fade,90ms) ease-out}.fr-layer.on{opacity:1;transition:none}.fr-layer.on.stale{opacity:.25}.fr-hands img.fr-under{display:none}@media (prefers-color-scheme:dark){.fr-hands img.fr-under{filter:var(--solid);opacity:.85;display:block}}.finger-reminder .fr-slip{text-align:center;min-height:1.55em;color:var(--missed);margin-top:.5rem}.replay-open{align-items:center;gap:.5rem;margin:0 .75rem 1rem 0;display:inline-flex}.replay-icon{flex:none;width:.8em;height:.8em}.replay{gap:.75rem;max-width:34rem;margin:0 auto 1.25rem;display:grid}.replay .replay-tape{white-space:pre;text-align:center;margin:0;font-size:1.1rem;overflow:hidden}.replay-tape .done{color:var(--done)}.replay-tape .pending{color:var(--pending)}.replay input[type=range]{width:100%;accent-color:var(--accent);margin:0}.replay-controls{justify-content:center;align-items:center;gap:.5rem;display:flex}.replay-controls button.icon{justify-content:center;align-items:center;width:2.5rem;padding:.5rem 0;display:inline-flex}.replay-controls button:disabled{opacity:.4;cursor:default}.replay-count{font-variant-numeric:tabular-nums;min-width:9em;margin-left:.5rem}.replay-speed{grid-template-columns:auto 1fr;align-items:start;gap:1rem;width:min(100%,20rem);margin:0 auto;display:grid}.replay-speed-track{gap:.2rem;display:grid}.replay-speed-marks{color:var(--muted);font-family:var(--mono);justify-content:space-between;padding:0 .15rem;font-size:.75rem;display:flex}.replay-speed-marks .on{color:var(--accent);font-weight:700}.report-board,.heatmap-board{width:100%;max-width:48rem;height:auto;margin:1rem 0 .5rem;display:block}.kb-key.rb-slow rect,.kb-key.hm-on rect,.kb-key.hm-on path{fill:color-mix(in oklab, var(--viz-weak) var(--rb-fill,var(--hm-fill)), var(--panel))}.kb-label.rb-deep,.kb-label.hm-deep{fill:var(--on-accent)}.kb-key.rb-error rect{stroke:var(--error);stroke-width:9px}.kb-key.rb-finger rect{stroke:var(--viz-weak);stroke-width:7px;stroke-dasharray:16 10}.kb-key.dim rect{stroke-opacity:.3}.rb-arc{fill:none;stroke:var(--viz-weak);stroke-linecap:round;opacity:.85;transition:opacity .15s}.rb-arc.dim{opacity:.15}.rb-head{fill:var(--viz-weak)}.rb-badge{cursor:default;transition:opacity .15s}.rb-badge circle{fill:var(--fg)}.rb-badge text{fill:var(--bg);font-family:var(--mono);font-size:36px;font-weight:700}.rb-badge.dim{opacity:.25}.findings li{border-radius:4px;margin:-.35rem -.5rem;padding:.35rem .5rem;transition:background .15s}.findings li.active{background:var(--accent-soft)}.findings.marked{padding-left:0;list-style:none}.findings.marked .finding-head{grid-template-columns:1.6rem minmax(0,1fr) auto;align-items:start;gap:0 .5rem;display:grid}.findings.marked p{margin-left:2.1rem}.finding-mark{background:var(--fg);width:1.3rem;height:1.3rem;color:var(--bg);border-radius:50%;place-items:center;margin-top:.1rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-grid}.finding-mark:empty{background:0 0}.figure-note{margin:.25rem 0 0}.kb-key.hm-empty rect{fill:var(--bg);stroke-dasharray:10 8}.kb-label.hm-empty{fill:var(--pending)}.layout-scope{max-width:80ch;margin:-.5rem 0 1.5rem}.choice-group{border:0;gap:.5rem;max-width:34rem;margin:1.25rem 0 .75rem;padding:0;display:grid}.choice-group legend{margin-bottom:.25rem;padding:0}.choice{cursor:pointer;align-items:baseline;gap:.6rem;display:flex}.choice>span{display:grid}.check{cursor:pointer;align-items:baseline;gap:.6rem;max-width:34rem;margin-bottom:.6rem;display:flex}.choice input,.check input{accent-color:var(--accent)}.field-row{flex-wrap:wrap;align-items:center;gap:0 1rem;margin-top:1.25rem;display:flex}.field-row .field{margin-bottom:.5rem}.form-pick{border:0;gap:1rem;margin:0 0 .5rem;padding:0;display:flex}.form-pick:disabled .choice{color:var(--muted);cursor:default}.layout-pick{margin-top:0}.field-inline input{border:1px solid var(--muted);background:var(--bg);width:5em;color:var(--fg);font:inherit;font-variant-numeric:tabular-nums;border-radius:.4rem;padding:.3rem .5rem}.skin-tones{border:0;max-width:none;padding:0}.skin-tones legend{margin-bottom:.5rem;padding:0}.skin-choices{flex-wrap:wrap;gap:.5rem;display:flex}.skin-choice{border:1px solid var(--line);cursor:pointer;border-radius:4px;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .4rem;font-size:.85rem;display:inline-flex}.skin-choice:has(input:checked){border-color:var(--fg)}.skin-choice input{margin:0}.skin-swatch{border-radius:50%;width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px #00000026}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fr-advice{border:1px solid var(--line);background:var(--panel);width:min(30rem,100vw - 2rem);color:var(--fg);box-shadow:var(--shadow);border-radius:6px;padding:0;font-size:1rem;animation:none}.fr-advice::backdrop{background:#00000073}.fr-advice-body{gap:.75rem;padding:1.25rem 1.5rem;display:grid;position:relative}.fr-advice h2{margin:0;padding-right:2rem;font-size:1.1rem;line-height:1.3}.fr-advice .fr-close{position:absolute;top:.9rem;right:.9rem}.fr-advice p{color:var(--fg)}.fr-advice .actions{gap:1.25rem;margin-top:.25rem}.finger-reminder p{color:var(--done);margin:0;line-height:1.55}.fr-advice .link-button{font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin:0;display:grid}.stat-tiles>div{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:.75rem .9rem}.stat-tiles dt{color:var(--done);font-size:.8rem}.stat-tiles dd{font-variant-numeric:tabular-nums;margin:.15rem 0 0;font-size:1.35rem;font-weight:600}.stat-tiles dd.small{font-size:.8rem;font-weight:400}.stats-page .trend-table{max-width:100%;display:block;overflow-x:auto}.heatmap .mode-switch{margin-top:1rem}.hm-meaning{margin:.75rem 0 0}.hm-legend{color:var(--done);flex-wrap:wrap;align-items:center;gap:.4rem;margin:.5rem 0;font-size:.8rem;display:flex}.hm-ramp{background:linear-gradient(to right, color-mix(in oklab, var(--viz-weak) 15%, var(--panel)), var(--viz-weak));border-radius:.2rem;width:8rem;height:.6rem}.hm-swatch{border:1.5px dashed var(--line);background:var(--bg);border-radius:.2rem;width:.8rem;height:.8rem;margin-left:1rem}.hm-scale{margin-left:1rem}.hm-swatch.hm-fine{border:1.5px solid var(--line);background:var(--panel);margin-left:0}@media (width<=40rem){.words{--line-h:1.9rem;padding:1rem 1.1rem;font-size:1.15rem}.mode-switch button{white-space:nowrap;padding:.4rem .6rem;font-size:.75rem}}.about .credit{margin-top:2rem}.about .credit a{color:inherit}.data-dialog{border:1px solid var(--line);background:var(--panel);width:min(28rem,100vw - 2rem);color:var(--fg);box-shadow:var(--shadow);border-radius:.5rem;padding:1.25rem 1.5rem;animation:none}.data-dialog::backdrop{background:#00000073}.data-dialog h2{margin:0 0 .5rem;font-size:1rem}.data-dialog .actions{gap:.5rem}button.secondary.danger{color:var(--error);border-color:color-mix(in srgb, var(--error) 45%, transparent)}button.secondary.danger:hover{background:var(--error-bg);border-color:var(--error)}.calendar{direction:rtl;overflow-x:auto}.calendar svg{direction:ltr;width:100%;height:auto;margin-right:auto;display:block}.cal-label{fill:var(--muted);font-size:8px}.cal-day{fill:var(--panel-2);stroke:var(--line);stroke-width:.5px}.cal-day.l1{fill:color-mix(in oklab, var(--accent) 30%, var(--panel))}.cal-day.l2{fill:color-mix(in oklab, var(--accent) 55%, var(--panel))}.cal-day.l3{fill:color-mix(in oklab, var(--accent) 78%, var(--panel))}.cal-day.l4{fill:var(--accent)}.cal-legend{color:var(--muted);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.75rem;display:flex}.cal-legend i{border:1px solid var(--line);background:var(--panel-2);border-radius:2px;width:.7rem;height:.7rem;display:inline-block}.cal-legend i.l1{background:color-mix(in oklab, var(--accent) 30%, var(--panel))}.cal-legend i.l2{background:color-mix(in oklab, var(--accent) 55%, var(--panel))}.cal-legend i.l3{background:color-mix(in oklab, var(--accent) 78%, var(--panel))}.cal-legend i.l4{background:var(--accent)}.cal-layout{flex-wrap:wrap;align-items:flex-start;gap:1rem 2rem;display:flex}.cal-main{flex:0 auto;min-width:0;max-width:100%}.cal-side{flex:18rem;grid-template-columns:repeat(2,minmax(0,1fr))}.milestones{flex-wrap:wrap;gap:.5rem 1.5rem;margin:1rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.milestones strong{color:var(--accent)}.day-parts{margin:.75rem 0 1rem;padding:0;list-style:none}.day-parts li{grid-template-columns:13rem 1fr 11rem;align-items:center;gap:1rem;padding:.3rem 0;display:grid}.dp-bar{background:var(--panel-2);border-radius:2px;height:.7rem}.dp-bar i{background:color-mix(in oklab, var(--accent) 45%, var(--panel));border-radius:2px;height:100%;display:block}.day-parts li.best .dp-bar i{background:var(--accent)}.day-parts li.best .dp-label{color:var(--accent)}.dp-value{font-variant-numeric:tabular-nums}@media (width<=40rem){.day-parts li{grid-template-columns:1fr auto;gap:.25rem 1rem}.dp-bar{grid-area:2/1/auto/-1}.dp-label .small{display:none}}.share-canvas{border:1px solid var(--line);border-radius:6px;width:100%;max-width:36rem;height:auto;display:block}.share-actions{flex-wrap:wrap;gap:.5rem;display:flex}.plan-note{margin:.75rem 0 1.25rem}.report-figures{align-items:center;gap:1rem 2rem;display:grid}@media (width>=64rem){.report-figures:has(.fh){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}.fh{aspect-ratio:4/3;width:100%;max-width:30rem;margin:.5rem 0;position:relative}.fh>svg,.fh>img,.fh-finger{width:100%;height:100%;display:block;position:absolute;inset:0}.fh-finger{background:var(--viz-weak);opacity:calc(.3 + .6 * var(--fh-share,0));transition:opacity .15s;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.fh-finger.dim{opacity:.08}.fh .rb-badge text{font-size:56px}
