.sentences{--radius: 999rem;--card-radius: 1.25rem;--border: rgba(2, 2, 2, .14);--bg: rgba(255, 255, 255, .94);--pill-bg: rgba(2, 2, 2, .06);--pill-active-bg: rgba(2, 2, 2, .92);--pill-active-fg: rgba(255, 255, 255, .98);--title-bg: var(--dto-surface);--title-border: rgba(2, 2, 2, .12);--title-color: var(--dto-text-dark);--muted: var(--dto-text-muted);--shadow: 0 1.25rem 2.5rem rgba(2, 2, 2, .08);width:100%;max-width:100%;margin-inline:0;padding-inline:0;padding-block:clamp(1.1rem,3vw,2.1rem);color:var(--dto-text-dark)}html.dark .sentences{--border: rgba(255, 255, 255, .2);--bg: rgba(17, 19, 26, .95);--pill-bg: rgba(255, 255, 255, .08);--pill-active-bg: rgba(255, 255, 255, .92);--pill-active-fg: #111111;--title-bg: rgba(255, 255, 255, .08);--title-border: rgba(255, 255, 255, .24);--title-color: var(--dto-text-dark);--muted: var(--dto-text-light);--shadow: 0 1.25rem 2.8rem rgba(0, 0, 0, .42)}.sentences__header{display:grid;gap:.8rem;margin-bottom:clamp(1rem,3vw,1.75rem);justify-items:center;text-align:center}.sentences__title{margin:0 auto;width:-moz-fit-content;width:fit-content}.sentences__title>span{display:inline-flex;align-items:center;justify-content:center;border-radius:999rem;border:.0625rem solid var(--title-border);background:var(--title-bg);color:var(--title-color);padding:.45rem 1rem;font-size:clamp(1.35rem,2.3vw,1.85rem);line-height:1.15}.sentences__desc{margin:0 auto;max-width:70ch;font-size:1rem;line-height:1.5;color:var(--muted)}.langNav{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-bottom:clamp(.9rem,2.2vw,1.25rem)}.langNav__item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid transparent;background:var(--pill-bg);color:inherit;border-radius:var(--radius);padding:.55rem .9rem;font-size:.96rem;line-height:1.1;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.langNav__item[aria-pressed=true]{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-bg)}.langNav__item:active{transform:scale(.98)}.langNav__flag{width:1.25rem;height:1.25rem;border-radius:999rem;-o-object-fit:cover;object-fit:cover;box-shadow:0 0 0 .0625rem var(--border);flex-shrink:0}.langNav__label{font-weight:600;letter-spacing:.01em}.sentences__listWrap{position:relative}.sentences__list{max-height:clamp(18rem,58vh,26rem);overflow-y:auto;border:.0625rem solid var(--border);border-radius:var(--card-radius);background:var(--bg);box-shadow:var(--shadow);display:grid;gap:0;scroll-behavior:smooth;scrollbar-gutter:stable both-edges}.sentences__list::-webkit-scrollbar{width:.7rem}.sentences__list::-webkit-scrollbar-track{background:var(--pill-bg);border-radius:999rem;margin-block:.35rem}.sentences__list::-webkit-scrollbar-thumb{background:#02020257;border-radius:999rem;border:.2rem solid transparent;background-clip:padding-box}.sentences__list:hover::-webkit-scrollbar-thumb{background:#02020280;background-clip:padding-box}html.dark .sentences__list::-webkit-scrollbar-thumb{background:#ffffff6b;background-clip:padding-box}html.dark .sentences__list:hover::-webkit-scrollbar-thumb{background:#ffffff9e;background-clip:padding-box}.sentenceItem{background:transparent;border:0;border-top:.0625rem solid var(--border);border-radius:0;box-shadow:none}.sentenceItem:first-child{border-top:0}.sentenceItem__row{padding:clamp(.85rem,2vw,1rem) clamp(1rem,2.4vw,1.25rem);display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;-moz-column-gap:.85rem;column-gap:.85rem}.sentenceItem__index{width:1.95rem;height:1.95rem;border-radius:999rem;display:inline-grid;place-items:center;background:var(--pill-bg);font-weight:800;font-size:.92rem;line-height:1;box-shadow:inset 0 0 0 .0625rem var(--border)}.sentenceItem__play{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid transparent;background:var(--pill-bg);color:inherit;width:2rem;height:2rem;border-radius:999rem;display:inline-grid;place-items:center;cursor:pointer;transition:transform .12s ease,background .12s ease,color .12s ease,border-color .12s ease}.sentenceItem__play:hover{border-color:var(--border)}.sentenceItem__play:active{transform:scale(.96)}.sentenceItem__play[data-state=playing]{background:var(--pill-active-bg);color:var(--pill-active-fg);border-color:var(--pill-active-bg)}.sentenceItem__icon{width:1rem;height:1rem}.sentenceItem__icon--pause,.sentenceItem__play[data-state=playing] .sentenceItem__icon--play{display:none}.sentenceItem__play[data-state=playing] .sentenceItem__icon--pause{display:block}.sentenceItem__label{text-wrap:pretty;min-width:0;font-size:clamp(.98rem,2vw,1.12rem);line-height:1.45;font-weight:600}.sentenceItem__audio{display:none}.sentences__scrollHint{position:absolute;inset-inline:0;bottom:0;height:3.25rem;width:100%;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--bg) 68%);opacity:1;transition:opacity .16s ease;border:0;padding:0;cursor:pointer}.sentences__scrollHint[data-hidden=true]{opacity:0;pointer-events:none}.sentences__scrollHintInner{margin-bottom:.35rem;width:2.2rem;height:2.2rem;border-radius:999rem;display:inline-grid;place-items:center;background:var(--pill-active-bg);color:var(--pill-active-fg);box-shadow:0 .6rem 1.4rem #0000002e}.sentences__scrollHintInner svg{width:1.25rem;height:1.25rem}@media(prefers-reduced-motion:reduce){.langNav__item,.sentenceItem__play,.sentences__scrollHint{transition:none}}