@font-face{font-family:HarmonyOS_Sans_SC;src:url('/assets/fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:HarmonyOS_Sans_SC;src:url('/assets/fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:HarmonyOS_Sans_SC;src:url('/assets/fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:light;--bg:#fff;--surface:#f6f8fb;--surface-2:#edf2f8;--text:#202c3b;--muted:#8190a0;--line:#e5ebf1;--blue:rgb(21 88 160);--accent:var(--blue);--accent-soft:#eaf2fc;--button:#1558a0;--button-text:#fff;--reader:#f4f6f9;--sand:#af9171;--sage:#6c9487;--lavender:#9289b0;--shadow:0 18px 60px #152b4910;font-family:HarmonyOS_Sans_SC,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,input,select,textarea,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:default;opacity:.32}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #1558a025;border-color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon{width:20px;height:20px;flex:none;display:inline-block;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.icon-button{width:38px;height:38px;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;flex:none;transition:background .15s,color .15s}.icon-button:hover{background:var(--surface-2);color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 17px;border-radius:10px;font-weight:500;white-space:nowrap;transition:background .15s}.button.primary{background:var(--button);color:var(--button-text)}.button.primary:hover{background:#1b68b7}.button.secondary{background:var(--bg);border:1px solid var(--line)}.button.secondary:hover{background:var(--surface)}.button .icon{width:18px;height:18px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:500;color:var(--accent)}.brand{display:inline-flex;align-items:center;gap:11px}.site-logo{width:29px;height:29px;object-fit:contain}.wordmark{display:block;width:101px}.wordmark img{width:100%;height:auto}.wordmark-dark{display:none}.dark .wordmark-light{display:none}.dark .wordmark-dark{display:block}.sun-symbol{font-size:22px;line-height:1}.header-actions{display:flex;align-items:center;gap:12px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line)}.language-control{display:inline-flex;align-items:center;position:relative;border:1px solid var(--line);border-radius:9px;padding-right:10px}.language-select{appearance:none;border:0;outline:0;background:none;color:var(--text);font-size:11px;padding:10px 26px 10px 12px;cursor:pointer}.language-control .icon{width:12px;height:12px;position:absolute;right:9px;pointer-events:none;color:var(--muted)}select option{background:var(--bg);color:var(--text)}.catalogue-main{max-width:1350px;margin:auto;padding:0 6vw}.hero{padding:72px 0 54px;position:relative}.hero h1{font-size:clamp(28px,3.2vw,43px);line-height:1.45;font-weight:500;letter-spacing:-1.4px;max-width:850px;margin-top:20px}.hero>p:last-of-type{margin-top:17px;color:var(--muted);font-size:13px;line-height:1.8}.hero-line{display:flex;gap:5px;margin-top:31px}.hero-line i{height:3px;width:35px;border-radius:4px;background:var(--blue)}.hero-line i:nth-child(2){background:var(--sand);width:18px}.hero-line i:nth-child(3){background:var(--sage);width:18px}.collection-controls{border-top:1px solid var(--line);padding:25px 0 29px;display:flex;justify-content:space-between;align-items:center;gap:20px}.group-tabs{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.group-tab{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:9px;white-space:nowrap;color:var(--muted);font-size:12px}.group-tab:hover{background:var(--surface)}.group-tab.active{color:var(--accent);background:var(--accent-soft);font-weight:500}.group-tab>span{font-size:10px;opacity:.65}.division-dot{width:6px;height:6px;border-radius:50%;background:var(--tone)}.tone-blue{--tone:var(--accent)}.tone-sand{--tone:var(--sand)}.tone-sage{--tone:var(--sage)}.tone-lavender{--tone:var(--lavender)}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:205px;flex:none}.search-box .icon{width:16px;height:16px;color:var(--muted)}.search-box input{border:0;outline:0;background:none;color:var(--text);font-size:11px;width:100%;min-width:0}.search-box:focus-within{border-color:var(--accent)}input::placeholder{color:var(--muted)}.book-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:36px 27px;min-height:330px;align-items:start}.book-card{max-width:375px;min-width:0}.cover-stage{height:355px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:13px;padding:28px;position:relative;overflow:hidden;transition:background .2s}.cover-stage:hover{background:var(--surface-2)}.cover{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:3px 6px 9px #152b4910,9px 18px 26px #152b4911;transition:transform .3s;border-radius:1px}.cover-stage:hover .cover{transform:translateY(-4px)}.cover-arrow{position:absolute;right:15px;bottom:15px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);color:var(--accent);box-shadow:0 3px 12px #152b4907}.cover-arrow .icon{width:16px;height:16px}.book-info{padding:18px 2px 0}.division-label{color:var(--tone);font-size:10px;font-weight:500}.book-info h2{font-size:16px;font-weight:500;line-height:1.7;margin:7px 0 12px}.book-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.book-meta a{color:var(--accent);display:flex;align-items:center;gap:5px}.book-meta .icon{width:14px;height:14px}.empty-state{grid-column:1/-1;min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--muted)}.empty-state .icon{width:30px;height:30px;opacity:.4}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:25px 0;margin-top:65px;font-size:10px;color:var(--muted);letter-spacing:.5px}
.reader{height:100dvh;display:flex;flex-direction:column;background:var(--reader);overflow:hidden}.reader-header{height:76px;min-height:76px;background:var(--bg);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 25px;z-index:20}.reader-heading{display:flex;align-items:center;gap:19px;min-width:0}.reader-title{border-left:1px solid var(--line);padding-left:20px;min-width:0}.reader-title h1{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:36vw}.reader-title p{margin-top:5px;font-size:10px;color:var(--muted)}.reader .header-actions{gap:6px}.reader-body{display:flex;flex-direction:column;flex:1;min-height:0}.reader-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;user-select:none;touch-action:pan-y}.book-position{position:relative;flex:none}.book{position:relative}.book .page{background:#fff;overflow:hidden}.book .page img,.static-page img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.book .shadow{box-shadow:0 5px 28px #152b4918}.page-fallback{position:absolute;inset:0;background:#fff;color:#7e8893;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:12px}.page-fallback a{color:#1558a0;text-decoration:underline;pointer-events:auto}.toolbar-area{padding:0 18px 23px;display:flex;justify-content:center;z-index:20}.toolbar{display:flex;align-items:center;gap:3px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:7px 10px;box-shadow:0 5px 25px #152b4905}.toolbar .icon-button{width:34px;height:34px;border-radius:8px}.toolbar .icon{width:18px;height:18px}.toolbar .active{background:var(--accent-soft);color:var(--accent)}.toolbar-divider{width:1px;height:21px;background:var(--line);margin:0 7px}.zoom-label{font-size:10px;color:var(--muted);min-width:38px;text-align:center}.reset-button{color:var(--accent)}.page-control{display:flex;align-items:center;gap:5px;margin:0 7px;font-size:11px;color:var(--muted);white-space:nowrap}.page-control input{width:31px;height:27px;border:0;border-radius:5px;text-align:center;background:var(--surface);color:var(--text);font-size:11px;appearance:textfield;-moz-appearance:textfield}.page-control input::-webkit-inner-spin-button{display:none}.thumbnail-tray{background:var(--bg);border-top:1px solid var(--line);padding:12px 24px;display:none;z-index:15;flex:none}.thumbnail-tray.open{display:block}.thumbnail-track{display:flex;gap:11px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.thumbnail{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 7px;min-width:65px;border:1px solid var(--line);border-radius:7px;font-size:10px;color:var(--muted);flex:none}.thumbnail img{width:54px;height:70px;object-fit:contain}.thumbnail.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.static-position{position:absolute;top:50%;left:50%;display:flex;transform-origin:center;box-shadow:0 5px 28px #152b4918;will-change:transform}.static-page{position:relative;background:#fff;flex:none;overflow:hidden}.pan-mode{cursor:url('/assets/icons/hand1.svg') 10 10,grab;touch-action:none}.pan-mode.grabbing{cursor:url('/assets/icons/grab1.svg') 10 10,grabbing}.not-found{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;text-align:center;padding:25px}.not-found h1{font-size:23px;font-weight:500}.initial-loading{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:var(--muted)}
.admin-main{max-width:1110px;margin:auto;padding:46px 45px 0}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-heading h1{font-size:30px;font-weight:500;margin:12px 0}.admin-heading .muted{font-size:12px}.admin-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:34px 0 22px}.admin-tabs{display:flex;gap:20px}.admin-tabs button{font-size:13px;color:var(--muted);padding:10px 0;display:flex;align-items:center;gap:8px}.admin-tabs button.active{color:var(--accent);font-weight:500}.admin-tabs span{font-size:10px;padding:2px 6px;background:var(--surface);border-radius:5px}.admin-filter{margin:20px 0}.admin-filter select{font-size:12px;border:1px solid var(--line);background:var(--bg);color:var(--text);padding:9px 12px;border-radius:8px;max-width:100%}.admin-book{display:flex;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.admin-cover{width:78px;height:92px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:8px;border-radius:8px}.admin-cover img{max-height:100%;width:auto;object-fit:contain}.admin-book-detail{flex:1;min-width:0}.admin-book-detail h2,.admin-group h2{font-size:14px;font-weight:500;line-height:1.7}.admin-book-detail p,.admin-group p{font-size:11px;color:var(--muted);margin-top:5px}.admin-book-detail small{font-size:10px;color:var(--muted);margin-top:6px;display:block;overflow-wrap:anywhere}.row-actions{display:flex;align-items:center;gap:4px;flex:none}.danger:hover{color:#b95555;background:#b9555510}.admin-group{display:flex;align-items:center;gap:18px;padding:26px 0;border-bottom:1px solid var(--line)}.admin-group>div:nth-child(2){flex:1}.group-mark{width:45px;height:45px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--tone)}.login-main{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 92px);padding:30px}.login-card{width:390px;max-width:100%}.auth-illustration{height:56px;width:56px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);border-radius:17px;margin-bottom:24px}.auth-illustration .icon{width:25px;height:25px}.login-card h1{font-size:24px;font-weight:500}.login-card>p{font-size:12px;color:var(--muted);margin:12px 0 26px}.login-card .button{width:100%;margin-top:15px}.login-card .form-error{margin:0;color:#b95555}
.modal{width:500px;max-width:calc(100% - 28px);max-height:90dvh;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:0;border-radius:19px;box-shadow:0 25px 100px #152b4930;overflow-y:auto;scrollbar-width:thin}.modal.wide-modal{width:660px}.modal::backdrop{background:#142c4830;backdrop-filter:blur(4px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:24px 27px 20px}.modal-header h2{font-size:20px;font-weight:500;line-height:1.5}.modal-header p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:7px}.modal-body{padding:0 27px 27px}.dialog-intro{font-size:12px;line-height:1.9;margin-bottom:22px}.field{display:block;margin-bottom:18px}.field>span{display:block;margin-bottom:8px;font-size:12px;font-weight:500}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 12px;background:var(--bg);color:var(--text);font-size:13px}.field input[readonly]{background:var(--surface);color:var(--muted)}.field small{display:block;font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px;overflow-wrap:anywhere}.form-error{color:#b95555;font-size:12px;line-height:1.8;min-height:17px;margin-top:15px}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.name-fields{display:grid;gap:0}.file-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:25px 14px;border:1px dashed #b6c5d5;border-radius:12px;background:var(--surface);text-align:center;cursor:pointer}.file-drop:hover,.file-drop.dragover{border-color:var(--accent);background:var(--accent-soft)}.file-drop .icon{width:25px;height:25px;color:var(--accent);margin-bottom:4px}.file-drop strong{font-size:12px;font-weight:500}.file-drop small{font-size:10px;line-height:1.9;color:var(--muted)}.file-drop input{display:none}.upload-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin:20px 0 12px}.upload-summary button{font-size:10px;text-decoration:underline}.upload-pages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:255px;overflow-y:auto;scrollbar-width:thin;padding:2px}.upload-page{border:1px solid var(--line);background:var(--bg);border-radius:8px;padding:7px;min-width:0;cursor:grab}.upload-page.dragging{opacity:.35}.upload-page img{height:82px;width:100%;object-fit:contain;pointer-events:none}.upload-page-label{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:var(--muted);margin-top:6px}.upload-page-label strong{color:var(--accent);font-weight:500}.upload-page-name{font-size:9px;color:var(--muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin-top:4px}.upload-page-actions{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.upload-page-actions button{width:23px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center}.upload-page-actions button:hover{background:var(--surface)}.upload-page-actions .icon{width:12px;height:12px}.order-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:14px}.upload-progress{margin-top:20px}.upload-progress progress{width:100%;height:5px;accent-color:var(--accent)}.upload-progress p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.8}.share-link{display:flex;align-items:center;gap:9px;background:var(--surface);padding:8px 9px 8px 13px;border:1px solid var(--line);border-radius:10px}.share-link input{border:0;background:none;color:var(--text);font-size:12px;min-width:0;width:100%;outline:none}.share-link .icon-button{width:31px;height:31px;background:var(--bg)}.checkbox-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:20px}.checkbox-label input{accent-color:var(--accent)}.published{text-align:center}.published h3{font-size:20px;font-weight:500}.published>p{font-size:12px;color:var(--muted);margin:12px 0 25px}.success-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin:0 auto 20px}.delete-name{font-size:16px;margin-bottom:12px}.danger-button{background:#b95555;color:#fff}.ui-tooltip{position:fixed;max-width:240px;background:var(--text);color:var(--bg);border-radius:7px;padding:7px 10px;font-size:10px;line-height:1.7;box-shadow:0 4px 15px #152b4912;z-index:1000;pointer-events:none;animation:tooltip-in .12s ease-out;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,10px);max-width:calc(100% - 30px);border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:var(--shadow);border-radius:10px;padding:12px 18px;font-size:12px;line-height:1.8;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:900;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.copy-helper{position:fixed;opacity:0;pointer-events:none}
body.dark{color-scheme:dark;--bg:#20262e;--surface:#272f3a;--surface-2:#303c4a;--text:#e4eaf1;--muted:#8e9fb2;--line:#35404e;--accent:#82b6f0;--accent-soft:#263d56;--reader:#181e25;--sand:#c6ac90;--sage:#99bdae;--lavender:#b5add1}.dark .cover{box-shadow:3px 8px 22px #00000030}
@keyframes tooltip-in{from{opacity:0;translate:0 3px}to{opacity:1;translate:0 0}}@keyframes dialog-pop{0%{opacity:0;scale:.94}70%{opacity:1;scale:1.012}100%{opacity:1;scale:1}}dialog[open]{animation:dialog-pop 200ms ease-out}
@property --theme-front{syntax:'<percentage>';inherits:false;initial-value:-20%}::view-transition-group(root){animation-duration:1200ms}::view-transition,::view-transition-group(root),::view-transition-image-pair(root),::view-transition-old(root),::view-transition-new(root){pointer-events:none}::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-reveal 1200ms ease-in-out both;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(45deg,#000 calc(var(--theme-front) - 18%),transparent calc(var(--theme-front) + 18%));mask-image:linear-gradient(45deg,#000 calc(var(--theme-front) - 18%),transparent calc(var(--theme-front) + 18%))}@keyframes theme-reveal{from{--theme-front:-20%}to{--theme-front:120%}}
@media(min-width:1600px){.catalogue-main{padding:0 35px}.cover-stage{height:390px}}@media(max-width:1050px){.site-header{padding:0 4vw}.catalogue-main{padding:0 4vw}.collection-controls{flex-wrap:wrap}.search-box{width:230px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cover-stage{height:330px}.reader .wordmark{width:80px}.reader-heading{gap:12px}.reader-title{padding-left:13px}.reader-title h1{max-width:28vw}.reader-header{padding:0 16px}}
@media(max-width:760px){.site-header{height:75px;padding:0 22px}.site-logo{width:25px;height:25px}.wordmark{width:90px}.header-actions{gap:8px}.language-select{font-size:10px;padding:9px 21px 9px 10px}.catalogue-main{padding:0 24px}.hero{padding:47px 0 35px}.hero h1{font-size:29px;letter-spacing:-.8px;margin-top:16px}.hero>p:last-of-type{font-size:11px;margin-top:14px;max-width:270px}.eyebrow{font-size:9px;letter-spacing:2px}.hero-line{margin-top:25px}.collection-controls{padding:20px 0;gap:18px}.group-tabs{gap:4px;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab{font-size:10px;padding:9px 10px;gap:6px}.group-tab>span{font-size:9px}.search-box{width:100%;padding:10px 12px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 17px;min-height:280px}.cover-stage{height:clamp(210px,51vw,310px);padding:17px;border-radius:10px}.cover-arrow{right:9px;bottom:10px;width:25px;height:25px}.cover-arrow .icon{width:13px;height:13px}.book-info{padding:13px 1px 0}.division-label{font-size:9px}.book-info h2{font-size:13px;margin:5px 0 9px}.book-meta{font-size:9px;gap:6px}.book-meta a{gap:3px}.book-meta .icon{width:11px;height:11px}.site-footer{font-size:9px;margin-top:46px;padding:23px 0;letter-spacing:0}.reader-header{height:66px;min-height:66px;padding:0 9px;gap:6px}.reader-brand{display:none}.reader-heading{gap:5px}.reader-title{border:0;padding:0}.reader-title h1{max-width:32vw;font-size:11px}.reader-title p{font-size:9px}.reader .header-actions{gap:1px}.reader .header-actions .icon-button{width:30px;height:33px}.reader .header-actions .icon{width:16px;height:16px}.reader .language-select{font-size:9px;padding:8px 17px 8px 7px}.reader .language-control{border:0;padding-right:0}.reader .language-control .icon{width:9px;height:9px;right:4px}.reader-stage{touch-action:pan-y}.reader-stage.pan-mode{touch-action:none}.toolbar-area{padding:0 7px 15px}.toolbar{padding:6px 5px;gap:0;border-radius:12px;max-width:100%}.toolbar .icon-button{width:27px;height:32px}.toolbar .icon{width:15px;height:15px}.toolbar-divider{margin:0 3px}.zoom-label{min-width:32px;font-size:9px}.page-control{margin:0 3px;gap:3px;font-size:9px}.page-control input{width:24px;font-size:10px}.thumbnail-tray{padding:10px 15px}.thumbnail{min-width:57px;font-size:9px}.thumbnail img{width:44px;height:57px}.reader .wordmark{display:none}.admin-main{padding:30px 22px 0}.admin-heading{align-items:flex-start}.admin-heading h1{font-size:25px}.admin-heading .muted{font-size:11px;line-height:1.8;max-width:200px}.admin-heading .button{font-size:10px;padding:8px 10px;min-height:36px}.admin-controls{padding:26px 0 20px;gap:10px}.admin-tabs{gap:13px}.admin-tabs button{font-size:11px;gap:5px}.admin-controls .button{font-size:11px;padding:9px 12px}.admin-controls .button .icon{width:15px;height:15px}.admin-book{gap:12px}.admin-cover{width:57px;height:73px}.admin-book-detail h2{font-size:12px}.admin-book-detail p{font-size:9px}.admin-book-detail small{font-size:9px}.row-actions{gap:0}.row-actions .icon-button{width:30px;height:32px}.row-actions .icon{width:17px;height:17px}.admin-group{gap:12px}.admin-group h2{font-size:12px}.group-mark{width:38px;height:38px}.login-main{min-height:calc(100dvh - 75px);padding:35px 28px}.modal{max-height:94dvh;border-radius:15px}.modal-header{padding:20px 20px 17px}.modal-header h2{font-size:18px}.modal-header p{font-size:11px}.modal-body{padding:0 20px 22px}.field>span{font-size:11px}.field input,.field select{font-size:12px}.upload-pages{grid-template-columns:repeat(3,minmax(0,1fr))}.file-drop strong{font-size:11px}.file-drop small{font-size:9px}.share-link input{font-size:11px}.form-footer .button{font-size:12px}}@media(max-width:360px){.toolbar .icon-button{width:24px}.zoom-label{min-width:28px}.toolbar-divider{margin:0 2px}.page-control{margin:0 2px}.reader-title h1{max-width:26vw}.reader-header .header-actions .icon-button{width:27px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none;mask-image:none}}
.modal-header{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:20px}
.language-control{padding:0;position:relative;width:104px}.language-trigger{width:100%;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px;font-size:11px}.language-trigger .icon{position:static;width:12px;height:12px}.language-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.language-menu{position:absolute;top:calc(100% + 7px);left:-1px;width:calc(100% + 2px);padding:5px;border:1px solid var(--line);border-radius:9px;background:var(--bg);box-shadow:var(--shadow);z-index:60}.language-menu button{display:block;width:100%;text-align:left;padding:9px 7px;border-radius:5px;font-size:11px}.language-menu button:hover,.language-menu button[aria-checked=true]{background:var(--accent-soft);color:var(--accent)}.theme-transitioning #theme-toggle,.theme-transitioning #theme-toggle:hover{background:transparent;color:var(--text);outline:none}.toolbar-area{position:relative}.reset-toolbar{position:absolute;right:calc(50% + 242px);bottom:23px;padding:7px;}.reader-title{display:flex;gap:8px;align-items:flex-start}.reader-favicon{width:13px;height:13px;margin-top:3px;object-fit:contain}.reader-title>div{min-width:0}.reader-title p{max-width:35vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.reader-brand .site-logo{display:none}.reader-brand{display:block}.static-position{background:#fff}.static-page+.static-page{margin-left:-.5px;width:calc(var(--page-width) + .5px)!important}.book .page img{backface-visibility:hidden}.thumbnail{transition:background .16s,border-color .16s,transform .16s}.thumbnail:hover:not(:disabled){border-color:var(--accent);background:var(--surface-2);transform:translateY(-2px)}.thumbnail-track{scrollbar-width:none;padding-top:3px}.thumbnail-track::-webkit-scrollbar{display:none}.thumbnail-scroll{appearance:none;display:block;width:100%;height:5px;background:var(--surface-2);border:0;border-radius:6px;margin:10px 0 2px;cursor:pointer;outline:none}.thumbnail-scroll::-webkit-slider-thumb{appearance:none;width:70px;height:5px;border-radius:6px;background:var(--muted);transition:background .15s}.thumbnail-scroll::-moz-range-thumb{width:70px;height:5px;border:0;border-radius:6px;background:var(--muted)}.thumbnail-scroll:hover::-webkit-slider-thumb{background:var(--accent)}.thumbnail-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:760px){.reader-brand{display:block}.reader-brand .wordmark{display:block;width:65px}.reader-heading{gap:10px}.reader-title h1{max-width:30vw}.reader-title p{max-width:30vw;font-size:9px}.reader-favicon{width:11px;height:11px}.reader .language-control{width:76px;border:1px solid var(--line)}.reader .language-trigger{padding:8px;font-size:9px}.reset-toolbar{right:calc(50% + 159px);bottom:15px;padding:6px 3px}.reset-toolbar .icon-button{width:24px}.reader .toolbar{padding:6px 3px}.reader .toolbar .icon-button{width:24px}.reader .page-control{margin:0 2px}.reader .toolbar-divider{margin:0 2px}.reader-header{gap:4px}}
/* The restore toolbar is independently positioned: appearing never moves the main controls. */
.toolbar-group{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none}.toolbar-group>.toolbar{flex:none}.reset-toolbar{position:absolute;right:calc(100% + 14px);bottom:0;padding:7px}.thumbnail-scroll{margin-bottom:1px}
.static-page+.static-page{margin-left:0}.static-position{gap:0;will-change:transform}.static-page img{image-rendering:auto;backface-visibility:visible}.book{background:transparent}.book .page{border:0}.reader-brand .brand{gap:0}
.language-control:focus-within{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.language-trigger:focus{outline:0}.language-menu{left:-1px;width:calc(100% + 2px)}.theme-transitioning #theme-toggle{transition:none}
.field textarea{resize:vertical;min-height:78px}
.reader-title{align-items:center;gap:10px}.reader-favicon{width:32px;height:32px;flex:none;margin-top:0}.reader-title>div{flex:1;min-width:0}
@media(max-width:760px){.reader-title{gap:7px}.reader-favicon{width:28px;height:28px}.reader-title>div{width:auto}}
.static-position .static-page{width:var(--paper-width)!important}.published-url{word-break:break-all;font-size:11px;line-height:1.8;margin-top:8px}
.book.center-animated {
  transition: margin-left var(--turn-duration, 550ms) ease-in-out;
}
.book .page .preview-image,
.book .page .original-image {
  position: absolute;
  inset: 0;
  background: #fff;
}
.book .page .original-image { opacity: 0; }
.book .page .original-image.ready { opacity: 1; }
.book.flipping .page .original-image { opacity: 0; }
.book-loader {
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg);
}
.book-loader-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 28px;
}
.book-loader .site-logo { display: none; }
.book-loader .wordmark { width: min(200px, 48vw); }
.book-loader-track {
  width: min(300px, 65vw);
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--line);
}
.book-loader-bar {
  height: 100%;
  background: var(--accent);
  border-radius: inherit;
  transform: scaleX(var(--load-progress, .02));
  transform-origin: left;
  transition: transform 160ms ease;
}
@media(max-width:760px){.toolbar-area{padding-left:45px;padding-right:45px}.toolbar-group>.reset-toolbar{right:calc(100% + 8px);padding:6px 3px}.reader .reset-toolbar .icon-button{width:24px}.reader-heading{flex:1;min-width:0}.reader-title{flex:1}.reader-title h1,.reader-title p{max-width:100%}.reader-title>div{width:100%}.reader-brand{flex:none}.reader-title p{line-height:1.5}.language-menu{max-height:220px;overflow:auto}}
@media(max-width:360px){.reader .toolbar:not(.reset-toolbar) .icon-button{width:21px}.reader .toolbar .zoom-label{min-width:26px}.reader .page-control{gap:2px}.reader-brand .wordmark{width:53px}.reader-heading{gap:7px}.reader-title{gap:5px}.reader .language-control{width:71px}.reader .header-actions .icon-button{width:26px}}