:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#eaf3fa;background:#091a29;--panel:#102b40;--line:#31526a;--accent:#56d9c9}*{box-sizing:border-box}body{margin:0}header{padding:26px max(18px,calc((100vw - 1060px)/2));background:linear-gradient(125deg,#153e55,#102535);border-bottom:1px solid var(--line)}.brand{font-size:12px;letter-spacing:2px;color:var(--accent);font-weight:700}.brand span{margin-left:12px;color:#a5b9c6}h1{font-size:clamp(24px,4vw,34px);margin:14px 0 8px}header p{color:#bbced9;margin:0 0 12px}header small{color:#8fabbd}main{max-width:1096px;margin:auto;padding:20px 18px}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);color:#eaf3fa;background:#183e56;border-radius:10px;padding:11px 14px;min-height:44px}button:hover{background:#20516a}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{width:100%;color:#eaf3fa;background:#0b2436;border:1px solid var(--line);border-radius:9px;padding:12px;min-height:44px}textarea{resize:vertical;min-height:70px}label{display:block;font-size:13px;color:#b7cedb}label input,label select,label textarea{margin-top:6px}nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}nav button{white-space:nowrap;background:transparent}nav .active,.primary{color:#082b30;background:var(--accent);border-color:var(--accent);font-weight:700}.languagebar{display:flex;gap:12px;align-items:end;margin:16px 0}.languagebar label{flex:1}.voicebox{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px;margin:18px 0}summary{cursor:pointer;font-size:14px;color:#b9d4e4}.voicegrid{display:grid;grid-template-columns:1fr 2fr auto;gap:10px;align-items:end;margin-top:14px}.voicebox small{display:block;color:#9dbacc;font-size:12px;margin:9px 0}.speed{display:flex;align-items:center;gap:8px}.speed input{flex:1;width:70px;min-height:auto;padding:0}.speed span{white-space:nowrap;font-size:13px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.controls>input{flex:2;min-width:200px}.controls>select{flex:1;min-width:170px}.check{display:flex;gap:8px;align-items:center;white-space:nowrap}.check input{width:18px;height:18px;min-height:0;margin:0}#count,#bookCount{font-size:13px;color:#9eb8c9;margin:14px 0}.layout{display:grid;grid-template-columns:1fr 1.65fr;gap:16px}.panel{background:var(--panel);padding:16px;border:1px solid #25465d;border-radius:14px;min-width:0}#results{max-height:65vh;overflow-y:auto}.result{display:flex;flex-direction:column;gap:6px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;background:transparent;padding:13px 10px;line-height:1.45}.result.selected{border-left:3px solid var(--accent);background:#1b3d51}.result small,.meta{font-size:12px;color:#9ab8cb}.meta{line-height:1.6}.detailActions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.translation{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.translation div{flex:1;min-width:0}.translation.target{background:#163f50;margin:0 -6px;padding:15px 6px}.translation span{font-size:12px;color:#9ab8cb;display:block;margin-bottom:7px}.translation strong{font-size:17px;line-height:1.55;overflow-wrap:anywhere}.play{flex:0 0 44px;color:var(--accent);padding:8px;border-radius:50%}.annotation{font-size:12px;color:#afc2cf;line-height:1.6}#more{width:100%;margin-top:12px}.booknav{display:flex;gap:10px;margin-top:14px}.booknav select{flex:1;width:auto}.readerGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.readerGrid img{width:100%;height:auto;display:block;background:white;border-radius:8px}.readerGrid p{font-size:16px;line-height:1.7;overflow-wrap:anywhere}.readerGrid h2{font-size:21px;line-height:1.4}.originalLink{display:inline-block;color:var(--accent);margin:8px 0 15px}.ocr{white-space:pre-wrap;color:#a7bbc8;font-size:13px;overflow-wrap:anywhere}.answer{width:100%;text-align:left;margin:8px 0;line-height:1.5}.answer.correct{border-color:var(--accent);background:#184b40}.answer.wrong{border-color:#f4a49c}.quizActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}#quiz h2{font-size:24px;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.import{cursor:pointer;border:1px solid var(--line);padding:12px;border-radius:10px;color:#eaf3fa}#ownFields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.ownRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}footer{margin:32px 0 12px;font-size:12px;line-height:1.8;color:#91acbf}footer a{color:#b9deed}footer p{max-width:720px}[hidden]{display:none!important}.empty{padding:16px;color:#b6cbd7}.stat{color:var(--accent);font-size:13px}.entryList{margin-top:20px}.entryList button{margin:4px}
@media(max-width:720px){main{padding:14px 12px}header{padding:22px 16px}.layout,.readerGrid{grid-template-columns:1fr}#results{max-height:230px}.voicegrid{grid-template-columns:1fr}.speed{flex-wrap:wrap}#ownFields{grid-template-columns:1fr}.controls>input,.controls>select{min-width:100%;flex-basis:100%}.check{margin:4px 0}.booknav{gap:6px}.booknav button{padding:10px}.translation strong{font-size:16px}.languagebar{gap:8px}nav{gap:6px}nav button{padding:10px 12px}.panel{padding:13px}}

.pdfReader{width:100%;height:75vh;min-height:420px;border:0;background:#fff;border-radius:8px}.ocr{white-space:pre-wrap;line-height:1.65}