:root{--brand:#2784f5;--brand-dark:#1e65cc;--ink:#17253b;--muted:#6d7c91;--line:#e2e9f3;--soft:#f3f7fd;--shadow:0 14px 50px rgba(26,62,108,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7faff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6cb4ff;outline-offset:3px}a{color:inherit;text-decoration:none}.shell{max-width:1280px;width:calc(100% - 72px);margin:0 auto}.skip-link{position:absolute;top:-80px;left:10px;padding:12px;background:#fff;z-index:99}.skip-link:focus{top:12px}.site-header{height:76px;background:rgba(255,255,255,.9);border-bottom:1px solid #e9eef7}.footer-inner,.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:810;font-size:21px;letter-spacing:-.9px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(145deg,#83c9ff,#2384f7);border-radius:10px;color:#fff;font-size:23px;font-weight:900;box-shadow:0 6px 14px rgba(49,140,239,.17)}.brand-accent{color:var(--brand)}.header-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:650;color:#627389}.header-nav a:hover{color:var(--brand-dark)}.privacy-chip{font-size:12px;color:#377b65;font-weight:700;background:#eaf8f2;border:1px solid #d6eee2;border-radius:40px;padding:9px 13px;white-space:nowrap}.privacy-chip span{font-size:8px;margin-right:5px}.intro{padding:66px 0 40px;text-align:center}.eyebrow,.overline{font-size:10px;font-weight:850;letter-spacing:2.2px;color:#3c8cdb}.intro h1{font-size:clamp(43px,5.5vw,74px);line-height:1.1;letter-spacing:-4px;font-weight:790;margin:16px 0 17px}.intro h1 span{color:var(--brand)}.intro>p{margin:0 auto;color:#738299;font-size:16px;line-height:1.75;max-width:600px}.intro-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:26px}.intro-badges span{background:#eaf3ff;border:1px solid #dfecfc;color:#3e7ec4;font-size:12px;font-weight:700;padding:9px 14px;border-radius:30px}.welcome-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:102px 1fr 320px;align-items:center;gap:26px;padding:54px 62px;min-height:338px}.welcome-icon{background:#edf5ff;color:#3c91ff;border-radius:24px;width:88px;height:88px;display:grid;place-items:center;font-size:55px;align-self:start}.welcome-copy h2{font-size:clamp(25px,3vw,37px);letter-spacing:-1.3px;margin:12px 0}.welcome-copy p{max-width:540px;color:var(--muted);line-height:1.75;font-size:14px}.welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:26px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:17px;border:1px solid #267fe9;color:#fff;background:linear-gradient(135deg,#3097ff,#2577e5);padding:15px 24px;border-radius:11px;font-weight:750;font-size:13px;box-shadow:0 8px 20px #2486ef2f}.primary:hover{filter:brightness(.97)}.file-hint{font-size:12px;color:#8b99aa}.welcome-art{display:flex;justify-content:center;perspective:900px}.art-book{background:linear-gradient(145deg,#2a85f6,#1964c5);height:235px;width:175px;border-radius:5px 12px 12px 5px;box-shadow:16px 13px 0 #dcebf9,21px 18px 0 #f0f5fb,0 22px 35px rgba(43,119,203,.18);transform:rotate(9deg);padding:32px 22px 17px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.art-lines{font-size:30px;font-weight:870;line-height:1.05;letter-spacing:-1.4px}.art-lines em{font-family:Georgia,serif;font-size:32px;font-weight:400}.art-foot{font-size:8px;letter-spacing:1.9px;opacity:.82}.file-drop{position:fixed;inset:22px;border:3px dashed var(--brand);background:#e7f3fff4;display:grid;place-items:center;font-size:31px;font-weight:780;color:var(--brand-dark);z-index:100;border-radius:24px;pointer-events:none}.file-drop[aria-hidden=true]{display:none}.notice{padding:14px 20px;margin-top:20px;border:1px solid #bedcf8;border-radius:12px;background:#ecf6ff;color:#245783;line-height:1.5;font-size:13px}.notice.error{background:#fff0f1;border-color:#ffd7d9;color:#a83343}.notice[hidden]{display:none}.workspace{margin-top:36px}.welcome-card[hidden],.workspace[hidden]{display:none}.book-topline{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 21px}.book-identity{display:flex;align-items:center;gap:15px;min-width:0}.book-identity>div:last-child{min-width:0}.mini-cover{width:56px;height:72px;border-radius:5px 9px 9px 5px;flex-shrink:0;background:linear-gradient(130deg,#399fff,#1e66c0);display:grid;place-items:center;color:#fff;font-size:32px;box-shadow:4px 4px 0 #d8e7fb}.book-identity h2{margin:3px 0;font-size:22px;letter-spacing:-.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:580px}.book-identity p{margin:0;color:var(--muted);font-size:13px}.book-actions{display:flex;gap:16px;align-items:center}.progress-chip{font-size:12px;color:#2f7ac5;background:#e7f2ff;padding:9px 12px;border-radius:40px;font-weight:800;white-space:nowrap}.subtle-btn{border:1px solid #d8e3f2;background:#fff;color:#465c78;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:740;white-space:nowrap}.nav-button:hover,.subtle-btn:hover,.tool-button:hover{background:#edf5ff}.reader-frame{display:grid;grid-template-columns:272px minmax(0,1fr);min-height:680px;height:min(79vh,850px);background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:var(--shadow);position:relative}.sidebar{background:#fbfcff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:29px 24px 24px}.side-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:0 15px 14px;gap:3px;border-bottom:1px solid var(--line)}.side-tab{background:0 0;border:0;border-radius:8px;padding:11px 0;font-size:12px;font-weight:750;color:#8090a6}.side-tab.active{background:#e8f2ff;color:#257add}.side-content{flex:1;overflow:auto;padding:20px 15px 28px;scrollbar-width:thin}.side-content[hidden]{display:none}.panel-intro{font-size:10px;letter-spacing:1.8px;color:#9ba8b9;font-weight:850;margin:1px 9px 16px}.side-list{display:flex;flex-direction:column;gap:3px}.bookmark-item,.chapter-link,.search-item{width:100%;text-align:left;border:0;background:0 0;color:#5d6e83;border-radius:10px;padding:12px 12px;font-size:13px;line-height:1.45;display:block;overflow-wrap:anywhere}.bookmark-item:hover,.chapter-link:hover,.search-item:hover{background:#f0f5fc}.chapter-link.active{background:#e9f2ff;color:#257be0;font-weight:750}.chapter-link.level-1{padding-left:24px;font-size:12px}.chapter-link.level-2,.chapter-link.level-3,.chapter-link.level-4{padding-left:36px;font-size:12px}.sidebar-footer{font-size:11px;color:#98a5b6;padding:19px 23px;border-top:1px solid var(--line)}.sidebar-footer span{color:#5997e0}.field-label{display:block;font-size:12px;font-weight:800;margin-bottom:10px;color:#3d526e}.search-box{display:flex;border:1px solid #d8e3f1;background:#fff;border-radius:10px;overflow:hidden}.search-box input{width:100%;min-width:0;padding:13px 10px;border:0;outline:0;font-size:13px;background:0 0}.search-box input:focus-visible{outline:2px solid #5aa9ff;outline-offset:-2px}.search-box button{border:0;background:#eaf4ff;color:#2675d0;font-size:22px;padding:0 15px}.cancel-search{margin:7px 0 14px}.cancel-search[hidden]{display:none}.empty-message,.panel-helper{color:#98a4b5;font-size:12px;line-height:1.65}.empty-message{padding:14px 8px}.bookmark-item,.search-item{border-bottom:1px solid #ecf1f7;border-radius:5px}.bookmark-item strong,.search-item strong{display:block;font-size:12px;color:#416a9b;margin-bottom:4px}.bookmark-item span,.search-item span{display:block;color:#697c96;font-size:11px;line-height:1.5}.search-item mark{background:#ffeba8;color:#45380f}.search-status{font-size:12px;color:#647a99;padding:12px 8px}.bookmark-wrap{position:relative;padding-right:32px}.bookmark-delete{position:absolute;right:3px;top:8px;border:0;background:0 0;border-radius:7px;padding:8px;color:#9e6170}.bookmark-delete:hover{background:#ffeef0}.reader-main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.reader-toolbar{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);gap:12px;z-index:2;background:#fff}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:12px;min-width:0}.chapter-current{font-weight:750;font-size:13px;color:#425975;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-button{background:0 0;border:1px solid #e2e9f1;border-radius:9px;font-size:13px;font-weight:720;color:#536b86;padding:10px 13px;white-space:nowrap}.tool-button.active{color:#227cdc;background:#ebf4ff;border-color:#a9d0fd}.icon-button{border:0;background:0 0;color:#607b9c;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;font-size:19px}.icon-button:hover{background:#eef4fc}.mobile-menu,.sidebar-close{display:none}.reading-surface{position:relative;flex:1;min-height:0;background:#fff}.reading-surface iframe{width:100%;height:100%;display:block;border:0;background:#fff}.reading-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#fffefef5;z-index:1;color:#456587;font-size:14px}.reading-loading[hidden]{display:none}.reading-loading span{font-size:12px;color:#8c9cb1}.spinner{height:35px;width:35px;border:3px solid #d6e7fa;border-top-color:#2784f5;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader-bottom{flex:0 0 99px;border-top:1px solid var(--line);padding:11px 24px 0;background:#fff}.nav-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.nav-button{border:1px solid #dfebf6;background:#f6faff;color:#45719f;border-radius:9px;padding:9px 14px;font-size:12px;font-weight:740}.chapter-progress{font-size:11px;color:#91a0b2;text-align:center}.progress-rail{height:4px;width:100%;background:#ecf1f8;border-radius:99px;overflow:hidden;margin-top:11px}.progress-rail div{width:0;height:100%;background:#3295ff;border-radius:99px;transition:width .18s}.keyboard-tip{text-align:center;color:#9ca9b9;font-size:10px;margin:6px}.settings-panel{position:absolute;top:62px;right:22px;z-index:4;width:min(360px,calc(100% - 28px));padding:23px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 18px 45px rgba(34,63,103,.18)}.settings-panel[hidden]{display:none}.settings-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.settings-heading strong{font-size:16px;letter-spacing:-.3px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.setting-field label{font-size:11px;font-weight:780;color:#59708b;display:flex;justify-content:space-between;gap:5px;margin-bottom:9px}.setting-field output{color:var(--brand-dark)}.setting-field input[type=range]{width:100%;accent-color:#3089ef}.setting-field select{width:100%;border:1px solid #dbe5f3;border-radius:9px;padding:10px 6px;font-size:12px;background:#fafcff;color:#455b76}.settings-grid>.setting-field:nth-child(n+3){grid-column:1/-1}.reset-settings{grid-column:1/-1;justify-self:start}.sidebar-shade[hidden]{display:none}.library-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 8px}.library-strip strong{font-size:12px;color:#3f5978}.library-strip p{font-size:12px;color:#95a3b5;margin:6px 0;line-height:1.6}.library-strip>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.danger-text{color:#b85362}.about{padding:90px 0 85px}.about h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1.4px;margin:13px 0 35px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:27px;min-height:200px}.features article span{font-size:10px;color:#438adb;font-weight:850;letter-spacing:1.6px}.features h3{font-size:18px;letter-spacing:-.5px;margin:17px 0 10px}.features p,.fine-print{font-size:13px;line-height:1.75;color:#7b8ca2}.fine-print{margin-top:27px;max-width:1060px}.fine-print strong{color:#526987}.site-footer{background:#fff;border-top:1px solid var(--line);height:72px}.footer-inner{font-size:12px;color:#8c9bac}.footer-inner strong{color:#3973b1}.footer-inner a:hover{color:var(--brand)}@media(max-width:1050px){.welcome-card{grid-template-columns:80px 1fr 180px;padding:37px 38px}.art-book{transform:rotate(6deg) scale(.86)}.reader-frame{grid-template-columns:230px minmax(0,1fr)}.tool-button span{display:none}.shell{width:calc(100% - 48px)}}@media(max-width:720px){.shell{width:calc(100% - 32px)}.site-header{height:66px}.header-nav{display:none}.privacy-chip{font-size:10px;padding:8px}.intro{padding:42px 0 28px}.intro h1{letter-spacing:-2.8px}.intro>p{font-size:14px}.welcome-card{display:block;padding:26px 25px 28px;min-height:0}.welcome-icon{height:58px;width:58px;border-radius:16px;font-size:33px;margin-bottom:18px}.welcome-art{display:none}.welcome-copy h2{font-size:26px}.reader-frame{display:flex;height:min(76vh,760px);min-height:520px}.reader-main{width:100%}.sidebar{position:absolute;z-index:7;inset:0 auto 0 0;width:min(310px,85vw);transform:translateX(-100%);transition:transform .2s ease;box-shadow:15px 0 35px rgba(28,58,89,.08)}.sidebar.open{transform:translateX(0)}.sidebar-shade:not([hidden]){display:block;position:absolute;z-index:6;inset:0;background:#142b4755}.mobile-menu,.sidebar-close{display:grid}.reader-toolbar{padding:0 12px;height:60px;flex-basis:60px}.toolbar-left,.toolbar-right{gap:5px}.tool-button{padding:8px 10px}.book-topline{align-items:flex-start;flex-wrap:wrap}.book-identity h2{max-width:calc(100vw - 135px);font-size:18px}.book-actions{margin-left:72px;gap:9px}.library-strip{align-items:flex-start;flex-direction:column}.features{grid-template-columns:1fr}.about{padding:65px 0}.reader-bottom{padding:11px 15px 0}.settings-panel{top:54px;right:7px}.footer-inner{flex-wrap:wrap;gap:4px;align-content:center;font-size:10px}.file-hint{margin:0}.file-drop{font-size:20px}.sidebar{will-change:transform}}@media(max-width:370px){.shell{width:calc(100% - 22px)}.welcome-card{padding:23px 18px}.intro-badges{gap:7px}.intro-badges span{font-size:10px;padding:7px 9px}.progress-chip{font-size:10px}.book-actions .subtle-btn{font-size:10px}.nav-button{padding:8px}.chapter-progress{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:NaNs!important;transition-duration:NaNs!important}}.side-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.side-tab{min-width:0;padding:10px 3px;font-size:clamp(10px,.78vw,12px)}.highlight-item{padding:13px 11px;border:1px solid var(--border,#dce5ef);border-radius:12px;margin:10px 0;background:var(--surface,#fff);overflow-wrap:anywhere}.highlight-item blockquote{margin:0 0 8px;font-size:13px;line-height:1.5;padding-left:10px;border-left:3px solid #4a8ee8}.highlight-item p{margin:8px 0;font-size:12px}.highlight-actions{display:flex;flex-wrap:wrap;gap:5px}.highlight-actions button{border:1px solid #d6e2ee;border-radius:8px;background:0 0;color:inherit;padding:6px 8px;font-size:12px;cursor:pointer}.highlight-actions button:hover{background:#eaf3ff}.jump-control{display:flex;gap:12px;align-items:center;margin:12px auto 5px;max-width:720px;color:#64748b;font-size:12px}.jump-control label{min-width:0;flex:0 1 180px}.jump-control input{min-width:60px;flex:1;accent-color:#438bda}.jump-control output{min-width:35px;text-align:right}.tool-button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:680px){.jump-control{gap:8px}.jump-control label{font-size:11px;flex:0 1 130px}.side-tab{font-size:11px}}.setting-field small{display:block;margin-top:7px;font-size:10px;line-height:1.5;color:#788aa2}.library-strip>div:last-child{justify-content:flex-end}@media(max-width:720px){.library-strip>div:last-child{justify-content:flex-start}}.settings-panel{max-height:calc(100% - 76px);overflow-y:auto;overscroll-behavior:contain}