:root{--z-index-popup:var(--z-toast);--translation-popup-font-size:17px;--translation-popup-line-height:2;--sentence-action-btn-size:30px;--sentence-action-btn-gap:.4em;--sentence-action-btn-transform:translateY(.3em);--sentence-action-column-width:calc((var(--sentence-action-btn-size) * 2) + var(--sentence-action-btn-gap));--translate-icon-size:22px;--speaker-icon-size:28px;--sentence-wrapper-min-height:5.7em}ruby{cursor:pointer;ruby-align:center;ruby-position:over;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;user-select:none;position:relative}ruby rt{color:#c30856;text-align:start;font-variant-east-asian:ruby;padding-bottom:.1em;font-weight:700;line-height:normal;text-emphasis:none;display:ruby-text}.dark-mode ruby rt{color:#ff79c6}.kanji{cursor:pointer;font-weight:400}.kanji-meaning{display:none}.highlight-kanji .kanji{color:var(--color-light-theme-kanji-highlighting);transition:color var(--transition-normal);font-weight:400}.kanji.popup-highlight{color:var(--color-light-theme-kanji-highlighting);font-weight:400}.dark-mode .highlight-kanji .kanji{color:var(--color-dark-theme-kanji-highlighting);transition:color var(--transition-normal)}.dark-mode .kanji.popup-highlight{color:var(--color-dark-theme-kanji-highlighting);font-weight:400}.sentence-list{visibility:hidden;margin-block:0;padding-left:0;list-style:none}.sentence-list.ready{visibility:visible}.sentence-list>li:not(.sentence-translation){background-color:var(--color-light-theme-surface);border:var(--border-default-light-theme);border-radius:var(--border-radius-card);box-shadow:var(--shadow-light-soft);margin-bottom:1em;padding:.7em}.dark-mode .sentence-list>li:not(.sentence-translation){border:var(--border-default-dark-theme);background-color:var(--color-dark-theme-background-base);box-shadow:0 2px 8px #0000004d}.sentence-translation{display:none}.sentence-wrapper{grid-template-columns:var(--sentence-action-column-width) minmax(0, 1fr);max-width:100%;min-height:var(--sentence-wrapper-min-height);align-items:start;column-gap:.4em;display:grid;position:relative}.button-group{place-self:start;gap:var(--sentence-action-btn-gap);transform:var(--sentence-action-btn-transform);width:var(--sentence-action-column-width);flex-direction:row;grid-column:1;align-items:center;display:flex}.jp-sentence{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--color-light-theme-accent);contain:paint;grid-column:2;padding-left:5px;line-height:2}.dark-mode .jp-sentence{color:var(--color-dark-theme-text-default)}.translate-btn,.speaker-btn{width:var(--sentence-action-btn-size);height:var(--sentence-action-btn-size);min-width:var(--sentence-action-btn-size);transform:none}.translate-icon{width:var(--translate-icon-size);height:var(--translate-icon-size)}.speaker-icon{width:var(--speaker-icon-size);height:var(--speaker-icon-size);transform:translateY(2px)}.translation-popup{background:var(--color-light-theme-surface);color:#333;box-shadow:var(--shadow-light-soft);border:var(--border-thin-light-theme);font-size:var(--translation-popup-font-size);line-height:var(--translation-popup-line-height);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);white-space:normal;z-index:var(--z-index-popup);pointer-events:none;font-size-adjust:none;text-size-adjust:100%;contain:layout paint;will-change:opacity;border-radius:6px;padding:.5em 1em;position:absolute;top:2.4em;left:0}.translation-popup.show{opacity:1;visibility:visible}.dark-mode .translation-popup{background:var(--color-dark-theme-surface);color:var(--color-dark-theme-text-default);border-color:var(--color-dark-theme-border)}@media (width<=768px){:root{--sentence-action-btn-gap:.7em;--sentence-action-column-width:var(--sentence-action-btn-size)}.button-group{flex-direction:column;align-items:flex-start}}@media (width<=768px) and (orientation:portrait){:root{--sentence-action-btn-transform:translateY(.4em)}}@media (width<=768px) and (orientation:landscape){:root{--sentence-action-btn-gap:.3em;--sentence-wrapper-min-height:4.2em}}@media (width<=1024px){:root{--translation-popup-font-size:18px;--translation-popup-line-height:1.6}}@media (width>=1024px) and (orientation:portrait){:root{--sentence-action-btn-transform:translateY(0);--sentence-wrapper-min-height:0}.button-group{flex-direction:row;align-items:flex-start}}@media (width>=769px) and (orientation:landscape){:root{--sentence-wrapper-min-height:2.2em}}