:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#17233c;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e4e9ef;display:flex;justify-content:space-between;align-items:center;padding:18px max(22px,calc((100vw - 1100px)/2))}.brand{display:flex;align-items:center;gap:13px}.brand strong{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:#6a7484;font-size:10px;letter-spacing:1px}.mark{background:#17233c;color:white;padding:12px;border-radius:7px;font-weight:800}main{max-width:1100px;margin:auto;padding:20px 22px 65px}.hero{padding:48px 0 26px}.eyebrow{color:#ac7249;font-size:12px;font-weight:800;letter-spacing:2px}.hero h1{font-size:clamp(30px,5vw,51px);margin:9px 0}.hero p{color:#687589}.panel,.notice,.book{background:#fff;border:1px solid #e0e5eb;border-radius:12px;padding:25px}.panel{max-width:590px}.panel p,.fine{color:#647084}.fine{font-size:12px}label{display:block;margin:14px 0 8px;font-size:13px;font-weight:650}input{font:inherit;padding:12px;border:1px solid #ccd4df;border-radius:7px;min-width:0}.inline{display:flex;gap:10px}.inline input{flex:1}button{background:#17233c;color:#fff;border:1px solid #17233c;padding:11px 15px;border-radius:7px;cursor:pointer;font:inherit;font-size:13px}button:hover{opacity:.87}button:disabled{opacity:.45;cursor:wait}.ghost{background:#fff;color:#17233c}.books{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:22px}.book{display:flex;flex-direction:column;gap:12px}.book .cover{height:140px;border-radius:7px;background:linear-gradient(125deg,#24324b,#ad7d5c);color:#fff;padding:22px;display:flex;align-items:end;font-size:23px;font-weight:800}.book.nticx .cover{background:linear-gradient(125deg,#126e79,#24324b)}.book h3{margin:0}.book p{color:#687589;margin:0;flex:1}.readerbar{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;background:white;padding:12px;border:1px solid #e0e5eb;border-radius:9px}.tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tools label{margin:0;white-space:nowrap}.tools input{width:68px;padding:8px}.paper{background:#dce1e8;min-height:400px;padding:25px 8px;display:flex;justify-content:center;overflow:auto;margin-top:15px;border-radius:9px}canvas{max-width:none;align-self:start;background:white;box-shadow:0 5px 22px #17233c33}footer{text-align:center;padding:24px;color:#788292;font-size:12px}#login-message,#reader-status{color:#2a5967}@media(max-width:650px){.inline{flex-direction:column}.hero{padding-top:25px}.readerbar{align-items:start}.tools{width:100%}}