:root{--fr-accent: #b5532a}@media(prefers-color-scheme:dark){:root{--fr-accent: #e8875a}}.focus-page{width:100%;max-width:44rem;margin:0 auto}.focus-page h1{margin-bottom:.5rem}.focus-lede{margin-bottom:2rem;opacity:.72}.focus-foot{margin-top:2.5rem;font-size:.92em;opacity:.72}.fr{width:100%}.fr-stage{--fr-sp: 26;--fr-px: calc(var(--fr-sp) * min(.0925rem, .36vw))}.fr-word,.fr-ctx,.fr-full{font-family:var(--fr-font, inherit);font-feature-settings:normal}.fr-stage,.fr-full{position:relative;height:17rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 40%,transparent)}.fr-stage{display:flex;flex-direction:column;justify-content:center;gap:.6rem;padding:1.25rem 1rem;overflow:hidden;user-select:none}.fr-stage[hidden],.fr-full[hidden]{display:none}.fr-ctx{display:flex;justify-content:center;height:2.8em;margin:0;overflow:hidden;font-size:.95rem;font-weight:200;line-height:1.4;text-align:center;opacity:.6;transition:opacity .2s ease}.fr-before{align-items:flex-end}.fr-after{align-items:flex-start}.fr-stage.is-playing .fr-ctx{opacity:.32}.fr-focal{position:relative;display:grid;place-items:center;height:max(5.5rem,calc(var(--fr-px) * 1.9))}.fr-focal:before,.fr-focal:after{content:"";position:absolute;left:50%;width:1px;height:.55rem;background:color-mix(in srgb,var(--text) 22%,transparent)}.fr-focal:before{top:0}.fr-focal:after{bottom:0}.fr-word{display:grid;grid-template-columns:1fr auto 1fr;width:100%;font-size:calc(var(--fr-px) * var(--fr-fit, 1));font-weight:400;line-height:1.2;white-space:pre}.no-orp .fr-p{color:inherit}.no-orp .fr-focal:before,.no-orp .fr-focal:after{display:none}.no-context .fr-ctx{visibility:hidden}.is-caption .fr-word{font-weight:800;text-shadow:.05em .05em 0 color-mix(in srgb,var(--text) 16%,transparent)}.is-caption .fr-word.is-accent{color:var(--fr-accent)}.fr-l{text-align:right}.fr-p{color:var(--fr-accent)}.fr-star{position:absolute;top:50%;left:50%;width:4.5rem;height:4.5rem;margin:-2.25rem 0 0 -2.25rem;color:var(--text);pointer-events:none}.fr-star svg{width:100%;height:100%}.fr-note{display:none;position:absolute;right:1rem;bottom:1.25rem;left:1rem;margin:0;text-align:center;font-size:.92em}.fr-stage:not([data-mode=reading]) .fr-word,.fr-stage:not([data-mode=reading]) .fr-ctx,.fr-stage:not([data-mode=reading]) .fr-focal:before,.fr-stage:not([data-mode=reading]) .fr-focal:after{visibility:hidden}.fr-stage[data-mode=reading] .fr-star{opacity:0}.fr-stage[data-mode=idle] .fr-idle,.fr-stage[data-mode=end] .fr-end{display:block}.fr-stage[data-mode=idle] .fr-idle{opacity:.55}.fr-stage[data-mode=end] .fr-end{animation:fr-fade-in .6s .4s ease both}@keyframes fr-fade-in{0%{opacity:0}to{opacity:1}}.fr-full{overflow-y:auto;padding:1.1rem 1.25rem;line-height:1.7}.fr-full p{margin-bottom:.9rem}.fr-full span{border-radius:3px;cursor:pointer}.fr-full span:hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.fr-full .is-current{background:color-mix(in srgb,var(--fr-accent) 18%,transparent);text-decoration:underline;text-decoration-color:var(--fr-accent);text-underline-offset:.2em}.fr-progress{height:2px;margin-top:.6rem;overflow:hidden;border-radius:1px;background:var(--border)}.fr-progress span{display:block;height:100%;background:color-mix(in srgb,var(--text) 55%,transparent);transform:scaleX(0);transform-origin:left}.fr-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.fr-btn{position:relative;min-width:44px;min-height:44px;padding:0 .5rem;border:none;background:transparent;color:color-mix(in srgb,var(--text) 62%,transparent);font:inherit;font-size:.92em;cursor:pointer;transition:color .12s ease,opacity .12s ease}.fr-btn:hover{color:var(--text)}.fr-btn:focus-visible,.fr-full:focus-visible,.fr-tool:focus-within,.fr-linkbtn:focus-visible,.fr-chip input:focus-visible+span,.fr-seg input:focus-visible+span{outline:2px solid var(--text);outline-offset:3px}.fr-btn--primary,.fr-btn--icon{min-width:0;min-height:0}.fr-btn--primary:after,.fr-btn--icon:after{content:"";position:absolute;inset:-.5rem 0}.fr-btn--icon:after{inset:-.5rem}.fr-btn--primary{min-width:5.5rem;padding:.35rem 1rem;border-radius:999px;background:var(--text);color:var(--bg);font-size:inherit}.fr-btn--primary:hover{color:var(--bg);opacity:.7}.fr-btn--icon{display:grid;place-items:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:50%;color:var(--text);font-size:1.1em;line-height:1}.fr-btn--icon:hover{border-color:color-mix(in srgb,var(--text) 42%,transparent)}.fr-speed{display:flex;align-items:center;gap:.625rem;margin-right:.5rem}.fr-wpm{min-width:7ch;text-align:center;font-variant-numeric:tabular-nums;opacity:.6}.fr-keys{display:none;margin:.9rem 0 0;text-align:center;font-size:.8em;opacity:.5}@media(hover:hover)and (pointer:fine){.fr-keys{display:block}}.fr-presets{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;border:0}.fr-chip{position:relative;font-size:.85em;cursor:pointer}.fr-chip input,.fr-seg input{position:absolute;opacity:0;pointer-events:none}.fr-chip>span{display:inline-block;padding:.28rem .8rem;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:999px;color:color-mix(in srgb,var(--text) 68%,transparent);transition:border-color .12s ease,color .12s ease}.fr-chip:hover>span{color:var(--text)}.fr-chip input:checked+span,.fr-chip--custom>span{border-color:color-mix(in srgb,var(--text) 60%,transparent);background:color-mix(in srgb,var(--text) 6%,transparent);color:var(--text)}.fr-chip--custom{cursor:default}.fr-chip--custom[hidden]{display:none}.fr-preset-note{margin:.55rem 0 .9rem;text-align:center;font-size:.85em;opacity:.55}.fr-opts{display:grid;gap:.75rem;margin-top:1rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 40%,transparent);font-size:.92em}.fr-opts[hidden]{display:none}.fr-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;min-width:0;border:0}.fr-row legend,.fr-row-label{float:left;width:9rem;padding:0;opacity:.72}.fr-seg{display:inline-flex;border:1px solid color-mix(in srgb,var(--text) 16%,transparent);border-radius:999px;overflow:hidden}.fr-seg label{position:relative;cursor:pointer}.fr-seg label+label{border-left:1px solid color-mix(in srgb,var(--text) 16%,transparent)}.fr-seg span{display:block;min-width:2.6rem;padding:.25rem .75rem;text-align:center;color:color-mix(in srgb,var(--text) 68%,transparent)}.fr-seg input:checked+span{background:color-mix(in srgb,var(--text) 10%,transparent);color:var(--text)}.fr-seg input:focus-visible+span{outline-offset:-2px}.fr-select{width:auto;min-width:12rem;min-height:0;padding:.3rem .6rem;resize:none}.fr-checks{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;padding-top:.25rem}.fr-checks label{display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;cursor:pointer}.fr-checks input{width:1rem;height:1rem;accent-color:var(--text)}.fr-checks label:has(input:disabled){cursor:default;opacity:.45}@media(max-width:520px){.fr-row legend,.fr-row-label{float:none;width:100%}.fr-select{width:100%}}.fr-own-row{display:flex;justify-content:center;margin-top:1.25rem}.fr-btn--outline{padding:.35rem 1rem;border:1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius:999px;min-height:0;color:var(--text)}.fr-btn--outline:hover{border-color:color-mix(in srgb,var(--text) 50%,transparent)}.fr-sheet{width:min(40rem,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 3rem);margin:auto;padding:0;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text)}.fr-sheet::backdrop{background:#00000052}.fr-sheet-in{display:grid;gap:.9rem;padding:1.25rem 1.4rem 1.5rem}.fr-sheet-head{display:flex;align-items:center;justify-content:space-between}.fr-sheet-head h2{margin:0}.fr-text{display:block;min-height:13rem;line-height:1.5}.fr-drop.is-over .fr-text{border-color:var(--text);border-style:dashed}.fr-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.fr-tool{position:relative;padding:.25rem .8rem;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:999px;background:transparent;color:var(--text);font:inherit;font-size:.88em;cursor:pointer;transition:border-color .12s ease}.fr-tool:hover{border-color:color-mix(in srgb,var(--text) 45%,transparent)}.fr-tool[hidden]{display:none}.fr-count{margin-left:auto;font-size:.85em;font-variant-numeric:tabular-nums;opacity:.6}.fr-samples{margin:0;font-size:.9em}.fr-samples,.fr-sheet-note{color:color-mix(in srgb,var(--text) 72%,transparent)}.fr-linkbtn{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.fr-sheet-note{margin:0;font-size:.88em}.fr-sheet-note:empty{display:none}.fr-sheet-foot{display:flex;justify-content:flex-end}.fr-sheet-foot .form-btn:disabled{cursor:default}@media(max-width:560px){.fr-sheet{width:100%;max-height:92dvh;margin:auto 0 0;border-bottom:0;border-radius:12px 12px 0 0}.fr-sheet-in{padding:1rem 1rem 1.5rem}.fr-text{min-height:38dvh}.fr-count{width:100%;margin-left:0}.fr-sheet-foot .form-btn{width:100%;padding:.65rem 1rem}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){.fr-ctx,.fr-btn{transition:none}.fr-stage[data-mode=end] .fr-end{animation:none}}
