.reader-container{touch-action:manipulation}.reader-container .reader-paragraph,.reader-container .meta-ruby-title,.reader-container .meta-ruby-description{line-height:calc(var(--ruby-token) * 4);max-width:100%;overflow-wrap:anywhere}.reader-container .ruby-token rt{top:-.1rem}.reader-container.reader-focus-word .reader-paragraph,.reader-container.reader-focus-word .meta-ruby-title,.reader-container.reader-focus-word .meta-ruby-description{line-height:calc(var(--ruby-token) * 5.2)}.reader-container.reader-focus-word .ruby-token rt{top:-.8rem}.reader-container.reader-focus-sentence .reader-paragraph{line-height:calc(var(--ruby-token) * 4)}.reader-container[data-text-size=small]{--ruby-token: calc(var(--text-lg) * .6);font-size:var(--text-lg)}.reader-container[data-text-size=medium]{--ruby-token: calc(var(--text-xl) * .6);font-size:var(--text-xl)}.reader-container[data-text-size=large]{--ruby-token: calc(var(--text-2xl) * .6);font-size:var(--text-2xl)}:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .reader-paragraph{font-size:var(--text-xl);line-height:calc(var(--text-xl) * 1.85)}:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .meta-ruby-title{font-size:var(--text-3xl);line-height:calc(var(--text-3xl) * 1.85)}:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .meta-ruby-description{font-size:var(--text-xl);line-height:calc(var(--text-xl) * 1.85)}:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .kana-token+.kana-token:before,:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .kana-token+.kanji-token:before,:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .kanji-token+.kana-token:before,:is(.reader-container[data-locked=true],.reader-container[data-locked=true].reader-focus-word,.reader-container[data-locked=true].reader-focus-sentence) .kanji-token+.kanji-token:before{display:none}.reader-paragraph{margin:0 0 1.25em}.reader-paragraph:empty{min-height:1.25em}.reader-paragraph:last-child{margin-bottom:0}.reader-focus-word .ruby-token-box{border-radius:.5rem;padding:.375rem .5rem;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 2px 10px color-mix(in oklab,var(--color-brand) 10%,transparent)}.reader-focus-word .ruby-token-button{text-decoration:none;cursor:pointer;transition:box-shadow .15s ease-in-out}.reader-focus-word .ruby-token-button:hover,.reader-focus-word .ruby-token-button:active,.reader-focus-word .ruby-token-button[aria-pressed=true],.reader-focus-word .ruby-token-button:focus-visible{box-shadow:0 2px 10px color-mix(in oklab,var(--color-brand) 25%,transparent)}.reader-focus-word .kana-token+.kana-token:before,.reader-focus-word .kana-token+.kanji-token:before,.reader-focus-word .kanji-token+.kana-token:before,.reader-focus-word .kanji-token+.kanji-token:before{content:"·";display:inline-block;color:color-mix(in oklab,var(--color-primary) 40%,transparent);margin-inline:.2rem}.reader-focus-sentence .reader-paragraph{display:flex;flex-direction:column;gap:.75em}.reader-focus-sentence .reader-sentence{display:inline;border-radius:1rem;padding:.75rem .5rem .25rem;margin:0;background:var(--color-background);border:1px solid var(--color-border);box-shadow:0 2px 10px color-mix(in oklab,var(--color-brand) 10%,transparent)}@media(min-width:40rem){.reader-focus-sentence .reader-sentence{padding:1rem 1rem .5rem;margin:0 -1rem}}.reader-container[data-furigana-mode=always] .ruby-token-container rt,.reader-container[data-furigana-mode=on_tap] .ruby-token-content[aria-pressed=true] rt{opacity:.99;visibility:visible;transition-delay:0s}.reader-container[data-furigana-level=n3] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4]) rt,.reader-container[data-furigana-level=n2] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4],[data-jlpt=n3]) rt,.reader-container[data-furigana-level=n1] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4],[data-jlpt=n3],[data-jlpt=n2]) rt{opacity:0;visibility:hidden;transition-delay:0s,.15s,0s}.reader-focus-word[data-furigana-level=n3] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4]) .ruby-token-box,.reader-focus-word[data-furigana-level=n2] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4],[data-jlpt=n3]) .ruby-token-box,.reader-focus-word[data-furigana-level=n1] .ruby-token-container:is([data-jlpt=n5],[data-jlpt=n4],[data-jlpt=n3],[data-jlpt=n2]) .ruby-token-box{border-radius:0;padding:0;background:none;border:0;box-shadow:none}.reader-focus-word[data-furigana-level=all] :is(.kana-token,.kanji-token)+.kanji-token:before,.reader-focus-word[data-furigana-level=all] .kanji-token+:is(.kana-token,.kanji-token):before,.reader-focus-word[data-furigana-level=n3] :is(.kana-token,.kanji-token)+.kanji-token:is([data-jlpt=none],[data-jlpt=n3],[data-jlpt=n2],[data-jlpt=n1]):before,.reader-focus-word[data-furigana-level=n3] .kanji-token:is([data-jlpt=none],[data-jlpt=n3],[data-jlpt=n2],[data-jlpt=n1])+:is(.kana-token,.kanji-token):before,.reader-focus-word[data-furigana-level=n2] :is(.kana-token,.kanji-token)+.kanji-token:is([data-jlpt=none],[data-jlpt=n2],[data-jlpt=n1]):before,.reader-focus-word[data-furigana-level=n2] .kanji-token:is([data-jlpt=none],[data-jlpt=n2],[data-jlpt=n1])+:is(.kana-token,.kanji-token):before,.reader-focus-word[data-furigana-level=n1] :is(.kana-token,.kanji-token)+.kanji-token:is([data-jlpt=none],[data-jlpt=n1]):before,.reader-focus-word[data-furigana-level=n1] .kanji-token:is([data-jlpt=none],[data-jlpt=n1])+:is(.kana-token,.kanji-token):before{content:none}@media(prefers-reduced-motion:reduce){.reader-container[data-furigana-level] .ruby-token-container[data-jlpt] rt{transition-delay:0s}}.ruby-token{ruby-position:over}.ruby-token rt{position:relative;font-size:var(--ruby-token);line-height:var(--ruby-token);opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility 0s linear .15s,transform .15s ease-in-out}@media(prefers-reduced-motion:reduce){.ruby-token rt{transition-duration:1ms;transition-delay:0s}}.ruby-token-container{display:inline}.ruby-token-button{cursor:pointer;text-decoration:underline dotted color-mix(in oklab,var(--color-primary) 25%,transparent);text-underline-offset:.2em;transition:text-decoration-color .15s ease-in-out}@media(prefers-reduced-motion:reduce){.ruby-token-button{transition-duration:1ms}}.ruby-token-button:hover,.ruby-token-button:active,.ruby-token-button[aria-pressed=true],.ruby-token-button:focus-visible{text-decoration-color:var(--color-primary)}.ruby-token-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ruby-token-button:active{color:var(--color-primary)}.ruby-token-content{margin-inline:.125rem}
