:root{color-scheme:light;--paper:#f5f2ea;--ink:#293c35;--muted:#7b8379;--accent:#37664f;--line:#dddcd1;--active:#e6ecdc}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,sans-serif}button,select,input{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:7px;padding:9px 13px}button:hover{background:#e9e9df}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #c59e52;outline-offset:3px}button[aria-pressed=true]{background:var(--active);border-color:#bccbad}header{max-width:1140px;margin:auto;padding:24px 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:35px;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:22px}.brand span{font:10px system-ui;letter-spacing:2px;color:var(--muted)}.local{font-size:12px;color:var(--muted)}main{max-width:1060px;margin:auto;padding:46px 40px 170px}.book{display:flex;gap:36px;align-items:center;margin-bottom:40px}.cover{width:150px;height:210px;flex-shrink:0;background:#314f42;color:#f1e5c7;padding:19px 17px;box-shadow:5px 6px 0 #dbdbcd;position:relative;overflow:hidden}.cover span{font-size:10px;letter-spacing:2px}.cover strong{display:block;font:29px/1.06 Georgia,serif;margin:15px 0}.cover i{font-size:10px;font-style:normal;color:#cfceb2}.line{height:130px;width:80px;border:1px solid #a4a984;position:absolute;right:-35px;bottom:-20px;transform:rotate(25deg)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}h1{font:46px/1.15 Georgia,serif;margin:13px 0}.subtitle{font-size:14px;color:#69776e;margin:0 0 20px}.chapter-label{font-size:12px;color:var(--muted)}select{background:transparent;border:1px solid var(--line);border-radius:5px;padding:7px;color:var(--ink)}.hint{font-size:12px;color:var(--muted);margin-top:18px}.reader-tools{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reader-tools button{font-size:12px;margin-right:5px}#counter{font-size:11px;color:var(--muted)}.column-labels{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:22px 20px 14px;font-size:10px;letter-spacing:2px;color:var(--muted)}.segment{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:14px 20px;border-radius:6px;border-left:3px solid transparent;scroll-margin-top:24px;transition:background .18s}.segment.paragraph{margin-top:16px}.segment.active{background:var(--active);border-left-color:var(--accent)}.segment:hover{background:#eeeee4}.segment.active:hover{background:var(--active)}.phrase{border:0;border-radius:0;padding:0;text-align:left;background:none!important;line-height:1.65}.sr{font-family:Georgia,serif;font-size:21px}.ru{font-size:16px;color:#727970;line-height:1.8;align-self:start}.note{grid-column:1/-1;font-size:12px;color:#687466;border-top:1px solid #ced8c4;padding-top:8px}.note summary{cursor:pointer}.note p{margin:8px 0}.hide-ru .segment,.hide-ru .column-labels{grid-template-columns:1fr}.hide-ru .ru,.hide-ru #ru-label{display:none}.hide-ru .sr{max-width:760px}#status{font-size:13px;color:var(--muted);padding:10px 20px}footer{font-size:11px;color:var(--muted);text-align:center;margin-top:40px}.transport{position:fixed;bottom:0;width:100%;padding:16px max(24px,calc((100vw - 980px)/2));background:#faf9f4f5;border-top:1px solid #d8d9ce;backdrop-filter:blur(15px);box-shadow:0 -8px 30px #263a3106}.timeline{display:flex;gap:14px;align-items:center;font-size:11px;font-variant-numeric:tabular-nums;color:var(--muted)}input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:14px}.controls,.playback,.options{display:flex;align-items:center;gap:12px}.controls{justify-content:space-between;margin-top:10px}.playback>button{border:0}.playback .play{background:var(--accent);color:white;width:46px;height:42px;border-radius:50%}.playback #repeat{font-size:20px}.playback #repeat span{font-size:12px}.options{font-size:12px;color:var(--muted)}.keyboard{margin-left:15px;font-size:11px}@media(max-width:650px){header{padding:16px 20px}.brand span,.local,.keyboard{display:none}main{padding:28px 16px 160px}.book{gap:20px;margin-bottom:25px}.cover{width:106px;height:157px;padding:12px}.cover strong{font-size:23px;margin:12px 0}.cover span{font-size:8px}.cover i{font-size:8px}.eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:31px}.subtitle{font-size:12px}.hint{display:none}.segment{grid-template-columns:1fr;gap:6px;padding:13px}.sr{font-size:20px}.ru{font-size:15px}.column-labels{display:flex;justify-content:space-between;padding:18px 13px 8px;gap:5px;font-size:9px}.reader-tools button{padding:8px;font-size:11px}#counter{font-size:10px}.options label{display:none}.controls,.playback{gap:5px}.transport{padding:13px 16px}.note{margin-top:3px}.book-info{min-width:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.library-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--line)}.library-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.library-bar label{font-size:12px;color:var(--muted)}#book-select{max-width:min(600px,65vw);min-width:180px}#library-summary,.chapter-summary{font-size:11px;color:var(--muted)}.chapter-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chapter-navigation button{font-size:21px;padding:1px 11px}.chapter-navigation select{max-width:240px}.chapter-summary{margin:10px 0 0}.cover strong{font-size:26px;overflow-wrap:anywhere}.cover span,.cover i{display:block;white-space:pre-line}.cover{height:230px}button:disabled,select:disabled{opacity:.4;cursor:default}#status:empty{display:none}#status{line-height:1.6}.book-info{min-width:0}h1{overflow-wrap:anywhere}@media(max-width:650px){.library-bar{align-items:flex-start;flex-direction:column;gap:9px;margin-bottom:24px}.library-bar>div{width:100%}#book-select{max-width:100%;min-width:0;flex:1}.chapter-navigation{gap:5px}.chapter-navigation select{max-width:125px;padding:6px 2px;font-size:12px}.chapter-navigation button{padding:0 7px}.chapter-navigation label{display:none}.cover{height:175px}.cover strong{font-size:21px}.chapter-summary{font-size:10px}.book{align-items:flex-start}.subtitle{margin-bottom:14px}h1{font-size:29px}}