:root{--paper:#f3efe5;--paper-raised:#fbf8f1;--paper-deep:#e8e1d4;--ink:#1a1d1c;--muted:#565e59;--quiet:#5f6862;--line:rgba(35,43,39,0.13);--moss:#496b60;--moss-deep:#27463d;--brass:#b78642;--viewer:#111513;--viewer-raised:#1a201d;--focus:#a56c20;--sidebar-width:248px;color-scheme:light}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 80%,white);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.library-app{min-height:100dvh;display:flex}.library-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:var(--sidebar-width);display:flex;flex-direction:column;padding:22px 16px 18px;background:#ebe5d9;border-right:1px solid var(--line)}.brand-row{display:flex;align-items:center;justify-content:space-between;padding:0 5px 24px}.folio-wordmark{color:var(--ink);display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:Georgia,Times New Roman,serif;font-size:23px;letter-spacing:-.03em}.folio-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px 10px 10px 3px;background:var(--moss-deep);color:#fffaf0;font-family:Georgia,serif;font-size:20px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.icon-button,.sidebar-more{border:0;background:transparent;padding:8px;border-radius:9px;cursor:pointer}.icon-button svg,.sidebar-more svg{width:18px;height:18px}.primary-upload{border:0;border-radius:12px;min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--moss-deep);color:#fffaf0;font-weight:680;cursor:pointer;box-shadow:0 8px 20px rgba(39,70,61,.14)}.primary-upload:hover{background:#1f3d34;transform:translateY(-1px)}.primary-upload svg{width:18px;height:18px}.main-navigation{display:grid;gap:3px;margin:21px 0 18px}.collection-navigation button,.main-navigation button{width:100%;min-height:39px;border:0;border-radius:9px;background:transparent;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;color:#4f5752;text-align:left;font-size:14px;cursor:pointer}.collection-navigation button:hover,.main-navigation button:hover{background:rgba(255,255,255,.44);color:var(--ink)}.main-navigation button.active{background:#d8ded6;color:var(--moss-deep);font-weight:700}.collection-navigation svg,.main-navigation svg{width:17px;height:17px}.nav-count{min-width:22px;padding:2px 6px;border-radius:999px;background:var(--moss);color:white;font-size:11px;text-align:center}.sidebar-section-heading{display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px 10px;color:#565e59;font-size:11px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.sidebar-section-heading button{border:0;background:transparent;padding:5px;border-radius:7px;cursor:pointer}.sidebar-section-heading svg{width:15px;height:15px}.collection-navigation{display:grid;gap:2px;overflow:auto}.collection-navigation small{color:#5f6862;font-size:11px}.sidebar-footer{margin-top:auto;padding-top:16px;display:grid;gap:14px}.storage-meter{padding:12px;background:rgba(255,255,255,.38);border:1px solid rgba(35,43,39,.08);border-radius:12px}.storage-meter>div:first-child{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.storage-meter strong{color:var(--ink);font-size:10px}.meter-track{height:4px;margin-top:9px;overflow:hidden;background:#d4cec1;border-radius:99px}.meter-track span{display:block;height:100%;min-width:2px;background:var(--moss);border-radius:inherit}.all-apps-link{min-height:38px;display:flex;gap:9px;align-items:center;padding:0 10px;color:#59615c;text-decoration:none;font-size:13px}.all-apps-link svg{width:16px;height:16px}.library-main{min-width:0;width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width)}.library-header{height:78px;display:grid;grid-template-columns:1fr minmax(320px,650px) 1fr;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:rgba(243,239,229,.93);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-brand{display:none}.search-field{grid-column:2;height:43px;display:flex;align-items:center;gap:10px;padding:0 12px;background:rgba(255,255,255,.63);border:1px solid var(--line);border-radius:12px;color:#7d847f}.search-field:focus-within{background:white;border-color:rgba(73,107,96,.45);box-shadow:0 0 0 3px rgba(73,107,96,.08)}.search-field svg{width:18px;height:18px;flex:0 0 auto}.search-field input{width:100%;border:0;outline:none;background:transparent;color:var(--ink);font-size:14px}.search-field input::placeholder{color:#8d948f}.search-field kbd{border:1px solid var(--line);padding:3px 6px;border-radius:6px;background:#f5f1e9;color:#59605c;font:10px ui-monospace,monospace}.profile-button{justify-self:end;width:38px;height:38px;border:0;border-radius:50%;background:#d1b990;color:#3d3020;font-size:11px;font-weight:800;cursor:pointer}.demo-banner{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 34px;background:#e3eadf;color:#385348;border-bottom:1px solid rgba(73,107,96,.16);font-size:12px}.demo-banner>svg{width:16px;height:16px}.demo-banner button{margin-left:auto;padding:6px;border:0;background:transparent;cursor:pointer}.demo-banner button svg{width:14px;height:14px}.library-content{padding:42px clamp(24px,4vw,62px) 80px;max-width:1580px;margin:0 auto}.content-heading{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:32px}.eyebrow{margin:0 0 8px;color:var(--moss);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.content-heading h1{margin:0;font:500 clamp(34px,4vw,52px)/1 Georgia,Times New Roman,serif;letter-spacing:-.04em}.content-heading>div:first-child>p:last-child{margin:10px 0 0;color:var(--muted);font-size:13px}.content-actions{display:flex;align-items:center;gap:8px}.quiet-button{min-height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:rgba(255,255,255,.4);color:#58605b;font-size:12px;cursor:pointer}.quiet-button svg{width:15px;height:15px}.layout-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:9px;background:rgba(255,255,255,.4)}.layout-switch button{display:grid;place-items:center;width:31px;height:30px;border:0;border-radius:6px;background:transparent;cursor:pointer}.layout-switch button[aria-pressed=true]{background:white;box-shadow:0 1px 5px rgba(20,25,22,.09);color:var(--moss-deep)}.layout-switch svg{width:15px;height:15px}.document-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px 22px}.document-card{min-width:0;position:relative}.document-open{width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.document-cover{--document-accent:var(--moss);position:relative;height:280px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:color-mix(in srgb,var(--document-accent) 23%,#dad6cb);box-shadow:0 8px 24px rgba(30,35,32,.08);transition:transform .18s ease,box-shadow .18s ease}.document-card:hover .document-cover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(30,35,32,.14)}.document-cover:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 12%,rgba(255,255,255,.28),transparent 37%),linear-gradient(145deg,transparent 50%,rgba(0,0,0,.06))}.cover-paper{position:relative;width:62%;height:74%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;background:#fbf7ee;box-shadow:0 15px 28px rgba(20,24,22,.22);border-radius:2px 8px 8px 2px;transform:rotate(-1deg)}.cover-paper:after{content:"";position:absolute;left:7px;inset-block:0;width:1px;background:rgba(0,0,0,.09)}.cover-paper svg{width:19px;height:19px;color:var(--document-accent)}.cover-paper span{margin-top:10px;color:#777b76;font-size:8px;font-weight:800;letter-spacing:.11em}.cover-paper b{margin-top:auto;align-self:end;color:color-mix(in srgb,var(--document-accent) 80%,#111);font:500 66px/1 Georgia,serif;opacity:.82}.offline-badge{position:absolute;left:11px;bottom:11px;z-index:2;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:7px;color:#25463b;background:rgba(248,250,245,.9);font-size:9px;font-weight:750}.offline-badge svg{width:11px;height:11px}.progress-line{position:absolute;inset:auto 0 0;height:3px;background:rgba(0,0,0,.09)}.progress-line span{display:block;height:100%;background:var(--brass)}.document-copy{padding:14px 2px 0}.document-title-row{display:flex;align-items:start;gap:8px}.document-title-row h2{flex:1 1;min-width:0;margin:0;font-size:14px;font-weight:720;line-height:1.3;letter-spacing:-.01em}.document-title-row svg{flex:0 0 auto;width:14px;height:14px;fill:var(--brass);color:var(--brass)}.document-copy p{margin:6px 0 8px;color:var(--muted);font-size:11px}.document-copy small{color:#5f6862;font-size:10px}.tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}.tag-row span{padding:3px 6px;border-radius:5px;background:rgba(73,107,96,.09);color:#465e55;font-size:9px;font-weight:650}.document-menu{position:absolute;right:6px;top:6px;z-index:3;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;background:rgba(250,248,242,.9);opacity:0;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.08)}.document-card:hover .document-menu,.document-menu:focus-visible{opacity:1}.document-menu svg{width:17px;height:17px}.document-list{display:grid;gap:6px}.document-list .document-card{border-bottom:1px solid var(--line)}.document-list .document-open{min-height:82px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:16px}.document-list .document-cover{height:64px;border-radius:7px}.document-list .cover-paper{width:62%;height:75%;padding:5px}.document-list .cover-paper b,.document-list .cover-paper span,.document-list .cover-paper svg,.document-list .offline-badge,.document-list .progress-line{display:none}.document-list .document-copy{padding:0;display:grid;grid-template-columns:minmax(180px,1.4fr) 1fr 1fr auto;align-items:center;gap:18px}.document-list .document-copy>p,.document-list .tag-row{margin:0}.document-list .document-menu{top:24px;opacity:1;background:transparent;box-shadow:none}.empty-library{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed rgba(35,43,39,.19);border-radius:18px;background:rgba(255,255,255,.24)}.empty-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:20px;background:#e0e6dc;color:var(--moss)}.empty-icon svg{width:25px;height:25px}.empty-library h2{margin:20px 0 6px;font:500 25px Georgia,serif}.empty-library p{max-width:430px;margin:0 0 22px;color:var(--muted);font-size:13px;line-height:1.55}.mobile-navigation{display:none}.upload-tray{position:fixed;z-index:50;right:22px;bottom:22px;width:min(370px,calc(100vw - 32px));padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:#1b2622;color:#eff5ef;box-shadow:0 24px 70px rgba(0,0,0,.28)}.upload-tray-heading,.upload-tray-heading>div{display:flex;align-items:center;gap:11px}.upload-tray-heading{justify-content:space-between}.upload-complete{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#b9d9c5;color:#214735}.upload-complete svg{width:17px;height:17px}.upload-tray strong{display:block;font-size:13px}.upload-tray p{margin:3px 0 0;color:#aebbb3;font-size:11px;line-height:1.45}.upload-tray-heading>button{border:0;background:transparent;color:#d7dfda;cursor:pointer}.upload-tray-heading>button svg{width:16px;height:16px}.viewer-shell{position:fixed;inset:0;z-index:100;display:grid;grid-template:60px minmax(0,1fr) /auto minmax(0,1fr);background:#d5d1c8;color:#222825}.viewer-shell.dark-surround{background:var(--viewer);color:#edf0ed}.viewer-toolbar{grid-column:1/-1;z-index:8;min-width:0;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(300px,1fr);align-items:center;gap:14px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(20,25,22,.97);color:#edf0ed}.viewer-toolbar-group{display:flex;align-items:center;min-width:0}.viewer-document-meta{gap:9px}.viewer-document-meta>div{min-width:0;display:grid}.viewer-document-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.viewer-document-meta span{color:#939e97;font-size:9px}.viewer-toolbar a,.viewer-toolbar button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-decoration:none}.viewer-toolbar a:hover,.viewer-toolbar button:hover{background:rgba(255,255,255,.09)}.viewer-toolbar button:disabled{opacity:.32;cursor:default}.viewer-toolbar svg{width:16px;height:16px}.viewer-page-controls{justify-content:center;gap:3px;padding:3px;border-radius:9px;background:rgba(255,255,255,.055)}.viewer-page-controls input{width:42px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#111512;color:white;text-align:center;font-size:11px}.viewer-page-controls span{margin-right:4px;color:#a9b1ac;font-size:10px}.viewer-tools{justify-content:end;gap:1px}.viewer-tools .zoom-label{width:38px;color:#a9b1ac;text-align:center;font-size:9px}.viewer-toolbar .perform-button{width:auto;min-width:84px;padding:0 11px;margin-left:5px;display:flex;gap:7px;background:#d5b06f;color:#241c10;font-weight:750;font-size:11px}.viewer-sidebar{grid-row:2;width:0;overflow:hidden;background:#181d1a;color:white;border-right:1px solid rgba(255,255,255,.07);transition:width .18s ease}.viewer-sidebar.open{width:196px}.viewer-sidebar-tabs{height:43px;display:flex;align-items:center;padding:0 7px;border-bottom:1px solid rgba(255,255,255,.07)}.viewer-sidebar-tabs button{width:35px;height:32px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#909b94;cursor:pointer}.viewer-sidebar-tabs button.active{color:white;background:rgba(255,255,255,.08)}.viewer-sidebar-tabs svg{width:15px;height:15px}.thumbnail-list{height:calc(100dvh - 103px);overflow:auto;padding:15px 12px 30px;display:grid;justify-content:center;align-content:start;gap:16px}.thumbnail-list>button{width:144px;border:0;background:transparent;color:#8e9892;cursor:pointer}.thumbnail-paper{width:106px;aspect-ratio:.76;margin:auto;display:grid;place-items:center;background:#f8f5ed;color:#8d8b85;border:2px solid transparent;box-shadow:0 5px 12px rgba(0,0,0,.22);font:500 18px Georgia,serif}.thumbnail-list button.active .thumbnail-paper{border-color:#d5b06f}.thumbnail-list small{display:block;margin-top:6px;font-size:9px}.thumbnail-list p{width:150px;color:#818b85;font-size:10px;line-height:1.4}.sidebar-toggle{position:fixed;z-index:9;left:8px;bottom:10px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;color:#e5ebe7;background:rgba(28,35,31,.86);cursor:pointer}.sidebar-toggle svg{width:16px;height:16px}.viewer-stage{min-width:0;min-height:0;overflow:auto;position:relative}.page-stage{min-width:100%;min-height:100%;padding:36px 52px 70px;display:grid;place-items:start center}.pdf-canvas-wrap{position:relative;min-height:520px;min-width:360px;display:grid;place-items:center}.pdf-canvas-wrap canvas{display:block;max-width:none;background:white;box-shadow:0 18px 50px rgba(0,0,0,.35)}.viewer-status{position:absolute;inset:0;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#9ba59f;font-size:12px}.viewer-error{width:min(430px,80vw);position:static;padding:32px;min-height:220px;text-align:center;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#1b211e}.viewer-error strong{color:white;font:500 20px Georgia,serif}.spinner{width:28px;height:28px;border:2px solid rgba(255,255,255,.16);border-top-color:#d5b06f;border-radius:50%;animation:spin .8s linear infinite}.image-document-page{display:block;max-width:min(92vw,1100px);max-height:calc(100dvh - 145px);object-fit:contain;background:white}.image-document-page,.sample-document-page{box-shadow:0 18px 50px rgba(0,0,0,.35);transform-origin:center top}.sample-document-page{width:min(720px,72vw);min-height:min(920px,calc(100dvh - 140px));padding:clamp(45px,8vw,95px);background:#fbf8f0;color:#242725}.sample-kicker{color:var(--moss);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.sample-document-page h1{max-width:520px;margin:36px 0 24px;font:500 clamp(35px,5vw,60px)/1.05 Georgia,serif;letter-spacing:-.04em}.sample-document-page p{max-width:500px;color:#626863;line-height:1.75}.sample-rule{height:1px;margin:70px 0 20px;background:#d7d0c4}.sample-document-page small{color:#90938e}.performance-mode{grid-template:1fr/1fr;background:#080a09;cursor:none}.performance-mode .sidebar-toggle,.performance-mode .viewer-sidebar,.performance-mode .viewer-toolbar{display:none}.performance-mode .viewer-stage{grid-area:1/1}.performance-mode .page-stage{padding:0;place-items:center}.performance-mode .pdf-canvas-wrap{min-height:100dvh}.performance-mode .image-document-page,.performance-mode .pdf-canvas-wrap canvas{max-height:100dvh;box-shadow:none}.performance-zone{position:fixed;z-index:105;inset-block:0;border:0;background:transparent;cursor:none}.performance-zone.previous{left:0;width:35%}.performance-zone.next{right:0;width:65%}.performance-status{position:fixed;z-index:106;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:12px;padding:7px 10px;border-radius:9px;background:rgba(10,13,11,.72);color:#b6beb9;font-size:9px;opacity:.35;transition:opacity .15s;pointer-events:none}.performance-status span{display:flex;align-items:center;gap:4px}.performance-status svg{width:11px;height:11px}.performance-status .wake-active{color:#b7d8c4}.performance-controls{position:fixed;z-index:107;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;opacity:0;transition:opacity .15s}.performance-mode:focus-within .performance-controls,.performance-mode:hover .performance-controls{opacity:1;cursor:default}.performance-mode:hover .performance-status{opacity:.8}.performance-controls button{min-height:39px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:0 11px;background:rgba(16,20,18,.86);color:white;font-size:10px;cursor:pointer}.performance-controls svg{width:14px;height:14px}.auth-page{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:32px;padding:24px;background:var(--paper)}.auth-card{width:min(480px,100%);padding:40px;border:1px solid var(--line);border-radius:20px;background:var(--paper-raised);box-shadow:0 18px 50px rgba(30,35,32,.09);text-align:center}.auth-card h1{margin:8px 0;font:500 30px Georgia,serif}.auth-card p{margin:0;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1100px){:root{--sidebar-width:220px}.library-header{grid-template-columns:minmax(260px,1fr) auto}.search-field{grid-column:1}.document-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.document-cover{height:250px}.viewer-toolbar{grid-template-columns:minmax(150px,1fr) auto}.viewer-page-controls{grid-column:2}.viewer-tools{position:fixed;right:8px;bottom:8px;z-index:10;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(20,25,22,.95)}}@media (max-width:760px){:root{--sidebar-width:0px}.library-sidebar{display:none}.library-main{width:100%;margin:0;padding-bottom:72px}.library-header{height:auto;min-height:106px;grid-template-columns:1fr auto;grid-template-rows:48px 48px;padding:5px 16px 9px;gap:0 12px}.mobile-brand{display:flex;align-items:center;gap:8px;font:500 19px Georgia,serif}.mobile-brand .folio-mark{width:28px;height:28px;border-radius:8px 8px 8px 3px;font-size:16px}.profile-button{grid-column:2;grid-row:1;width:32px;height:32px}.search-field{grid-column:1/-1;grid-row:2;width:100%;height:40px}.search-field kbd{display:none}.demo-banner{padding:8px 16px}.demo-banner button{display:none}.library-content{padding:28px 16px 38px}.content-heading{display:block;margin-bottom:22px}.content-heading h1{font-size:37px}.content-actions{margin-top:19px;overflow:auto;padding-bottom:2px}.quiet-button{white-space:nowrap}.document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.document-cover{height:min(57vw,246px);border-radius:11px}.cover-paper{width:68%;height:74%;padding:11px}.cover-paper b{font-size:46px}.document-copy{padding-top:10px}.document-title-row h2{font-size:12px}.document-copy p{font-size:9px}.document-menu{opacity:1;width:30px;height:30px}.document-list .document-copy{grid-template-columns:1fr;gap:3px}.document-list .tag-row{display:none}.mobile-navigation{position:fixed;z-index:30;inset:auto 0 0;height:66px;padding:6px 7px max(6px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(246,242,233,.96);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mobile-navigation button{border:0;border-radius:9px;background:transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;color:#757d78;font-size:8px;cursor:pointer}.mobile-navigation button.active{color:var(--moss-deep);background:rgba(73,107,96,.09)}.mobile-navigation svg{width:18px;height:18px}.upload-tray{right:16px;bottom:79px}.viewer-shell{grid-template-rows:52px 1fr}.viewer-toolbar{height:52px;grid-template-columns:minmax(0,1fr) auto;padding:0 7px}.viewer-document-meta span{display:none}.viewer-page-controls{padding:0;background:transparent}.viewer-page-controls button{width:28px}.viewer-sidebar{position:fixed;z-index:9;inset:52px auto 0 0}.viewer-sidebar.open{width:164px}.thumbnail-list>button{width:120px}.thumbnail-paper{width:88px}.page-stage{padding:24px 16px 72px}.pdf-canvas-wrap{min-width:0;max-width:100%;overflow:auto}.viewer-tools{left:8px;right:8px;bottom:8px;justify-content:center;overflow:auto}.viewer-tools a,.viewer-tools button:first-of-type,.viewer-tools button:nth-of-type(6),.viewer-tools button:nth-of-type(7),.viewer-tools button:nth-of-type(8){display:none}.viewer-toolbar .perform-button{display:flex}.sample-document-page{width:86vw;min-height:72vh;padding:38px 28px}.performance-controls{top:max(8px,env(safe-area-inset-top))}.performance-controls button span{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (forced-colors:active){.document-cover,.folio-mark,.main-navigation button.active,.perform-button,.primary-upload{forced-color-adjust:none}}:root{--folio-bg:#f5f1e8;--folio-surface:#fffdf7;--folio-elevated:#ffffff;--folio-ink:#17231f;--folio-muted:#65716b;--folio-line:rgba(34,54,47,0.13);--folio-accent:#315f53;--folio-accent-soft:#dfe9e4;--folio-danger:#a54135;--folio-shadow:0 16px 42px rgba(25,38,33,0.14);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (prefers-color-scheme:dark){:root:not([data-appearance=light]){--folio-bg:#111714;--folio-surface:#19211d;--folio-elevated:#202a25;--folio-ink:#eff5f1;--folio-muted:#a9b6af;--folio-line:rgba(232,244,237,0.13);--folio-accent:#9bc5b8;--folio-accent-soft:#253e36;--folio-shadow:0 18px 48px rgba(0,0,0,0.38)}}:root[data-appearance=dark]{--folio-bg:#111714;--folio-surface:#19211d;--folio-elevated:#202a25;--folio-ink:#eff5f1;--folio-muted:#a9b6af;--folio-line:rgba(232,244,237,0.13);--folio-accent:#9bc5b8;--folio-accent-soft:#253e36;--folio-shadow:0 18px 48px rgba(0,0,0,0.38)}.folio-app-shell{min-height:100dvh;background:var(--folio-bg);color:var(--folio-ink)}.folio-route-content{min-width:0;min-height:100dvh}.folio-rail{display:none}.mobile-screen{width:min(100%,1480px);min-height:100dvh;margin:0 auto;padding:calc(18px + var(--safe-top)) max(18px,var(--safe-right)) calc(110px + var(--safe-bottom)) max(18px,var(--safe-left))}.mobile-screen-header .phone-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-weight:720}.mobile-screen-header .folio-mark{width:32px;height:32px;font-size:15px}.mobile-screen-header .eyebrow{margin:0 0 6px;color:var(--folio-accent)}.mobile-screen-header h1{margin:0;font:500 clamp(2.2rem,10vw,4.5rem)/.98 Georgia,serif;letter-spacing:-.045em}.mobile-screen-header>p:last-child{margin:10px 0 22px;color:var(--folio-muted);line-height:1.5}.mobile-search{display:flex;min-height:48px;align-items:center;gap:10px;padding:0 13px;border:1px solid var(--folio-line);border-radius:15px;background:var(--folio-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mobile-search svg{width:19px;color:var(--folio-muted)}.mobile-search input{flex:1 1;min-width:0;border:0;outline:0;background:transparent;color:var(--folio-ink);font:inherit}.mobile-search button{width:44px;height:44px;border:0;background:transparent;color:var(--folio-muted)}.library-toolbar{display:flex;align-items:center;gap:7px;margin:14px 0 18px;overflow-x:auto;scrollbar-width:none}.library-toolbar div button,.library-toolbar>button{min-width:44px;min-height:44px;padding:0 13px;border:1px solid var(--folio-line);border-radius:12px;background:var(--folio-surface);color:var(--folio-ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.library-toolbar svg{width:17px}.library-toolbar>div{display:flex;margin-left:auto}.library-toolbar>div button{padding:0;border-radius:0}.library-toolbar>div button:first-child{border-radius:12px 0 0 12px}.library-toolbar>div button:last-child{margin-left:-1px;border-radius:0 12px 12px 0}.library-toolbar button[aria-pressed=true]{background:var(--folio-accent-soft);color:var(--folio-accent)}.mobile-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.mobile-document-card{position:relative;min-width:0}.mobile-document-open{width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;touch-action:manipulation}.mobile-document-cover{position:relative;aspect-ratio:.74;display:grid;place-items:center;overflow:hidden;padding:14%;border-radius:15px;background:color-mix(in srgb,var(--document-accent) 20%,var(--folio-surface));box-shadow:0 8px 18px rgba(35,47,42,.11)}.mobile-cover-paper{width:100%;height:100%;border-radius:5px;padding:16% 12%;background:#fffdf5;color:var(--document-accent);display:flex;flex-direction:column;box-shadow:0 7px 17px rgba(20,24,22,.17)}.mobile-cover-paper svg{width:24px}.mobile-cover-paper span{margin-top:auto;font-size:9px;letter-spacing:.11em;text-transform:uppercase;color:#263a33}.mobile-cover-paper b{margin-top:4px;font:500 2rem Georgia,serif}.mobile-offline-badge,.selection-check{position:absolute;display:flex;align-items:center;gap:4px;border-radius:999px;background:rgba(20,31,26,.83);color:white}.mobile-offline-badge{left:8px;bottom:8px;padding:5px 8px;font-size:10px}.selection-check{top:8px;right:8px;width:28px;height:28px;justify-content:center;background:var(--folio-accent)}.mobile-offline-badge svg,.selection-check svg{width:13px}.reading-progress{position:absolute;inset:auto 0 0;height:4px;background:rgba(0,0,0,.12)}.reading-progress i{display:block;height:100%;background:var(--document-accent)}.mobile-document-copy{padding:10px 2px 0}.mobile-document-copy>div{display:flex;gap:6px}.mobile-document-copy h2{flex:1 1;margin:0;font-size:.94rem;line-height:1.26}.mobile-document-copy svg{flex:0 0 auto;width:14px;fill:currentColor;color:#a06b2e}.mobile-document-copy p,.mobile-document-copy>span{margin:5px 0 0;color:var(--folio-muted);font-size:.76rem;line-height:1.25}.mobile-document-copy>span{display:block}.card-actions{position:absolute;right:-7px;bottom:-7px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--folio-muted)}.mobile-document-card.selected .mobile-document-cover{outline:3px solid var(--folio-accent);outline-offset:2px}.mobile-document-list{display:grid;gap:9px}.list-card{padding:8px;border:1px solid var(--folio-line);border-radius:16px;background:var(--folio-surface)}.list-card .mobile-document-open{display:grid;grid-template-columns:70px 1fr;gap:13px;align-items:center}.list-card .mobile-document-cover{aspect-ratio:.75;padding:8px;border-radius:10px}.list-card .mobile-cover-paper b,.list-card .mobile-cover-paper span,.list-card .mobile-offline-badge{display:none}.list-card .mobile-document-copy{padding:0 40px 0 0}.list-card .card-actions{right:7px;bottom:50%;transform:translateY(50%)}.folio-tab-bar{position:fixed;z-index:30;left:0;right:0;bottom:0;height:calc(68px + var(--safe-bottom));padding:5px max(5px,var(--safe-right)) var(--safe-bottom) max(5px,var(--safe-left));display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--folio-line);background:color-mix(in srgb,var(--folio-surface) 92%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.folio-tab-bar a{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px;color:var(--folio-muted);text-decoration:none;font-size:10px}.folio-tab-bar a svg{width:21px}.folio-tab-bar a[aria-current=page]{color:var(--folio-accent);background:var(--folio-accent-soft)}.floating-add{position:fixed;z-index:32;right:max(17px,var(--safe-right));bottom:calc(78px + var(--safe-bottom));width:58px;height:58px;border:0;border-radius:19px;background:var(--folio-accent);color:var(--folio-bg);box-shadow:0 12px 30px rgba(27,55,47,.3)}.floating-add svg{width:25px}.sheet-backdrop{position:fixed;z-index:100;inset:0;display:flex;align-items:end;justify-content:center;padding-top:calc(18px + var(--safe-top));background:rgba(7,12,10,.48);animation:folio-fade .15s ease-out}.native-sheet{width:min(100%,640px);max-height:min(88dvh,760px);overflow:auto;padding:8px max(18px,var(--safe-right)) calc(20px + var(--safe-bottom)) max(18px,var(--safe-left));border-radius:25px 25px 0 0;background:var(--folio-elevated);color:var(--folio-ink);box-shadow:var(--folio-shadow);animation:folio-sheet .17s cubic-bezier(.2,.8,.2,1)}.sheet-handle{width:38px;height:5px;margin:0 auto 14px;border-radius:99px;background:var(--folio-line)}.native-sheet header{display:flex;align-items:start;justify-content:space-between;gap:16px}.native-sheet header h2{margin:3px 0 15px;font-size:1.35rem}.native-sheet header button{width:44px;height:44px;border:0;border-radius:50%;background:var(--folio-bg);color:var(--folio-ink)}.add-source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.add-source-grid button{min-height:126px;padding:18px;border:1px solid var(--folio-line);border-radius:17px;background:var(--folio-surface);color:var(--folio-ink);display:flex;flex-direction:column;align-items:start;gap:5px;text-align:left}.add-source-grid button svg{width:25px;margin-bottom:9px;color:var(--folio-accent)}.add-source-grid button span,.sheet-note{color:var(--folio-muted);font-size:.78rem}.sheet-note{margin:16px 2px 0;line-height:1.5}.action-list{display:grid;gap:4px}.action-list button{min-height:60px;padding:8px 6px;border:0;background:transparent;color:var(--folio-ink);display:flex;gap:13px;align-items:center;text-align:left}.action-list button>svg{width:22px;color:var(--folio-accent)}.action-list button span{display:flex;flex-direction:column;gap:3px}.action-list small{color:var(--folio-muted)}.action-list .danger-action,.action-list .danger-action svg{color:var(--folio-danger)}.pwa-card,.selection-bar,.settings-card{margin:12px 0;padding:15px;border:1px solid var(--folio-line);border-radius:15px;background:var(--folio-surface)}.native-upload-tray{position:fixed;z-index:70;right:max(12px,var(--safe-right));bottom:calc(82px + var(--safe-bottom));width:min(360px,calc(100vw - 24px));max-height:48dvh;overflow:auto;padding:12px;border:1px solid var(--folio-line);border-radius:18px;background:var(--folio-elevated);color:var(--folio-ink);box-shadow:var(--folio-shadow)}.native-upload-tray>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.native-upload-tray button{min-height:44px;padding:0 10px;border:0;border-radius:10px;background:var(--folio-accent-soft);color:var(--folio-accent)}.upload-row{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:10px 2px;border-top:1px solid var(--folio-line)}.upload-row>span{min-width:0;display:flex;flex-direction:column}.upload-row small,.upload-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row small{color:var(--folio-muted)}.upload-row progress{grid-column:1/-1;width:100%;accent-color:var(--folio-accent)}.upload-row.error progress{accent-color:var(--folio-danger)}.selection-bar{display:flex;flex-direction:column;gap:3px}.pwa-card p,.selection-bar span,.settings-card p{margin:3px 0;color:var(--folio-muted);line-height:1.45}.settings-section{margin-top:24px}.settings-section>h2{font-size:.84rem;text-transform:uppercase;letter-spacing:.09em;color:var(--folio-muted)}.settings-card{display:flex;gap:13px}.settings-icon{width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:var(--folio-accent-soft);color:var(--folio-accent)}.segmented-control{display:flex;padding:4px;border-radius:13px;background:var(--folio-line)}.segmented-control button{flex:1 1;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--folio-ink)}.segmented-control button.active,.segmented-control button[aria-pressed=true]{background:var(--folio-elevated);color:var(--folio-accent);box-shadow:0 2px 8px rgba(0,0,0,.09)}.mobile-empty{min-height:38dvh;display:grid;place-items:center;align-content:center;text-align:center;color:var(--folio-muted)}.mobile-empty>span{width:60px;height:60px;display:grid;place-items:center;border-radius:20px;background:var(--folio-accent-soft);color:var(--folio-accent)}.mobile-empty h2{color:var(--folio-ink);margin-bottom:0}.native-viewer{position:fixed;z-index:80;inset:0;width:100%;height:100dvh;overflow:hidden;background:#252b28;color:#f8fbf9;overscroll-behavior:none;touch-action:pan-x pan-y pinch-zoom}.reader-topbar{position:absolute;z-index:12;top:0;left:0;right:0;min-height:calc(58px + var(--safe-top));padding:var(--safe-top) max(8px,var(--safe-right)) 0 max(8px,var(--safe-left));display:flex;align-items:center;gap:3px;background:linear-gradient(rgba(12,17,15,.91),rgba(12,17,15,.72));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,opacity .16s ease}.performance-hud button,.reader-topbar button{width:48px;height:48px;flex:0 0 auto;border:0;border-radius:13px;background:transparent;color:inherit}.reader-topbar button svg{width:21px}.reader-title{flex:1 1;min-width:0;display:flex;flex-direction:column}.reader-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.91rem}.reader-title span{color:#aeb9b3;font-size:.73rem}.reader-viewport{position:absolute;inset:0;display:grid;overflow:hidden;padding:calc(62px + var(--safe-top)) max(8px,var(--safe-right)) calc(72px + var(--safe-bottom)) max(8px,var(--safe-left))}.paged-reader{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;gap:12px;overflow:auto;overscroll-behavior:contain}.pdf-page{flex:0 0 auto;margin:0;display:grid;place-items:center;position:relative;background:white;box-shadow:0 10px 35px rgba(0,0,0,.38)}.pdf-page canvas{display:block;max-width:none}.pdf-page figcaption{position:absolute;inset:0;display:grid;place-items:center;background:white;color:#633}.continuous-reader{min-width:0;min-height:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-behavior:smooth}.continuous-reader-track{position:relative;width:100%}.continuous-page-row{position:absolute;top:0;left:0;width:100%;min-height:300px;padding:0 0 20px;display:flex;flex-direction:column;align-items:center}.continuous-page-number{margin-top:7px;padding:3px 8px;border-radius:99px;background:rgba(0,0,0,.45);color:#dbe2de;font-size:.7rem}.reader-recovery,.reader-status{place-self:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px;text-align:center}.reader-recovery{position:absolute;z-index:4;max-width:390px;border-radius:18px;background:#fff;color:#26352f}.reader-recovery button{min-height:44px;border:0;border-radius:12px;padding:0 18px;background:#315f53;color:white}.demo-reader-pages{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px}.demo-reader-page{width:min(100%,620px);max-height:100%;aspect-ratio:.707;padding:clamp(28px,8vw,70px);overflow:hidden;background:#fffdf7;color:#26332e;box-shadow:0 12px 34px rgba(0,0,0,.35)}.demo-reader-page h1{font:500 clamp(1.7rem,7vw,3.5rem)/1 Georgia,serif}.demo-reader-pages.spread .demo-reader-page{width:min(49%,620px)}.image-reader-page{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto}.image-reader-page img{max-width:100%;max-height:100%;object-fit:contain}.reader-bottombar{position:absolute;z-index:12;left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));bottom:calc(7px + var(--safe-bottom));height:60px;display:grid;grid-template-columns:repeat(5,1fr);padding:4px;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(15,21,18,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform .16s ease,opacity .16s ease}.reader-bottombar button{min-width:0;min-height:50px;border:0;border-radius:13px;background:transparent;color:#d9e1dd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px}.reader-bottombar button svg{width:20px}.reader-bottombar .perform-control{background:#dce8e3;color:#183d34}.reader-bottombar button:disabled{opacity:.3}.reader-sheet-backdrop{z-index:90}.reader-sheet{background:var(--folio-elevated);color:var(--folio-ink)}.page-jump-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.page-jump-grid button{min-height:64px;border:1px solid var(--folio-line);border-radius:10px;background:var(--folio-surface);color:var(--folio-ink)}.page-jump-grid button.active{outline:3px solid var(--folio-accent)}.sheet-form{display:grid;gap:9px}.sheet-form input{min-height:48px;padding:0 13px;border:1px solid var(--folio-line);border-radius:12px;background:var(--folio-surface);color:var(--folio-ink);font:inherit}.sheet-form p{color:var(--folio-muted);line-height:1.45}.sheet-primary{min-height:48px;border:0;border-radius:13px;background:var(--folio-accent);color:var(--folio-bg);font-weight:700}.reader-settings .segmented-control button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.75rem;text-transform:capitalize}.reader-settings .segmented-control svg{width:19px}.setting-label{margin:17px 0 7px;color:var(--folio-muted);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fit-grid button{min-height:44px;border:1px solid var(--folio-line);border-radius:11px;background:var(--folio-surface);color:var(--folio-ink);text-transform:capitalize}.fit-grid button.active{background:var(--folio-accent-soft);color:var(--folio-accent);border-color:var(--folio-accent)}.reader-action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:14px}.reader-action-row button{min-height:48px;padding:0 12px;border:1px solid var(--folio-line);border-radius:11px;background:var(--folio-surface);color:var(--folio-ink);display:flex;align-items:center;gap:8px}.reader-action-row svg{width:18px}.is-performing .reader-viewport{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);cursor:none}.performance-hud{position:absolute;z-index:15;top:calc(8px + var(--safe-top));left:max(8px,var(--safe-left));right:max(8px,var(--safe-right));height:52px;display:flex;align-items:center;gap:8px;padding:2px 5px;border-radius:16px;background:rgba(9,14,12,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s ease,opacity .16s ease}.performance-hud>span:first-of-type{flex:1 1;text-align:center}.performance-hud>span:nth-of-type(2){display:flex;align-items:center;gap:4px;color:#c1cbc6;font-size:.7rem}.performance-hud>span.active{color:#b9e7cc}.performance-hud svg{width:19px}.chrome-hidden .performance-hud,.chrome-hidden .reader-bottombar,.chrome-hidden .reader-topbar{transform:translateY(-120%);opacity:0;pointer-events:none}.chrome-hidden .reader-bottombar{transform:translateY(120%)}.capture-studio{position:fixed;z-index:80;inset:0;height:100dvh;overflow:hidden;background:#070b09;color:#f7faf8}.capture-header,.import-header{min-height:calc(60px + var(--safe-top));padding:var(--safe-top) max(8px,var(--safe-right)) 0 max(8px,var(--safe-left));display:flex;align-items:center;gap:8px}.capture-header{position:absolute;z-index:5;inset:0 0 auto;background:linear-gradient(rgba(0,0,0,.82),transparent)}.capture-header>button:first-child,.capture-header>button:last-child,.import-header>button:first-child{min-width:48px;min-height:48px;border:0;border-radius:13px;background:transparent;color:inherit}.capture-header>div,.import-header>div{flex:1 1;min-width:0;display:flex;flex-direction:column}.capture-header span,.import-header span{color:#acb7b1;font-size:.72rem}.camera-viewport{position:absolute;inset:0 0 128px;display:grid;place-items:center;overflow:hidden}.camera-viewport video{width:100%;height:100%;object-fit:cover}.camera-onboarding{max-width:390px;padding:28px;text-align:center}.scanner-glyph{width:70px;height:70px;margin:0 auto;display:grid;place-items:center;border-radius:24px;background:#20372f;color:#bce0d2}.camera-onboarding h1{font:500 2rem/1.04 Georgia,serif}.camera-onboarding p{color:#aeb8b3;line-height:1.5}.camera-onboarding button{min-height:50px;padding:0 18px;border:0;border-radius:14px;background:#e5eee9;color:#153b31;display:inline-flex;align-items:center;gap:8px;font-weight:700}.camera-onboarding .quiet-camera-action{display:flex;margin:10px auto 0;background:transparent;color:#dbe3df}.document-guide{position:absolute;inset:16% 8% 18%;border:2px solid rgba(255,255,255,.75);border-radius:7px;box-shadow:0 0 0 999px rgba(0,0,0,.21)}.capture-message{position:absolute;z-index:4;left:15px;right:15px;bottom:calc(112px + var(--safe-bottom));display:flex;align-items:center;justify-content:center;gap:7px;color:#c6d0cb;font-size:.72rem}.capture-message svg{width:15px}.capture-controls{position:absolute;z-index:5;bottom:0;left:0;right:0;height:calc(112px + var(--safe-bottom));padding:9px max(28px,var(--safe-right)) var(--safe-bottom) max(28px,var(--safe-left));display:flex;align-items:center;justify-content:space-between;background:#080d0b}.capture-controls>button{width:52px;height:52px;border:0;border-radius:50%;background:#1c2723;color:#f6faf8}.capture-controls>button.active{color:#ffd56a}.capture-controls .shutter{width:76px;height:76px;padding:5px;background:transparent;border:3px solid white}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:white}.capture-strip{position:absolute;z-index:6;left:8px;right:8px;bottom:calc(114px + var(--safe-bottom));height:80px;padding:6px;display:flex;gap:6px;overflow-x:auto;border-radius:13px;background:rgba(5,9,7,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.capture-strip figure{position:relative;width:52px;height:68px;flex:0 0 auto;margin:0;overflow:hidden;border-radius:5px}.capture-strip img{width:100%;height:100%;object-fit:cover}.capture-strip figure span{position:absolute;right:2px;bottom:2px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:99px;background:rgba(0,0,0,.7);font-size:.65rem}.capture-strip>button{flex:0 0 auto;min-width:94px;border:0;border-radius:9px;background:#e3eee9;color:#14382f;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:700}.import-studio{min-height:100dvh;padding-bottom:calc(30px + var(--safe-bottom));background:var(--folio-bg);color:var(--folio-ink)}.import-header{position:sticky;z-index:8;top:0;border-bottom:1px solid var(--folio-line);background:color-mix(in srgb,var(--folio-bg) 93%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.import-header input{min-width:0;border:0;background:transparent;color:var(--folio-ink);font:700 1rem/1.2 inherit}.import-header span{color:var(--folio-muted)}.finish-import{min-height:44px;padding:0 13px;border:0;border-radius:12px;background:var(--folio-accent);color:var(--folio-bg);display:flex;align-items:center;gap:5px}.import-toolbar{padding:14px max(16px,var(--safe-right)) 0 max(16px,var(--safe-left));display:flex;gap:8px}.import-toolbar button{min-height:44px;padding:0 13px;border:1px solid var(--folio-line);border-radius:12px;background:var(--folio-surface);color:var(--folio-ink);display:flex;align-items:center;gap:7px}.import-pages{padding:14px max(16px,var(--safe-right)) 0 max(16px,var(--safe-left));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.import-page-card{min-width:0;padding:8px;border:1px solid var(--folio-line);border-radius:15px;background:var(--folio-surface)}.import-page-preview{position:relative;aspect-ratio:.73;overflow:hidden;display:grid;place-items:center;border-radius:9px;background:#d9d8d2}.import-page-preview img{width:100%;height:100%;object-fit:contain}.import-page-preview span{position:absolute;left:6px;bottom:6px;width:25px;height:25px;display:grid;place-items:center;border-radius:99px;background:rgba(0,0,0,.72);color:white;font-size:.72rem}.import-page-actions{display:grid;grid-template-columns:repeat(4,1fr);margin-top:6px}.import-page-actions button{min-width:44px;min-height:44px;border:0;background:transparent;color:var(--folio-ink)}.import-page-actions button:disabled{opacity:.25}.add-page-card{min-height:220px;border:2px dashed var(--folio-line);border-radius:15px;background:transparent;color:var(--folio-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.import-loading,.offline-shell-page,.viewer-missing{min-height:100dvh;padding:30px;display:grid;place-items:center;align-content:center;gap:12px;background:var(--folio-bg);color:var(--folio-ink);text-align:center}.offline-shell-page a,.viewer-missing button{min-height:48px;padding:0 18px;border:0;border-radius:13px;background:var(--folio-accent);color:var(--folio-bg);display:inline-flex;align-items:center;text-decoration:none}@media (min-width:600px){.folio-app-shell:not(.immersive-route){display:grid;grid-template-columns:84px 1fr}.folio-rail{position:sticky;z-index:31;top:0;height:100dvh;padding:calc(15px + var(--safe-top)) 10px calc(15px + var(--safe-bottom));display:flex;flex-direction:column;gap:15px;border-right:1px solid var(--folio-line);background:var(--folio-surface);overflow:hidden}.folio-brand{min-height:50px;display:flex;align-items:center;gap:10px;color:var(--folio-ink);text-decoration:none;font-weight:750}.folio-brand>span:last-child,.folio-rail footer a span,.folio-rail footer span,.folio-rail footer strong,.folio-rail nav span,.rail-add span,.rail-collections{display:none}.folio-rail .folio-mark{margin:auto}.folio-rail footer a,.folio-rail nav a,.rail-add{width:52px;min-height:52px;margin:0 auto;border:0;border-radius:15px;display:flex;align-items:center;justify-content:center;color:var(--folio-muted);background:transparent;text-decoration:none}.rail-add{background:var(--folio-accent);color:var(--folio-bg)}.folio-rail nav{display:grid;gap:4px}.folio-rail nav a[aria-current=page]{background:var(--folio-accent-soft);color:var(--folio-accent)}.folio-rail footer{margin-top:auto;display:grid;gap:4px}.compact-storage,.floating-add,.folio-tab-bar{display:none}.native-upload-tray{bottom:calc(18px + var(--safe-bottom))}.mobile-screen{padding:calc(34px + var(--safe-top)) 30px 55px}.mobile-screen-header .phone-brand{display:none}.mobile-document-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}.prominent-search{max-width:720px}.page-jump-grid{grid-template-columns:repeat(6,1fr)}.native-sheet{border-radius:25px;margin-bottom:16px}.reader-sheet-backdrop{align-items:stretch;justify-content:end;padding:0;background:transparent;pointer-events:none}.reader-sheet{width:min(380px,42vw);max-height:none;margin:calc(66px + var(--safe-top)) 10px calc(10px + var(--safe-bottom)) 0;border-radius:20px;pointer-events:auto}.import-pages{grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 28px}.import-toolbar{padding-left:28px}}@media (min-width:1024px){.folio-app-shell:not(.immersive-route){grid-template-columns:260px 1fr}.folio-rail{padding-inline:16px}.folio-brand{padding-inline:10px}.folio-brand>span:last-child,.folio-rail footer a span,.folio-rail nav span,.rail-add span{display:inline}.folio-rail .folio-mark{margin:0}.folio-rail footer a,.folio-rail nav a,.rail-add{width:100%;justify-content:flex-start;padding:0 14px;gap:11px}.rail-collections{display:grid;gap:3px;padding-top:10px;border-top:1px solid var(--folio-line)}.rail-collections>div{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;color:var(--folio-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.rail-collections button{width:32px;height:32px;border:0;background:transparent;color:inherit}.rail-collections a{min-height:44px;padding:0 12px;display:flex;align-items:center;gap:10px;border-radius:11px;color:var(--folio-ink);text-decoration:none}.compact-storage{display:flex;padding:10px 12px;justify-content:space-between;color:var(--folio-muted);font-size:.75rem}.compact-storage span,.compact-storage strong{display:inline!important}.mobile-screen{padding-inline:clamp(36px,5vw,80px)}.mobile-document-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}.mobile-screen-header h1{font-size:4.5rem}.import-pages{grid-template-columns:repeat(4,minmax(0,1fr))}.reader-topbar{padding-inline:16px}.reader-bottombar{width:min(620px,calc(100% - 32px));left:50%;right:auto;transform:translateX(-50%)}.chrome-hidden .reader-bottombar{transform:translate(-50%,120%)}}@media (hover:hover) and (pointer:fine){a:hover,button:hover:not(:disabled){filter:brightness(.96)}.mobile-document-open:hover .mobile-document-cover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(35,47,42,.17)}.mobile-document-cover{transition:transform .16s ease,box-shadow .16s ease}}@keyframes folio-fade{0%{opacity:0}}@keyframes folio-sheet{0%{transform:translateY(24px);opacity:.5}}