@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/roboto-latin-400-normal-BqEyEoaF.woff2) format("woff2"),url(/assets/roboto-latin-400-normal-D27F5sTu.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2) format("woff2"),url(/assets/roboto-latin-500-normal-fsTFPL3E.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/roboto-latin-700-normal-BZpUvMxY.woff2) format("woff2"),url(/assets/roboto-latin-700-normal-YuyVweIx.woff) format("woff")}@font-face{font-family:리디바탕;src:local("리디바탕"),local("RIDIBatang"),url(/fonts/RIDIBatang.otf) format("opentype");font-display:swap}@font-face{font-family:Noto Sans CJK;src:local("Noto Sans CJK KR"),url(/fonts/NotoSansCJKkr-Regular.otf) format("opentype");font-display:swap}:root{font-family:Roboto,system-ui,sans-serif;color:#303b34;background:#f8f7f3;font-synthesis:none;font-size:14px;--ink: #303b34;--green: #365445;--muted: #858b81;--line: #e6e7df;--paper: #f8f7f3;--accent: #e8ede3}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.55}button{border:0;background:none}a{color:inherit;text-decoration:none}input,select{min-width:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6d8e5c;outline-offset:4px}h1,h2,h3,p{margin:0}button svg{flex-shrink:0}svg{vertical-align:middle;flex-shrink:0}input:not([type=checkbox]):not([type=range]):not([type=color]),select{padding:11px 12px;border:1px solid #dfe2d8;border-radius:7px;background:#fffefb;color:var(--ink);width:100%;line-height:1.4}input[type=range]{width:100%;accent-color:#496447;cursor:pointer;height:16px}input[type=color]{border:1px solid var(--line);border-radius:5px;height:35px;width:100%;background:none}input[type=checkbox]{accent-color:var(--green)}label{display:block;font-size:12px;font-weight:500;margin:18px 0 0;line-height:1.5}label input,label select{margin-top:7px}label small{display:block;font-size:11px;color:#7b8177;font-weight:400;margin-top:7px;line-height:1.6}label>span{float:right;font-weight:400;color:#7b8177}.button{background:var(--green);color:#fffdf7;border:1px solid var(--green);border-radius:7px;min-height:42px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px;font-weight:500;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{background:#263e32;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--green);border-color:#d4dbcd}.button.secondary:hover{background:#edf0e8}.button.full{width:100%;margin-top:23px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.icon-button:hover{background:#e8ece3}.text-button{padding:8px 0;color:var(--green);font-size:12px;display:inline-flex;gap:7px;align-items:center}.text-button:hover{text-decoration:underline}.danger{color:#a04e3a!important}.button-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button-row.end{justify-content:flex-end;margin-top:24px}.eyebrow{letter-spacing:2.4px;font-size:9px;font-weight:500;color:#74806f}.status-dot{width:6px;height:6px;border-radius:50%;background:#79916a;display:inline-block;flex-shrink:0}.status-dot.muted{background:#abb3a3}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{padding:38px 24px 18px;background:#f0f1e9;border-right:1px solid #e0e4d8;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font:43px Georgia,serif;letter-spacing:-2px;width:max-content}.brand>span:first-child{background:#365445;color:#f0f2e5;width:37px;height:40px;display:grid;place-items:center;border-radius:9px;margin-right:10px}.brand .brand-dot{color:#859071;margin-left:1px}.sidebar-caption{font-size:8px;letter-spacing:1.5px;color:#8a917e;margin:16px 0 42px}.nav-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#949b8b;font-weight:500;margin:0 12px 13px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{padding:13px 12px;display:flex;gap:12px;align-items:center;border-radius:7px;text-align:left;color:#6c7568;font-size:12px}.sidebar nav button>span:last-child{margin-left:auto;font-size:10px;color:#929b88}.sidebar nav button.active{background:#e0e7d8;color:#39553d;font-weight:500}.sidebar nav button:hover{background:#e7ecdf}.series-nav{margin-top:35px;overflow:hidden}.series-nav button{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:10px 12px;font-size:11px;color:#7e8675;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.series-nav button.selected,.series-nav button:hover{color:#324f3b}.shelf-dot{width:6px;height:6px;background:#b3bba6;border-radius:1px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:28px}.storage-link{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:14px 5px;color:#7d8976;font-size:11px}.storage-link span{flex:1}.storage-link small{display:block;font-size:9px;margin-top:5px;color:#99a18e}.connection-status{border:1px solid #d6decc;display:flex;align-items:center;gap:10px;border-radius:8px;padding:13px 10px;text-align:left;width:100%;font-size:10px;color:#5a6d51;background:#f6f7ef}.connection-status span:nth-child(2){flex:1;min-width:0}.connection-status small{display:block;font-size:9px;margin-top:5px;color:#8c967e;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{display:flex;align-items:center;justify-content:space-between;color:#a0a894;font-size:8px;letter-spacing:1.4px;margin-top:24px}.library-main{min-width:0}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 47px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#92968d;font-size:10px}.breadcrumb span{color:#626c5f}.topbar-right{display:flex;align-items:center;gap:27px}.sync-state{display:flex;gap:7px;align-items:center;font-size:10px;color:#838e7b}.sync-state.warning{color:#a27540}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e0e2d6;border-radius:50%;font-family:Georgia,serif;font-size:14px;color:#69745f;background:#eeefe5}.library-content{max-width:1510px;margin:auto;padding:40px 47px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:32px}.page-heading h1{font:38px/1.2 Georgia,serif;letter-spacing:-1.3px;margin:12px 0 11px;color:#354333}.page-heading>div>p:last-child{font-size:11px;color:#89907e;line-height:1.65}.page-heading>.button{margin-top:14px}.continue-card{border:1px solid #e0e4d6;border-radius:12px;min-height:274px;background:#e9eddf;position:relative;overflow:hidden;display:flex;align-items:center;padding:34px 38px}.continue-copy{width:53%;position:relative;z-index:2}.continue-copy .eyebrow{font-size:8px;letter-spacing:2px;color:#78866b}.continue-copy h2{font:30px/1.25 Georgia,serif;letter-spacing:-.6px;max-width:330px;margin:17px 0 10px}.continue-copy>p:not(.eyebrow){color:#849077;font-size:10px;display:flex;gap:11px;align-items:center}.continue-copy>p span{color:#b4bda7}.continue-progress{display:flex;align-items:center;gap:13px;margin:22px 0;font-size:9px;color:#89967b;max-width:320px}.continue-progress>div{height:3px;flex:1;background:#d5ddc9;border-radius:5px}.continue-progress i,.tiny-progress i{display:block;height:100%;background:#859b6f;border-radius:5px}.continue-copy .button{min-height:37px;padding:9px 14px;font-size:11px}.hero-book{position:absolute;width:142px;right:24%;top:33px;transform:rotate(8deg);filter:drop-shadow(12px 15px 12px #58694228);z-index:2}.hero-book .cover{aspect-ratio:1/1.43;border-radius:2px 6px 6px 2px;border-left:6px solid #ffffff14}.hero-note{font:italic 14px/1.8 Georgia,serif;position:absolute;right:4%;top:44%;color:#829174;z-index:2}.hero-lines{position:absolute;width:370px;height:370px;border:1px solid #d3ddc9;border-radius:50%;right:-20px;top:40px;opacity:.6}.hero-lines:before,.hero-lines:after{content:"";position:absolute;inset:22px;border:1px solid #d3ddc9;border-radius:50%}.hero-lines:after{inset:44px}.connect-banner{display:flex;align-items:center;gap:14px;padding:19px 3px;margin-bottom:15px;color:#8b977e}.connect-banner p{font-size:10px;color:#8d9484;line-height:1.8;flex:1}.connect-banner strong{font-weight:500;color:#65755b;margin-right:5px}.connect-banner button{display:flex;gap:7px;align-items:center;white-space:nowrap;font-size:10px;color:#536e49}.books-section{margin-top:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.section-heading>div:first-child{display:flex;gap:13px;align-items:center}.section-heading h2{font:23px Georgia,serif;letter-spacing:-.3px}.section-heading>div>span{font-size:9px;background:#eeefe7;border:1px solid #e3e7d9;border-radius:20px;padding:4px 8px;color:#8b947d}.view-switch{display:flex;gap:2px;border:1px solid #e4e6dc;border-radius:6px;padding:2px}.view-switch button{width:28px;height:26px;color:#a5ad9b;border-radius:4px}.view-switch button[aria-pressed=true]{background:#e6eadf;color:#5a7150}.library-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:26px}.search-field{display:flex;align-items:center;gap:8px;border:1px solid #e3e5da;padding:0 12px;border-radius:6px;max-width:400px;flex:1;height:37px;color:#a1a996;margin:0}.search-field input:not([type=range]){border:0!important;background:transparent!important;outline-offset:0;margin:0;padding:8px 2px!important;font-size:10px}.search-field input::placeholder{color:#a0a792}.library-toolbar select{background:transparent;padding:8px 10px;width:auto;font-size:10px;color:#77856a;height:37px;border-color:#e3e5da}.library-toolbar select:first-of-type{margin-left:auto}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:30px 25px}.book-card{min-width:0;max-width:300px}.book-open{padding:0;position:relative;width:100%;text-align:left;display:block;border-radius:7px;overflow:hidden;box-shadow:0 2px 4px #323e2812;transition:transform .25s,box-shadow .25s}.book-open:hover{transform:translateY(-4px);box-shadow:0 7px 16px #323e281f}.cover{aspect-ratio:1/1.38;border-radius:5px;padding:17px 18px 13px;display:flex;flex-direction:column;overflow:hidden;position:relative;background:#b7bfa3;color:#344c3e;isolation:isolate}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#00000010,transparent 2%,#ffffff26 4%,transparent 8%,transparent 96%,#0000000a);z-index:4;pointer-events:none}.cover-top{font-size:6px;display:flex;justify-content:space-between;letter-spacing:1px;opacity:.65}.cover-top span{font-size:5px;letter-spacing:1px}.cover-type{z-index:2;margin-top:auto;margin-bottom:21px}.cover-type>span{font-size:6px;display:block;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px;opacity:.7}.cover-type strong{font:24px/1.12 Georgia,serif;letter-spacing:-.5px;display:block;max-width:90%;overflow-wrap:anywhere}.cover-bottom{font-size:5px;letter-spacing:1.3px;opacity:.6;z-index:3}.cover-art{position:absolute;inset:17% -20% 23% 33%;z-index:-1;opacity:.4;transform:rotate(-23deg)}.cover-art i{position:absolute;border:1px solid currentColor;border-radius:50%;inset:0}.cover-art i:nth-child(2){inset:13%}.cover-art i:nth-child(3){inset:26%}.cover-art i:nth-child(4){inset:39%}.cover-0{background:#d8c4a2;color:#664c39}.cover-1{background:#546b58;color:#f0e6c7}.cover-1 .cover-art{border-radius:50% 50% 0 0;background:#abb79e;inset:24% 0 -10% 35%;opacity:.3;transform:rotate(22deg)}.cover-2{background:#b7c5c0;color:#34545c}.cover-2 .cover-art i{border-radius:40% 60% 30% 70%;background:#6b919b22}.cover-3{background:#c8b0a5;color:#5a3f3b}.cover-3 .cover-art{inset:5% -5% 30% 20%;transform:rotate(23deg)}.cover-4{background:#e5dfc5;color:#555c3d}.cover-4 .cover-art{inset:15% -30% 20% 20%;transform:rotate(-40deg)}.cover-4 .cover-art i{border-radius:0 60%;background:#6a7f5020}.cover-hover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#223927a3;color:#fff;opacity:0;transition:opacity .2s;font-size:11px}.book-open:hover .cover-hover,.book-open:focus-visible .cover-hover{opacity:1}.book-info{padding:13px 0 0}.book-info-top{display:flex;align-items:center;justify-content:space-between;color:#98a08c;font-size:8px;letter-spacing:.5px;margin-bottom:9px}.book-info-top>span:last-child{display:flex;gap:3px;align-items:center;letter-spacing:0;color:#7e9071}.book-title{display:block;font:15px/1.35 Georgia,serif;text-align:left;padding:0;color:#405039;overflow:hidden;text-overflow:ellipsis;max-width:100%}.book-series{font-size:9px;color:#8f9785;padding:0;margin-top:6px;display:block;text-align:left}.book-series:hover{text-decoration:underline}.book-bottom{display:flex;align-items:center;justify-content:space-between;color:#98a08f;font-size:9px;margin-top:9px}.book-bottom .icon-button{height:24px;width:24px;color:#8f9b83}.tiny-progress{height:2px;background:#e4e8dc;margin-top:4px}.book-list{display:block}.book-list .book-card{display:flex;max-width:none;border-bottom:1px solid var(--line);padding:16px 0;gap:22px}.book-list .book-open{width:80px;flex-shrink:0}.book-list .cover{padding:7px}.book-list .cover-type strong{font-size:12px}.book-list .cover-top,.book-list .cover-bottom,.book-list .cover-type>span{display:none}.book-list .cover-type{margin-bottom:10px}.book-list .book-info{flex:1;padding:0}.book-list .book-info-top{justify-content:flex-start;gap:16px}.library-footer{display:flex;justify-content:space-between;padding:32px 0 24px;color:#a5ad9b;font-size:9px;border-top:1px solid var(--line);margin-top:40px}.library-footer>span:first-child{display:flex;gap:7px;align-items:center}.empty-state{padding:65px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#94a087;gap:16px;border:1px dashed #dce1d2;border-radius:8px}.empty-state h3{font:26px Georgia,serif;color:#637657}.empty-state p{font-size:12px;line-height:1.7}.mobile-menu{display:none}.modal{border:1px solid #e3e6da;border-radius:15px;box-shadow:0 20px 100px #182c3333;background:#fcfbf7;color:var(--ink);padding:28px;width:min(510px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow-y:auto}.modal.wide{width:720px}.modal::backdrop{background:#202e235c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px}.modal-heading h2{font:25px/1.25 Georgia,serif;letter-spacing:-.5px}.modal-description{color:#87917e;font-size:12px;line-height:1.8;margin:0 0 22px}.connection-intro{display:flex;align-items:center;gap:15px;margin-bottom:24px}.connection-intro p{font-size:12px;line-height:1.8;color:#859079}.round-icon{display:grid;place-items:center;width:52px;height:52px;background:#e7eddf;border-radius:50%;flex-shrink:0;color:#6f8562}.provider-tabs{display:flex;background:#ecefe5;padding:4px;border-radius:7px;gap:3px}.provider-tabs button{font-size:10px;padding:10px 8px;flex:1;border-radius:5px;white-space:nowrap;color:#839177}.provider-tabs button.active{background:#fffef9;box-shadow:0 1px 3px #0000000a;color:#3a5b37}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checkbox{display:flex;align-items:center;gap:8px;color:#718164;font-weight:400;font-size:11px}.checkbox input{margin:0}.help{font-size:11px;color:#8c9483;line-height:1.8;margin-top:19px}.guide-link{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:20px;border-top:1px solid var(--line);margin-top:24px;font-size:11px;color:#6c815d}.form-error{font-size:12px;color:#a25443;padding:13px;background:#f7ece3;border-radius:7px;margin-top:17px;line-height:1.7}.connection-card{padding:20px;background:#eaf0e1;border:1px solid #dce5d1;border-radius:8px;color:#6f815d;font-size:11px}.connection-card>.status-dot{margin-right:7px}.connection-card strong,.connection-card small{display:block;margin-top:10px;overflow-wrap:anywhere}.connection-card strong{font-size:18px;color:#415a36}.connection-card small{font-size:10px}.appearance .eyebrow{margin-bottom:18px}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatches button{height:74px;border-radius:7px;border:1px solid #dce1d5;font:24px Georgia,serif}.swatches button.selected{outline:2px solid #829772;outline-offset:2px}.swatches span{display:block;font:9px Roboto,sans-serif;margin-top:9px}.appearance>.button{margin-top:18px}.appearance>.text-button{display:block;margin:14px auto auto}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:15px;padding:32px 15px;border:1px dashed #b9c7ac;background:#eff3e8;border-radius:8px;width:100%;color:#7a8e68}.upload-zone strong{font-size:13px;color:#546e43}.upload-zone span{font-size:10px;color:#97a28d}.file-list{max-height:160px;overflow-y:auto;margin-top:10px}.file-list>div{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:11px}.file-list>div>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list small{color:#939e86;font-size:9px}.storage-summary{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;color:#738865}.storage-summary strong{font:34px Georgia,serif;color:#425a35}.storage-summary span{font-size:11px;color:#8a987c}.storage-books{max-height:300px;overflow-y:auto;margin-top:20px}.storage-books>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;gap:10px}.storage-books strong{font-size:11px;font-weight:400}.storage-books small{display:block;margin-top:6px;font-size:9px;color:#8d9a81}.manage-actions{display:flex;flex-direction:column}.manage-actions>button{display:flex;align-items:center;gap:13px;padding:16px 4px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.manage-actions>button:hover{background:#edf1e5}.manage-actions>button>svg{width:18px}.manage-actions>button>svg:last-child:not(:first-child){margin-left:auto}.conflict-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.conflict-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:20px;border:1px solid #d6dfcc;border-radius:9px;background:#f1f4e9}.conflict-options button:hover{border-color:#81996d;background:#e6edda}.conflict-options span{font-size:11px;color:#6f845e}.conflict-options strong{font:22px Georgia,serif}.conflict-options small{font-size:10px;color:#8a987c;line-height:1.6}.inline-alert{display:flex;align-items:center;gap:10px;padding:13px 17px;background:#f4ebd8;border:1px solid #e8d9b9;border-radius:7px;color:#967d4a;margin:12px 0;font-size:11px;line-height:1.6}.inline-alert p{flex:1}.toast,.task-toast{position:fixed;z-index:1000;bottom:28px;left:50%;transform:translate(-50%);background:#334d3c;color:#f3f4e9;border:1px solid #62755a;border-radius:9px;box-shadow:0 7px 30px #172e2526;padding:12px 17px;display:flex;align-items:center;gap:12px;font-size:12px;max-width:min(650px,calc(100vw - 24px));line-height:1.6}.toast.error{background:#754d3c;border-color:#976c57;z-index:1002;bottom:74px}.toast .icon-button:hover{background:#ffffff20}.task-toast .text-button{color:#d2ddc4}.pwa-note{position:fixed;bottom:7px;right:16px;color:#8b997c;font-size:8px;z-index:10}.pwa-note span,.pwa-note button{display:flex;align-items:center;gap:5px}.dropzone{position:fixed;inset:16px;z-index:99;background:#ecf2e7f2;border:2px dashed #819a72;border-radius:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;color:#668953}.dropzone h2{font:33px Georgia,serif}.boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#6e8562;padding:30px}.boot h1{font:48px Georgia,serif}.boot p{max-width:500px;line-height:1.8;text-align:center}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite;display:inline-block;flex-shrink:0}.spinning{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reader{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--page-bg);color:var(--page-ink);transition:background .2s}.reader-header{display:flex;gap:17px;align-items:center;padding:15px 26px;border-bottom:1px solid color-mix(in srgb,var(--page-ink) 10%,transparent);height:76px;flex-shrink:0}.reader-header .icon-button,.reader-footer .icon-button{color:var(--page-ink)}.reader-header .icon-button:hover,.reader-footer .icon-button:hover{background:color-mix(in srgb,var(--page-ink) 10%,transparent)}.reader-title{flex:1;min-width:0}.reader-title span{font-size:9px;opacity:.45;display:block;margin-bottom:5px}.reader-title strong{font:15px Georgia,serif;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.reader-tools{display:flex;gap:10px;align-items:center}.reader-sync{font-size:9px;display:flex;gap:5px;align-items:center;opacity:.45;margin-right:14px}.reading-surface{flex:1;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9aa58e55 transparent;position:relative;overflow-y:auto}.text-surface{margin:var(--page-margin);margin-top:30px;margin-bottom:24px;width:calc(100% - var(--page-margin) * 2);max-width:780px;align-self:center}.text-surface.dual{max-width:1240px}.book-text{font-synthesis:weight;font-family:var(--reading-font);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.text-surface.paged{overflow:hidden}.text-surface.paged .book-text{height:100%;column-count:var(--columns);column-gap:60px;column-fill:auto;max-width:none}.book-text p{margin:0 0 var(--paragraph-gap)}.book-text h1,.book-text h2,.book-text h3{line-height:1.3;margin:1em 0}.book-text img{max-width:100%;max-height:65vh;object-fit:contain}.book-text table{width:100%;font-size:.85em}.book-text pre{white-space:pre-wrap}.book-text blockquote{border-left:2px solid currentColor;padding-left:20px;margin:1.3em 0;opacity:.8}.text-surface.scroll .book-text{max-width:740px;margin:auto;padding-bottom:50px}.text-surface.scroll.dual .book-text{max-width:1100px;column-count:2;column-gap:50px}.image-surface{padding:16px var(--page-margin);background:color-mix(in srgb,var(--page-ink) 5%,var(--page-bg))}.image-surface.paged .image-pages{display:flex;align-items:center;justify-content:center;height:100%;gap:12px}.image-surface.paged .image-page{height:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center}.reader:not(.no-motion) .image-surface.paged .image-page{animation:page-enter .18s ease-out}@keyframes page-enter{0%{opacity:.65;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.image-surface.paged.dual .image-page{width:50%}.image-page img,.image-page canvas{display:block;max-width:100%;height:auto;box-shadow:0 2px 15px #00000015}.image-surface.paged .image-page img,.image-surface.paged .image-page canvas{object-fit:contain;max-height:100%;width:auto;height:auto}.image-surface.scroll .image-pages{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:1000px;margin:auto}.image-surface.scroll .image-page{width:100%;min-height:300px;display:flex;justify-content:center}.image-surface.scroll .image-page canvas{width:100%;height:auto;min-height:300px}.reader-footer{height:67px;display:flex;align-items:center;justify-content:center;gap:24px;padding:10px 25px calc(10px + env(safe-area-inset-bottom));border-top:1px solid color-mix(in srgb,var(--page-ink) 10%,transparent);flex-shrink:0}.reading-position{display:flex;align-items:center;gap:18px;font-size:10px;opacity:.65;width:min(520px,75vw)}.reading-position>span:first-child{white-space:nowrap;max-width:180px;text-overflow:ellipsis;overflow:hidden}.reading-position>span:last-child{min-width:30px;text-align:right}.reading-position input{flex:1;min-width:30px;accent-color:var(--page-ink)}.reader-message{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center}.reader-message p{max-width:500px;line-height:1.8}.contents{display:flex;flex-direction:column;gap:5px}.contents button{padding:14px 10px;border-radius:6px;display:flex;text-align:left;align-items:center;gap:13px;font-size:12px}.contents button span{font-size:9px;color:#a1ad95}.contents button svg{margin-left:auto}.contents button.active,.contents button:hover{background:#eaf0e1}.reader .modal{color:var(--ink)}.reader.no-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}@media(min-width:1440px){.library-content,.topbar{padding-left:64px;padding-right:64px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.continue-card{min-height:290px}.hero-book{right:28%;width:153px}.hero-note{right:7%}.cover-type strong{font-size:28px}}@media(max-width:1120px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding:32px 17px 16px}.topbar{padding:0 30px}.library-content{padding:34px 30px 0}.hero-note{display:none}.hero-book{right:9%;width:144px}.continue-copy{width:65%}.continue-card{padding:28px}.book-grid{gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.cover-type strong{font-size:23px}.connect-banner p,.connect-banner button{font-size:9px}.page-heading h1{font-size:33px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;top:0;bottom:0;width:244px;z-index:80;transition:left .2s}.sidebar.open{left:0}.sidebar-scrim{position:fixed;inset:0;background:#1a2b2555;z-index:79}.mobile-menu{display:inline-flex;margin-left:-7px}.topbar{height:66px;padding:0 23px;gap:12px}.breadcrumb{margin-right:auto;font-size:9px;gap:6px}.topbar-right{gap:12px}.sync-state{font-size:9px}.sync-state>span:not(.status-dot){display:none}.avatar{width:27px;height:27px;font-size:12px}.library-content{padding:30px 23px 0}.page-heading{gap:14px;margin-bottom:25px;align-items:flex-start}.page-heading h1{font-size:31px;letter-spacing:-1px;margin-top:10px}.eyebrow{font-size:8px;letter-spacing:1.6px}.page-heading>div>p:last-child{font-size:10px;max-width:240px}.page-heading>.button{padding:9px 11px;min-height:36px;font-size:10px;gap:5px;white-space:nowrap;margin-top:31px}.page-heading>.button svg{width:14px}.continue-card{min-height:244px;padding:25px}.continue-copy{width:62%}.continue-copy h2{font-size:25px;max-width:240px;margin-top:15px}.continue-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.continue-copy>p:not(.eyebrow){font-size:9px}.continue-progress{display:block;margin:16px 0}.continue-progress>div{width:120px;margin-bottom:8px}.continue-progress>span{font-size:8px}.continue-copy .button{font-size:10px;min-height:34px}.hero-book{right:8%;top:49px;width:116px}.hero-book .cover-type strong{font-size:19px}.hero-book .cover{padding:13px}.hero-book .cover-type{margin-bottom:13px}.hero-book .cover-type>span{font-size:5px}.hero-note{display:none}.connect-banner{padding:18px 0;gap:10px;margin-bottom:0;align-items:flex-start}.connect-banner>svg{width:18px;margin-top:5px}.connect-banner p{font-size:9px}.connect-banner strong{display:block}.connect-banner button{font-size:9px;margin-top:6px;max-width:70px;white-space:normal;line-height:1.5;text-align:left;padding:0}.books-section{margin-top:25px}.section-heading{margin-bottom:19px;flex-wrap:wrap}.section-heading h2{font-size:23px}.library-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:22px}.search-field{flex-basis:100%;max-width:none}.library-toolbar select{flex:1;font-size:10px;height:34px}.library-toolbar select:first-of-type{margin:0}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.book-card{max-width:none}.cover{padding:14px}.cover-type strong{font-size:24px}.cover-type>span{font-size:5px}.book-title{font-size:15px}.book-info-top{font-size:7px}.book-series{font-size:9px}.library-footer{font-size:8px;gap:12px;padding-bottom:28px}.library-footer>span:last-child{text-align:right;line-height:1.7}.modal{padding:23px;max-height:calc(100dvh - 24px)}.modal-heading h2{font-size:24px}.provider-tabs button{padding:10px 4px;font-size:9px}.field-pair{gap:15px}.conflict-options{gap:10px}.conflict-options button{padding:16px 12px}.conflict-options strong{font-size:20px}.toast,.task-toast{font-size:11px;width:max-content;bottom:28px}.reader-header{height:66px;padding:11px 15px;gap:10px}.reader-title strong{font-size:13px}.reader-tools{gap:4px}.reader-sync,.fullscreen{display:none}.reader-title span{font-size:8px}.text-surface{margin-top:24px;margin-bottom:18px}.text-surface.paged .book-text{column-gap:32px}.reader-footer{gap:8px;padding-left:12px;padding-right:12px;height:62px}.reading-position{font-size:9px;gap:10px}.reading-position>span:first-child{max-width:95px}.image-surface{padding:10px}.pwa-note{font-size:7px}.text-surface.scroll.dual .book-text{column-count:1}}@media(max-width:390px){.library-content{padding-left:18px;padding-right:18px}.page-heading h1{font-size:27px}.page-heading>.button{font-size:9px;padding:8px}.hero-book{width:101px;right:7%;top:56px}.continue-copy h2{font-size:22px}.cover-type strong{font-size:21px}.book-grid{gap:24px 16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}