:root{--kanji-reading-modal-max-width:760px;--kanji-reading-modal-max-height:84dvh;--kanji-reading-modal-padding:1em;--kanji-reading-modal-edge-gutter:var(--kanji-reading-modal-padding);--kanji-reading-title-pill-size:64px;--kanji-reading-title-pill-glyph-size:2rem;--kanji-reading-subtitle-size:.9rem;--kanji-reading-empty-size:.95rem;--kanji-sentences-control-size:38px;--kanji-sentences-control-gap:8px;--kanji-sentences-control-step:calc(var(--kanji-sentences-control-size) + var(--kanji-sentences-control-gap));--z-index-kanji-sentences-controls-container:calc(var(--z-base) + 10);--modal-close-size:var(--kanji-sentences-control-size);--kanji-sentences-svg-icon-size:28px}.kanji-reading-modal{width:100%;max-width:var(--kanji-reading-modal-max-width);max-height:var(--kanji-reading-modal-max-height);padding:var(--kanji-reading-modal-padding);flex-direction:column;align-items:stretch;display:flex;position:relative;overflow:hidden}.kanji-reading-overlay{overscroll-behavior:contain}.kanji-reading-close{top:var(--kanji-reading-modal-edge-gutter);right:var(--kanji-reading-modal-edge-gutter);width:var(--kanji-sentences-control-size);height:var(--kanji-sentences-control-size);min-width:var(--kanji-sentences-control-size);min-height:var(--kanji-sentences-control-size);box-sizing:border-box;z-index:calc(var(--z-index-kanji-sentences-controls-container) + 5);padding:0}.kanji-reading-modal-content{flex:1;min-height:0;display:flex;overflow:hidden}.kanji-reading-modal-content::-webkit-scrollbar{display:none}.kanji-reading-modal-layout{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.kanji-reading-modal-chrome{z-index:calc(var(--z-base) + 2);flex-shrink:0;margin-bottom:.85em;position:relative}.kanji-reading-header{width:100%;max-width:100%;padding:0 calc(var(--modal-close-size) + .9em) 0 0;flex-direction:column;align-items:flex-start;gap:.45em;margin:0;display:flex}.kanji-reading-title{justify-content:flex-start;align-items:flex-start;margin:0;padding:0;line-height:1;display:flex}.kanji-reading-title .kanji-pill{width:var(--kanji-reading-title-pill-size);height:var(--kanji-reading-title-pill-size);min-width:var(--kanji-reading-title-pill-size);min-height:var(--kanji-reading-title-pill-size);border:var(--border-default-light-theme);background-color:var(--color-light-theme-surface);aspect-ratio:1;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.kanji-reading-title .kanji-pill:focus-visible{outline:none}.dark-mode .kanji-reading-title .kanji-pill{border:var(--border-default-dark-theme);background-color:var(--color-dark-theme-surface)}.dark-mode .kanji-reading-title .kanji-pill-glyph{color:var(--color-dark-theme-text-default)}.kanji-reading-title .kanji-pill:active{box-shadow:var(--shadow-light-strong);background-color:var(--color-light-theme-sunken);border-color:var(--color-light-theme-accent)}.dark-mode .kanji-reading-title .kanji-pill:active{border-color:var(--color-dark-theme-accent);box-shadow:var(--shadow-dark-strong);background-color:var(--color-dark-theme-surface)}.kanji-reading-title .kanji-pill-glyph{font-size:var(--kanji-reading-title-pill-glyph-size);line-height:1}.kanji-reading-subtitle,.kanji-reading-empty{color:var(--color-light-theme-text-default)}.kanji-reading-subtitle{max-width:min(48ch,100%);font-size:var(--kanji-reading-subtitle-size);margin:0;font-weight:600;line-height:1.45}.kanji-reading-empty{font-size:var(--kanji-reading-empty-size);margin:0;line-height:1.6}.kanji-reading-sentence-viewport{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.kanji-reading-sentence-viewport::-webkit-scrollbar{display:none}.kanji-specific-sentences{margin:0}.kanji-specific-sentences>li:not(.sentence-translation):last-of-type{margin-bottom:0}.dark-mode .kanji-reading-subtitle,.dark-mode .kanji-reading-empty{color:var(--color-dark-theme-text-default)}.kanji-sentences-controls{display:block}.kanji-sentences-controls.controls-container{width:100%;max-width:100%;height:var(--kanji-sentences-control-size);z-index:calc(var(--z-base) + 10);align-self:stretch;margin:.75em 0 0;position:relative;inset:auto;overflow:visible}.kanji-sentences-controls .control-btn{width:var(--kanji-sentences-control-size);height:var(--kanji-sentences-control-size);min-width:var(--kanji-sentences-control-size);min-height:var(--kanji-sentences-control-size);position:absolute;top:0;left:0;right:auto}.kanji-sentences-controls .controls-expander{visibility:visible;pointer-events:auto;opacity:1;z-index:calc(var(--z-base) + 2);transform:none}.kanji-sentences-controls button.furigana-toggle,.kanji-sentences-controls button.kanji-toggle,.kanji-sentences-controls button.font-size-toggle{visibility:hidden;pointer-events:none;opacity:0;transition:right var(--transition-normal), opacity var(--transition-normal), visibility 0s linear var(--transition-normal), transform var(--transition-normal);top:0;left:0;right:auto;transform:translate(8px)scale(.96)}.kanji-sentences-controls.expanded button.furigana-toggle,.kanji-sentences-controls.expanded button.kanji-toggle,.kanji-sentences-controls.expanded button.font-size-toggle{visibility:visible;pointer-events:auto;opacity:1;transition-delay:0s;transform:translate(0)scale(1)}.kanji-sentences-controls .gear-icon,.kanji-sentences-controls .font-size-icon{width:var(--kanji-sentences-svg-icon-size);height:var(--kanji-sentences-svg-icon-size)}.kanji-sentences-controls.expanded button.font-size-toggle{left:var(--kanji-sentences-control-step);top:0;right:auto}.kanji-sentences-controls.expanded button.kanji-toggle{left:calc(var(--kanji-sentences-control-step) * 2);top:0;right:auto}.kanji-sentences-controls.expanded button.furigana-toggle{left:calc(var(--kanji-sentences-control-step) * 3);top:0;right:auto}.kanji-sentences-controls .control-btn[aria-pressed=true]{border-color:var(--color-light-theme-accent);background-color:var(--color-light-theme-sunken);box-shadow:var(--shadow-light-strong)}.dark-mode .kanji-sentences-controls .control-btn[aria-pressed=true]{border-color:var(--color-dark-theme-accent);background-color:var(--color-dark-theme-surface);box-shadow:var(--shadow-dark-strong)}.kanji-sentences-controls .kanji-toggle,.kanji-sentences-controls .furigana-toggle,.kanji-sentences-controls .font-size-toggle{font-size:1.25rem;font-weight:700;line-height:1}@media (hover:hover){.kanji-reading-title .kanji-pill:hover{box-shadow:var(--shadow-light-strong);background-color:var(--color-light-theme-sunken);border-color:var(--color-light-theme-accent)}.dark-mode .kanji-reading-title .kanji-pill:hover{border-color:var(--color-dark-theme-accent);box-shadow:var(--shadow-dark-strong);background-color:var(--color-dark-theme-surface)}}@media (width<=768px) and (orientation:portrait){:root{--kanji-reading-modal-max-width:94vw;--kanji-reading-modal-max-height:calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 12px);--kanji-reading-modal-padding:.85em;--kanji-reading-title-pill-size:56px;--kanji-reading-title-pill-glyph-size:1.75rem;--kanji-reading-subtitle-size:.82rem;--kanji-sentences-control-size:36px;--kanji-sentences-control-gap:7px;--modal-close-size:var(--kanji-sentences-control-size);--kanji-sentences-svg-icon-size:26px}.kanji-reading-overlay{padding:calc(env(safe-area-inset-top) + 10px) 8px calc(env(safe-area-inset-bottom) + 10px)}.kanji-sentences-controls.controls-container{margin-top:.7em}.kanji-sentences-controls .kanji-toggle,.kanji-sentences-controls .furigana-toggle,.kanji-sentences-controls .font-size-toggle{font-size:1.15rem}}@media (orientation:landscape) and (width<=1024px) and (height<=600px){:root{--kanji-reading-modal-max-width:94vw;--kanji-reading-modal-max-height:88dvh;--kanji-reading-modal-padding:.65em;--kanji-reading-title-pill-size:46px;--kanji-reading-title-pill-glyph-size:1.45rem;--kanji-reading-subtitle-size:.76rem;--kanji-sentences-control-size:34px;--kanji-sentences-control-gap:7px;--kanji-reading-landscape-rail-width:44px;--modal-close-size:var(--kanji-sentences-control-size);--kanji-sentences-svg-icon-size:24px}.kanji-reading-overlay{padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 10px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 10px)}.kanji-reading-modal{width:min(var(--kanji-reading-modal-max-width), 960px)}.kanji-reading-modal-layout{grid-template-columns:var(--kanji-reading-landscape-rail-width) minmax(0, 1fr);grid-template-rows:auto minmax(0,1fr);gap:.55em .75em;min-height:0;display:grid}.kanji-reading-modal-chrome{margin-bottom:0;display:contents}.kanji-reading-header{min-width:0;padding-right:calc(var(--modal-close-size) + .7em);flex-direction:row;grid-area:1/1/auto/-1;align-items:center;gap:.6em}.kanji-reading-title{flex:none}.kanji-reading-title .kanji-pill{width:var(--kanji-reading-title-pill-size);height:var(--kanji-reading-title-pill-size);min-width:var(--kanji-reading-title-pill-size);min-height:var(--kanji-reading-title-pill-size)}.kanji-reading-title .kanji-pill-glyph{font-size:var(--kanji-reading-title-pill-glyph-size)}.kanji-reading-subtitle{min-width:0;max-width:none;font-size:var(--kanji-reading-subtitle-size);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.kanji-sentences-controls.controls-container{flex-direction:column;grid-area:2/1;place-self:start stretch;gap:.45em;width:100%;height:auto;margin:0;display:flex;overflow:visible}.kanji-sentences-controls .control-btn,.kanji-sentences-controls button.furigana-toggle,.kanji-sentences-controls button.kanji-toggle,.kanji-sentences-controls button.font-size-toggle,.kanji-sentences-controls.expanded button.furigana-toggle,.kanji-sentences-controls.expanded button.kanji-toggle,.kanji-sentences-controls.expanded button.font-size-toggle{visibility:visible;pointer-events:auto;opacity:1;transition:none;position:static;inset:auto;transform:none}.kanji-sentences-controls .controls-expander{order:0;display:inline-flex}.kanji-sentences-controls .font-size-toggle,.kanji-sentences-controls.expanded button.font-size-toggle{order:1}.kanji-sentences-controls .kanji-toggle,.kanji-sentences-controls.expanded button.kanji-toggle{order:2}.kanji-sentences-controls .furigana-toggle,.kanji-sentences-controls.expanded button.furigana-toggle{order:3}.kanji-sentences-controls .kanji-toggle,.kanji-sentences-controls .furigana-toggle,.kanji-sentences-controls .font-size-toggle{font-size:1.05rem}.kanji-reading-sentence-viewport{grid-area:2/2;min-height:0;padding-right:.1em}.kanji-specific-sentences>li:not(.sentence-translation){margin-bottom:.65em;padding:.55em}.sentence-wrapper{min-height:0}.jp-sentence{line-height:1.75}}@media (width>=769px) and (width<=1024px) and (orientation:portrait){:root{--kanji-reading-modal-max-width:720px}}