/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#141414;--muted:#74716c;--line:#e8e5df;--paper:#f7f6f3;--panel:#fff;--red:#ee4a39;--red-dark:#d83a2c}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.brand{letter-spacing:2.5px;align-items:center;gap:10px;font-size:19px;font-weight:900;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:#141414;border-radius:8px;place-items:center;width:27px;height:25px;font-size:15px;font-weight:950;line-height:1;display:grid;position:relative}.brand-mark:after{content:"";background:#141414;border-radius:1px;width:8px;height:8px;position:absolute;bottom:-4px;left:5px;transform:skewY(-35deg)}.brand-inverse .brand-mark{color:#141414;background:#fff}.brand-inverse .brand-mark:after{background:#fff}.brand-inverse{color:#fff}.eyebrow{color:#9a958d;letter-spacing:2.2px;font-size:10px;font-weight:800;line-height:1.4;display:block}.eyebrow.light{color:#fff9}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 17px;font-size:13px;font-weight:750;transition:all .18s;display:inline-flex}.primary-button{background:var(--red);color:#fff;box-shadow:0 5px 14px #ee4a392b}.primary-button:hover{background:var(--red-dark);transform:translateY(-1px)}.primary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary-button{background:#f2f0ec}.secondary-button:hover{background:#e9e6e1}.icon-button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{grid-template-columns:minmax(420px,.94fr) minmax(480px,1.06fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:#171717;flex-direction:column;padding:48px 56px;display:flex;position:relative;overflow:hidden}.story-copy{z-index:1;margin:auto 0;position:relative}.story-copy h1{letter-spacing:-4.7px;margin:20px 0 26px;font-size:clamp(46px,5.4vw,74px);font-weight:800;line-height:1.07}.story-copy p{color:#ffffff91;font-size:15px;line-height:1.8}.privacy-note{z-index:1;color:#ffffffa1;align-items:center;gap:9px;font-size:12px;display:flex;position:relative}.story-lines{opacity:.18;width:72%;height:42%;position:absolute;bottom:9%;right:-14%;transform:rotate(-11deg)}.story-lines span{border:1px solid #fff;border-left:0;border-radius:0 8px 8px 0;height:28%;margin-bottom:18px;display:block}.auth-panel{background:#faf9f7;place-items:center;padding:40px;display:grid}.mobile-auth-logo{display:none}.auth-card{width:min(390px,100%)}.auth-icon{color:#fff;background:#191919;border-radius:15px;place-items:center;width:54px;height:54px;margin-bottom:28px;display:grid}.auth-card h2{letter-spacing:-1.4px;margin:8px 0 10px;font-size:28px}.auth-card>p{color:var(--muted);margin:0 0 27px;font-size:13px;line-height:1.65}.field-label{margin:16px 0 7px;font-size:12px;font-weight:750;display:block}.password-field{background:#fff;border:1px solid #dedbd5;border-radius:9px;align-items:center;gap:10px;height:49px;padding:0 14px;transition:all .2s;display:flex}.password-field:focus-within{border-color:#8a867f;box-shadow:0 0 0 3px #1414140d}.password-field svg{color:#99958e;flex:none}.password-field input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:14px}.password-field button{color:#88847d;cursor:pointer;background:0 0;border:0;font-size:11px}.auth-submit{width:100%;height:49px;margin-top:22px}.secure-line{color:#99958e;justify-content:center;align-items:center;gap:7px;margin-top:19px;font-size:10px;display:flex}.form-error{color:#b63729;background:#fff0ee;border-radius:7px;margin-top:12px;padding:10px 12px;font-size:12px}.login-tabs{background:#eeece8;border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:20px;padding:4px;display:grid}.login-tabs button{color:#817d76;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:38px;font-size:11px;font-weight:700;display:flex}.login-tabs button.active{color:#191919;background:#fff;box-shadow:0 2px 8px #14141414}.app-shell{grid-template-columns:218px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:31px 22px 24px;display:flex;position:sticky;top:0}.sidebar nav{gap:5px;margin-top:57px;display:grid}.nav-item{color:#817d76;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:43px;padding:0 12px;font-size:13px;font-weight:650;display:flex}.nav-item:hover{color:#252525;background:#f7f5f1}.nav-item.active{color:#fff;background:#191919}.sidebar-bottom{gap:15px;margin-top:auto;display:grid}.server-chip{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:0 11px 18px;display:flex}.server-chip>span,.settings-status>span{background:#46a767;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e5f5ea}.server-chip div,.settings-status div{gap:2px;display:grid}.server-chip strong,.settings-status strong{font-size:11px}.server-chip small,.settings-status small{color:#99958e;font-size:9px}.main-content{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f6f3f0;align-items:center;gap:14px;height:76px;padding:0 clamp(24px,4vw,58px);display:flex;position:sticky;top:0}.mobile-logo,.mobile-menu{display:none}.search-box{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:10px;width:min(326px,40vw);height:40px;padding:0 13px;display:flex}.search-box svg{color:#99958e}.search-box input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.upload-top{margin-left:auto}.logout-top{border:1px solid var(--line);color:#706c65;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 13px;font-size:10px;font-weight:700;display:flex}.upload-top+.logout-top{margin-left:0}.search-box+.logout-top{margin-left:auto}.content-wrap{max-width:1320px;margin:0 auto;padding:49px clamp(24px,4vw,58px) 90px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:42px;display:flex}.welcome-row h1{letter-spacing:-1.8px;margin:7px 0 6px;font-size:34px}.welcome-row p{color:#8a867f;margin:0;font-size:13px}.library-stat{border:1px solid var(--line);color:#77736d;background:#fff;border-radius:9px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;display:flex}.library-stat strong{color:var(--ink);font-size:13px}.empty-state{text-align:center;background:#ffffff8c;border:1px dashed #d7d3cc;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:525px;padding:42px 20px;display:flex}.empty-visual{width:128px;height:122px;margin-bottom:18px;position:relative}.empty-book{border-radius:5px 8px 8px 5px;width:64px;height:88px;position:absolute;bottom:12px;box-shadow:0 9px 20px #1414141f}.empty-book:after{content:"";background:#0000001a;width:2px;position:absolute;top:0;bottom:0;left:7px}.empty-book.one{background:#c8c1b6;left:9px;transform:rotate(-12deg)}.empty-book.two{background:#474642;right:6px;transform:rotate(11deg)}.empty-book.three{color:#fff;background:#ee4a39;place-items:center;display:grid;bottom:20px;left:34px}.empty-state h2{letter-spacing:-1px;margin:9px 0 10px;font-size:25px}.empty-state>p{color:#87837c;margin:0 0 24px;font-size:13px;line-height:1.7}.primary-button.large{padding:14px 21px}.empty-features{color:#89857e;gap:22px;margin-top:26px;font-size:10px;display:flex}.empty-features span{align-items:center;gap:5px;display:flex}.empty-features svg{color:#3f9a60;width:13px}.library-loading{color:#8d8982;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:450px;font-size:12px;display:flex}.section-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.section-heading h2{letter-spacing:-.8px;margin:5px 0 0;font-size:21px}.continue-section{margin-bottom:48px}.continue-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:13px;grid-template-columns:132px minmax(0,1fr) 70px;width:100%;padding:0;transition:all .2s;display:grid;overflow:hidden;box-shadow:0 4px 16px #14141409}.continue-card:hover{border-color:#cbc6be;box-shadow:0 9px 28px #14141412}.book-cover{aspect-ratio:.72;background:#e9e5de;position:relative;overflow:hidden}.book-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-shade{pointer-events:none;position:absolute;inset:0;box-shadow:inset 5px 0 9px #00000021}.continue-cover{aspect-ratio:auto;height:170px}.continue-info{align-self:center;padding:25px 30px}.muted-label{color:var(--red);font-size:10px;font-weight:750}.continue-info h3{letter-spacing:-.6px;margin:5px 0;font-size:19px}.continue-info p{color:#8d8982;margin:0 0 17px;font-size:11px}.progress-bar{background:#eeece8;border-radius:9px;max-width:400px;height:4px;overflow:hidden}.progress-bar i{background:var(--red);border-radius:9px;height:100%;display:block}.progress-copy{color:#aaa69f;margin-top:8px;font-size:9px;display:block}.continue-arrow{color:#99958e;place-items:center;display:grid}.continue-arrow svg{width:19px}.book-count{color:#99958e;font-size:10px}.book-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 20px;display:grid}.book-card{min-width:0}.cover-button{cursor:pointer;background:0 0;border:0;border-radius:6px 10px 10px 6px;width:100%;padding:0;transition:all .22s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 23px #201d1921}.cover-button:hover{transform:translateY(-4px);box-shadow:0 15px 28px #201d192e}.read-overlay{color:#fff;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414de;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:35px;font-size:11px;font-weight:700;transition:all .2s;display:flex;position:absolute;inset:auto 12px 12px;transform:translateY(5px)}.cover-button:hover .read-overlay{opacity:1;transform:none}.book-meta{justify-content:space-between;gap:8px;padding-top:13px;display:flex;position:relative}.book-meta h3{white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:13px;overflow:hidden}.book-meta p,.book-meta span{color:#99958e;margin:0;font-size:9px;line-height:1.7;display:block}.more-button{color:#8d8982;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.book-menu{z-index:2;border:1px solid var(--line);background:#fff;border-radius:8px;width:115px;padding:5px;position:absolute;top:41px;right:0;box-shadow:0 10px 30px #0000001f}.book-menu button{cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:8px 9px;font-size:10px;display:flex}.book-menu button:hover{background:#f5f3ef}.book-menu .danger{color:#c33b2e}.no-results{text-align:center;color:#8d8982;padding:80px 20px;font-size:13px}.bottom-nav{display:none}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0e0e0e94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card,.settings-card{background:#fff;border-radius:15px;width:min(495px,100%);padding:30px;position:relative;box-shadow:0 25px 70px #00000045}.close-button{background:#f5f3ef;border:0;width:34px;height:34px;position:absolute;top:21px;right:21px}.modal-heading{align-items:center;gap:13px;display:flex}.modal-icon{color:#fff;background:#191919;border-radius:11px;place-items:center;width:46px;height:46px;display:grid}.modal-heading h2,.settings-card h2{letter-spacing:-.8px;margin:4px 0 0;font-size:22px}.modal-description{color:#7f7b74;margin:20px 0 17px;font-size:12px;line-height:1.65}.dropzone{text-align:center;cursor:pointer;background:#faf9f7;border:1px dashed #cbc6be;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:190px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.dragging{border-color:var(--red);background:#fff7f5}.dropzone input{display:none}.dropzone>svg{color:#8f8b84;margin-bottom:14px}.dropzone strong{font-size:13px}.dropzone>span{color:#9d9992;margin-top:7px;font-size:10px}.dropzone.has-file{background:#f7fcf8;border-style:solid;border-color:#b8d9c2}.file-ready{color:#3c965c;margin-bottom:11px;position:relative}.file-ready svg:last-child{color:#fff;background:#3c965c;border-radius:50%;padding:2px;position:absolute;bottom:-3px;right:-9px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:19px;display:flex}.processing{margin-top:14px}.processing>span{color:#67635d;align-items:center;gap:7px;font-size:10px;display:flex}.processing>div{background:#eeeae5;border-radius:10px;height:3px;margin-top:8px;overflow:hidden}.processing i{background:var(--red);width:40%;height:100%;animation:1.5s ease-in-out infinite processing;display:block}@keyframes processing{0%{transform:translate(-100%)}to{transform:translate(350%)}}.upload-tabs{background:#eeece8;border-radius:9px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px;padding:4px;display:grid}.upload-tabs button{color:#7d7972;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:36px;font-size:10px;font-weight:700;display:flex}.upload-tabs button.active{color:#191919;background:#fff;box-shadow:0 2px 7px #14141414}.settings-card{width:min(420px,100%)}.settings-status{background:#f6faf7;border:1px solid #e0eee4;border-radius:9px;align-items:center;gap:12px;margin:22px 0 16px;padding:17px;display:flex}.settings-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:15px 3px;display:flex}.settings-row svg{color:#77736c}.settings-row div{gap:3px;display:grid}.settings-row strong{font-size:12px}.settings-row small{color:#99958e;font-size:9px}.logout-button{color:#c13d31;cursor:pointer;background:#fff8f7;border:1px solid #efceca;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:11px;font-size:11px;display:flex}.settings-card.admin-settings{width:min(560px,100%)}.code-manager{border:1px solid var(--line);background:#faf9f7;border-radius:11px;margin:18px 0 5px;padding:17px}.code-heading{justify-content:space-between;align-items:center;display:flex}.code-heading h3{margin:4px 0 0;font-size:15px}.code-heading>svg{color:#88847d}.code-manager>p{color:#858179;margin:8px 0 14px;font-size:10px;line-height:1.55}.code-create{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.code-create input{background:#fff;border:1px solid #ddd9d2;border-radius:7px;outline:none;min-width:0;height:38px;padding:0 11px;font-size:11px}.code-create input:focus{border-color:#99948c}.code-create button,.new-code button{color:#fff;cursor:pointer;background:#191919;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.new-code{background:#fff4f2;border:1px solid #f2c7c1;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;margin-top:11px;padding:12px;display:grid}.new-code span{color:#a06158;grid-column:1/-1;font-size:9px}.new-code strong{letter-spacing:1.4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px}.new-code button{background:var(--red);height:31px}.code-list{gap:1px;margin-top:12px;display:grid}.code-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:62px;display:flex}.code-row .code-row-copy{gap:3px;min-width:0;display:grid}.code-row strong{font-size:10px}.code-row code{color:#282724;letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.code-row small{color:#99958e;font-size:8px}.code-row .code-row-actions{flex:none;gap:3px;display:flex}.code-row button{color:#66625c;cursor:pointer;background:#fff;border:1px solid #ddd9d2;border-radius:6px;align-items:center;gap:4px;padding:6px 7px;font-size:9px;display:flex}.code-row button.revoke{color:#bc4539;background:0 0;border-color:#0000}.code-row.revoked{opacity:.45}.code-empty{color:#9a968f;justify-content:center;align-items:center;gap:7px;min-height:45px;font-size:9px;display:flex}.viewer-empty{color:#88847d;align-items:center;gap:7px;font-size:11px;display:flex}.processing>div:not(.indeterminate) i{transition:width .2s;animation:none}.reader{z-index:100;color:#fff;background:#111;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.reader-stage{cursor:default;background:#111;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.reader-stage img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:auto;max-height:100vh}.reader-header,.reader-footer{z-index:4;opacity:0;pointer-events:none;transition:all .25s;position:absolute;left:0;right:0}.show-chrome .reader-header,.show-chrome .reader-footer{opacity:1;pointer-events:auto}.reader-header{background:linear-gradient(#000000d1,#0000);grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:14px;height:72px;padding:0 22px;display:grid;top:0}.reader-header div{text-align:center;gap:3px;display:grid}.reader-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.reader-header span{color:#aaa;font-size:9px}.reader-round{color:#fff;cursor:pointer;background:#00000052;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.reader-footer{background:linear-gradient(#0000,#000000d9);align-items:center;gap:14px;height:72px;padding:0 clamp(24px,9vw,150px);font-size:10px;display:flex;bottom:0}.reader-footer input{width:100%;accent-color:var(--red)}.page-hit{z-index:3;color:#ffffffb3;cursor:pointer;opacity:0;background:0 0;border:0;width:13%;transition:all .2s;position:absolute;top:18%;bottom:18%}.show-chrome .page-hit:hover{opacity:1}.page-hit.previous{left:0}.page-hit.next{right:0}.page-hit:disabled{display:none}.splash,.offline-screen{flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100vh;display:flex}.splash svg{color:#99958e}.offline-screen{text-align:center;gap:12px}.offline-screen .brand{margin-bottom:40px}.offline-icon{color:#6f6b64;background:#eeeae4;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.offline-screen h1{margin:8px 0 0;font-size:24px}.offline-screen p{color:#88847d;margin:0 0 15px;font-size:13px}@media (width<=1100px){.book-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=820px){.auth-shell{background:#faf9f7;min-height:100svh;display:block}.auth-story{display:none}.auth-panel{align-content:center;min-height:100svh;padding:30px 22px}.mobile-auth-logo{display:block;position:absolute;top:28px;left:25px}.auth-card{margin-top:35px}.auth-icon{width:50px;height:50px}.auth-card h2{font-size:25px}.app-shell{display:block}.sidebar{display:none}.topbar{height:67px;padding:0 18px}.mobile-logo{display:block}.mobile-logo .brand{gap:7px;font-size:16px}.mobile-logo .brand-mark{border-radius:6px;width:22px;height:21px;font-size:12px}.mobile-logo .brand-mark:after{width:7px;height:7px;bottom:-3px;left:4px}.search-box{background:0 0;border:0;justify-content:center;width:40px;margin-left:auto;padding:0}.search-box input,.upload-top{display:none}.mobile-menu{background:0 0;border:0;width:37px;display:grid}.content-wrap{padding:33px 18px 102px}.welcome-row{margin-bottom:29px}.welcome-row h1{font-size:29px}.library-stat{display:none}.empty-state{min-height:490px}.empty-features{flex-wrap:wrap;justify-content:center;gap:10px}.logout-top{justify-content:center;width:38px;padding:0;margin-left:0!important}.logout-top span{display:none}.continue-card{grid-template-columns:96px minmax(0,1fr)}.continue-cover{height:140px}.continue-info{padding:19px}.continue-info h3{font-size:16px}.continue-arrow{display:none}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 13px}.read-overlay{display:none}.book-meta h3{font-size:12px}.more-button{padding:0}.bottom-nav{z-index:30;border-top:1px solid var(--line);height:72px;padding:5px 36px max(5px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:1fr 80px 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#8d8982;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav button.active{color:#222}.bottom-nav .add-mobile{background:var(--red);color:#fff;border-radius:50%;place-self:center;width:46px;height:46px;box-shadow:0 6px 15px #ee4a3940}.modal-card,.settings-card{border-radius:14px;padding:25px 20px}.modal-backdrop{align-items:end;padding:12px}.modal-card,.settings-card{max-height:calc(100svh - 24px);overflow:auto}.close-button{top:16px;right:16px}.dropzone{min-height:170px}.reader-header{padding:0 14px}.bottom-nav.viewer-nav{grid-template-columns:1fr 1fr}.code-create{grid-template-columns:1fr}.code-create button{height:38px}.new-code strong{font-size:15px}}@media (width<=480px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.empty-state{border-left:0;border-right:0;border-radius:0;margin:0 -18px}.welcome-row p{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.detail-page{background:var(--paper);min-height:100vh}.detail-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f6f3f2;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 clamp(20px,4vw,56px);display:grid;position:sticky;top:0}.detail-back,.detail-edit{color:#65615b;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;font-weight:750;display:flex}.detail-edit{border:1px solid var(--line);background:#fff;border-radius:8px;justify-self:end;padding:10px 13px}.detail-content{width:min(1040px,100% - 40px);margin:0 auto;padding:60px 0 100px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:210px minmax(0,1fr);align-items:center;gap:52px;padding-bottom:55px;display:grid}.detail-cover{border-radius:7px 12px 12px 7px;width:210px;box-shadow:0 18px 42px #1f1c1833}.detail-copy h1{letter-spacing:-2.5px;margin:9px 0;font-size:clamp(30px,4.3vw,50px);line-height:1.12}.detail-metadata{color:#66625c;margin:0;font-size:13px}.detail-metadata.empty{color:#aaa69f}.detail-description{color:#747069;white-space:pre-wrap;max-width:650px;margin:23px 0 0;font-size:12px;line-height:1.8}.detail-stats{gap:25px;margin:26px 0;display:flex}.detail-stats span{color:#99958e;gap:3px;font-size:9px;display:grid}.detail-stats strong{color:#252525;font-size:14px}.detail-read{justify-content:center;min-width:145px}.volume-section{padding-top:48px}.volume-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.volume-heading h2{letter-spacing:-.9px;margin:5px 0 0;font-size:23px}.volume-heading>span{color:#99958e;font-size:10px}.volume-list{border-top:1px solid var(--line);display:grid}.volume-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:17px;width:100%;min-height:88px;padding:10px 15px;transition:all .18s;display:grid}.volume-row:hover,.volume-row.current{background:#fff}.volume-number{color:#aaa69f;font-size:10px;font-weight:750}.volume-row img{object-fit:cover;border-radius:3px;width:48px;height:64px;box-shadow:0 4px 10px #0000001f}.volume-copy{gap:5px;min-width:0;display:grid}.volume-copy strong{font-size:13px}.volume-copy small{color:#99958e;font-size:9px}.volume-open{color:#77736d;align-items:center;gap:7px;font-size:10px;font-weight:750;display:flex}.edit-book-card{width:min(650px,100%)}.edit-fields{grid-template-columns:1fr 1fr;gap:14px 12px;display:grid}.edit-field{gap:7px;display:grid}.edit-field.full{grid-column:1/-1}.edit-field>span{color:#66625c;font-size:10px;font-weight:700}.edit-field b{color:var(--red);margin-left:4px;font-size:8px}.edit-field input,.edit-field textarea{color:#222;width:100%;font:inherit;resize:vertical;background:#faf9f7;border:1px solid #ddd9d2;border-radius:8px;outline:none;padding:11px 12px;font-size:12px}.edit-field input:focus,.edit-field textarea:focus{background:#fff;border-color:#8f8a82}.book-menu{width:132px}.reader-header{grid-template-columns:44px 44px minmax(0,1fr) 44px}.reader-page-frame{place-items:center;width:100%;height:100%;display:grid}.reader-page-frame.is-split{background:#111;flex:none;display:block;position:relative;overflow:hidden}.reader-page-frame.is-split img{object-fit:initial;width:auto;max-width:none;height:100%;max-height:none;position:absolute;top:0}.reader-page-frame.is-split.left img{left:0}.reader-page-frame.is-split.right img{right:0}.reader-footer{padding-left:clamp(18px,6vw,100px);padding-right:clamp(18px,6vw,100px)}.reader-footer>span:first-of-type{white-space:nowrap;align-items:center;gap:4px;display:flex}.reader-footer>span small{background:var(--red);color:#fff;border-radius:5px;place-items:center;min-width:17px;height:17px;font-size:8px;font-weight:800;display:inline-grid}.reader-footer button{color:#fff;cursor:pointer;background:#00000059;border:1px solid #fff3;border-radius:18px;flex:none;justify-content:center;align-items:center;gap:4px;min-width:62px;height:36px;font-size:10px;display:flex}.reader-footer button:disabled{opacity:.3;cursor:default}.reader-contents-backdrop{z-index:8;background:#00000080;position:fixed;inset:0}.reader-contents{background:#1a1a1a;width:min(380px,90vw);height:100%;margin-left:auto;padding:25px 18px;overflow:auto;box-shadow:-18px 0 50px #00000061}.reader-contents-heading{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:3px 5px 20px;display:flex}.reader-contents-heading span{color:#888;letter-spacing:1.4px;font-size:8px;font-weight:750}.reader-contents-heading h2{margin:4px 0 0;font-size:20px}.reader-contents-heading>button{color:#fff;cursor:pointer;background:#292929;border:0;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.reader-contents>div:last-child{display:grid}.reader-contents>div:last-child>button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff14;grid-template-columns:32px minmax(0,1fr) 20px;align-items:center;gap:10px;min-height:65px;display:grid}.reader-contents>div:last-child>button:hover,.reader-contents>div:last-child>button.active{background:#242424}.reader-contents>div:last-child>button>span{color:#777;text-align:center;font-size:9px}.reader-contents>div:last-child>button>div{gap:4px;display:grid}.reader-contents strong{font-size:11px}.reader-contents small{color:#888;font-size:8px}@media (width<=820px){.detail-topbar{height:64px;padding:0 16px}.detail-topbar .brand{font-size:14px}.detail-back{width:38px;font-size:0}.detail-edit{justify-content:center;width:38px;height:38px;padding:0;font-size:0}.detail-content{width:calc(100% - 36px);padding:35px 0 95px}.detail-hero{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:22px;padding-bottom:36px}.detail-cover{width:112px}.detail-copy h1{letter-spacing:-1.3px;font-size:25px}.detail-metadata{font-size:10px;line-height:1.6}.detail-description{grid-column:1/-1}.detail-stats{flex-wrap:wrap;gap:14px;margin:19px 0}.detail-stats strong{font-size:12px}.detail-read{width:100%;min-width:0;padding:11px 10px}.volume-section{padding-top:34px}.volume-heading>span{display:none}.volume-row{grid-template-columns:25px 42px minmax(0,1fr) auto;gap:11px;min-height:77px;padding:8px 5px}.volume-row img{width:42px;height:56px}.volume-open{gap:0;font-size:0}.edit-fields{grid-template-columns:1fr}.edit-field.full{grid-column:auto}.reader-header{grid-template-columns:40px 40px minmax(0,1fr) 40px;gap:7px}.reader-footer{height:78px;padding:0 10px max(6px,env(safe-area-inset-bottom));gap:8px}.reader-footer button{min-width:56px}.reader-stage img{max-height:100svh}.page-hit{width:23%;top:14%;bottom:14%}.reader-contents{padding-bottom:max(25px,env(safe-area-inset-bottom))}}@media (width<=480px){.detail-hero{grid-template-columns:96px minmax(0,1fr)}.detail-cover{width:96px}.detail-copy h1{font-size:22px}.detail-stats span:last-child,.volume-number{display:none}.volume-row{grid-template-columns:42px minmax(0,1fr) auto}.reader-footer input{display:none}.reader-footer{justify-content:space-between}.reader-footer>span{font-size:9px}}#access-code{text-align:center;letter-spacing:.42em;font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.new-code strong{letter-spacing:6px;font-variant-numeric:tabular-nums;font-size:24px}.code-row code{letter-spacing:3px;font-variant-numeric:tabular-nums;font-size:14px;font-weight:750}.metadata-lookup{gap:7px;margin:-4px 0 16px;display:grid}.metadata-lookup button{color:#55514b;cursor:pointer;background:#f7f5f1;border:1px solid #d9d5ce;border-radius:8px;justify-self:start;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:10px;font-weight:750;display:flex}.metadata-lookup button:hover{background:#fff;border-color:#bbb6ae}.metadata-lookup button:disabled{opacity:.55;cursor:default}.metadata-lookup span{color:#7a766f;font-size:9px;line-height:1.5}.rename-chapter-card{width:min(430px,100%)}.volume-row{cursor:default;gap:0;padding:0;display:flex;position:relative}.volume-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;grid-template-columns:44px 48px minmax(0,1fr) auto;align-items:center;gap:17px;min-width:0;min-height:88px;padding:10px 15px;display:grid}.volume-rename{color:#706c65;cursor:pointer;opacity:0;background:#fff;border:1px solid #dedad3;border-radius:7px;flex:none;align-self:center;align-items:center;gap:6px;height:34px;margin-right:14px;padding:0 10px;font-size:9px;font-weight:700;transition:all .18s;display:flex}.volume-row:hover .volume-rename,.volume-rename:focus-visible{opacity:1}.book-cover img,.volume-row img,.reader-stage img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}@media (width<=820px){.volume-main{grid-template-columns:25px 42px minmax(0,1fr) auto;gap:11px;min-height:77px;padding:8px 5px}.volume-rename{opacity:1;justify-content:center;width:34px;margin-right:3px;padding:0;font-size:0}.metadata-lookup button{justify-content:center;width:100%}}@media (width<=480px){.volume-main{grid-template-columns:42px minmax(0,1fr) auto}}.book-cover img,.volume-row img,.reader-stage img{pointer-events:none}.detail-actions{justify-self:end;gap:7px;display:flex}.cover-modal{width:min(560px,100%)}.cover-current{border:1px solid var(--line);background:#faf9f7;border-radius:10px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:15px;margin:22px 0 18px;padding:14px;display:grid}.cover-current .book-cover{border-radius:4px;width:62px;box-shadow:0 6px 14px #00000024}.cover-current>div:last-child{gap:5px;display:grid}.cover-current strong{font-size:12px}.cover-current span{color:#8b877f;font-size:9px}.cover-options{gap:9px;display:grid}.cover-options>section{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 13px;padding:15px;display:grid}.cover-options strong{font-size:11px}.cover-options p{color:#8b877f;margin:5px 0 0;font-size:9px;line-height:1.5}.cover-options button{justify-content:center;min-width:104px}.cover-file{color:#77736c;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border:1px dashed #cfcac2;border-radius:7px;grid-column:1/2;align-items:center;gap:7px;min-width:0;height:36px;padding:0 10px;font-size:9px;display:flex;overflow:hidden}.cover-file input{display:none}@media (width<=820px){.detail-actions{gap:4px}.detail-actions .detail-edit{margin:0}.cover-options>section{grid-template-columns:1fr}.cover-options button,.cover-file{grid-column:auto;width:100%}.cover-file{justify-content:center}.cover-current{margin-top:20px}}.volume-group-heading{border-bottom:1px solid var(--line);background:#f0eee9;justify-content:space-between;align-items:flex-end;min-height:49px;padding:18px 15px 9px;display:flex}.volume-group-heading strong{letter-spacing:-.2px;font-size:13px}.volume-group-heading span{color:#99958e;font-size:9px}.volume-group-heading>strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.volume-group-actions{flex:none;align-items:center;gap:9px;display:flex}.volume-group-actions button{color:#6f6b64;cursor:pointer;background:#fff;border:1px solid #d9d5ce;border-radius:7px;align-items:center;gap:5px;height:29px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.volume-group-actions button:hover{border-color:#bbb6ae}@media (width<=820px){.volume-group-heading{min-height:44px;padding:15px 8px 8px}}@media (width<=480px){.volume-group-actions{gap:6px}.volume-group-actions button{justify-content:center;width:30px;padding:0;font-size:0}}.reader-page-frame picture{display:contents}.book-card.opening .book-cover{opacity:.72}.cover-button:disabled,.continue-card:disabled{cursor:wait}.cover-button:disabled .read-overlay{opacity:1}.collection-tools{align-items:center;gap:11px;display:flex}.sort-control{color:#77736d;background:#fff;border:1px solid #ddd9d2;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 9px 0 11px;transition:all .18s;display:flex}.sort-control:focus-within,.sort-control:hover{border-color:#bbb6ae;box-shadow:0 3px 12px #1e1b180d}.sort-control select{color:#393733;min-width:88px;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;font-size:10px;font-weight:700}@media (width<=820px){.collection-tools{gap:7px}.sort-control{height:34px;padding-left:9px}.sort-control select{min-width:78px}.book-count{display:none}}.detail-reading-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.bgm-toggle{text-align:left;grid-template-columns:auto auto;column-gap:7px;min-height:41px;padding:8px 13px;display:grid}.bgm-toggle small{white-space:nowrap;text-overflow:ellipsis;color:#99958e;grid-column:2;max-width:160px;font-size:8px;font-weight:500;overflow:hidden}.bgm-toggle.playing{color:#bc4034;background:#fff5f3;border-color:#efb8b1}.bgm-modal{width:min(560px,100%)}.bgm-current{background:#faf9f7;border:1px solid #e5e1da;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;margin:19px 0 15px;padding:11px 13px;display:grid}.bgm-current>svg{color:#fff;background:#242321;border-radius:50%;width:34px;height:34px;padding:8px}.bgm-current>div{gap:4px;min-width:0;display:grid}.bgm-current span{color:#99958e;font-size:8px}.bgm-current strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.bgm-delete{color:#b84236;cursor:pointer;background:#fff0ee;border:0;border-radius:7px;align-items:center;gap:5px;height:31px;padding:0 9px;font-size:9px;font-weight:700;display:flex}.bgm-fields{gap:12px;display:grid}.bgm-file{color:#706c65;cursor:pointer;border:1px dashed #cbc6be;border-radius:10px;align-items:center;gap:11px;min-height:72px;padding:13px;display:flex}.bgm-file:hover{background:#faf9f7;border-color:#9e9890}.bgm-file input{display:none}.bgm-file>span{gap:4px;min-width:0;display:grid}.bgm-file strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.bgm-file small{color:#99958e;font-size:8px}.free-bgm-section{margin-top:15px}.free-bgm-heading{justify-content:space-between;align-items:center;gap:12px;min-height:39px;display:flex}.free-bgm-heading>div{gap:3px;display:grid}.free-bgm-heading strong{font-size:11px}.free-bgm-heading span{color:#99958e;font-size:8px}.free-bgm-list{background:#fff;border:1px solid #e2ded7;border-radius:10px;max-height:300px;overflow:auto}.free-bgm-row{border-bottom:1px solid #efede9;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.free-bgm-row:last-child{border-bottom:0}.free-bgm-row.active{background:#fff6f4}.free-bgm-row>div{gap:4px;min-width:0;display:grid}.free-bgm-row>div strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.free-bgm-row>div span{white-space:nowrap;text-overflow:ellipsis;color:#99958e;font-size:8px;overflow:hidden}.bgm-preview{color:#55514b;cursor:pointer;background:#f8f7f4;border:1px solid #dedad3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.bgm-preview:hover{background:#fff;border-color:#aaa59d}.bgm-use{color:#5f5b55;cursor:pointer;background:#fff;border:1px solid #d9d5ce;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:57px;height:30px;padding:0 8px;font-size:9px;font-weight:750;display:flex}.free-bgm-row.active .bgm-use{color:#bd4337;background:#fff;border-color:#f0c2bc}.bgm-use:disabled,.bgm-preview:disabled{cursor:default;opacity:.65}.bgm-divider{color:#aaa69f;align-items:center;gap:10px;margin:18px 0 15px;font-size:8px;font-weight:700;display:flex}.bgm-divider:before,.bgm-divider:after{content:"";background:#e7e3dd;flex:1;height:1px}.reader-header.has-bgm{grid-template-columns:44px 44px minmax(0,1fr) 44px 44px}.reader-bgm.playing{background:#ee4a39bf;border-color:#ee4a39cc}@media (width<=820px){.detail-reading-actions{grid-template-columns:1fr 1fr;display:grid}.detail-reading-actions .detail-read{width:auto}.bgm-toggle{justify-content:center}.detail-actions{max-width:132px;overflow-x:auto}.reader-header.has-bgm{grid-template-columns:40px 40px minmax(0,1fr) 40px 40px}.free-bgm-list{max-height:38svh}}@media (width<=480px){.detail-reading-actions{grid-template-columns:1fr}.bgm-toggle small{max-width:190px}}html.reader-mobile-fullscreen,html.reader-mobile-fullscreen body{overscroll-behavior:none;background:#111;width:100%;height:100%;overflow:hidden}:is(.reader.is-fullscreen,.reader:fullscreen,.reader:fullscreen){overscroll-behavior:none;background:#111;width:100vw;height:100dvh;inset:0}:is(.reader.is-fullscreen .reader-stage,.reader:fullscreen .reader-stage,.reader:fullscreen .reader-stage){width:100vw;height:100dvh}:is(.reader.is-fullscreen .reader-stage img,.reader:fullscreen .reader-stage img,.reader:fullscreen .reader-stage img){max-height:100dvh}:is(.reader.is-fullscreen .reader-header,.reader:fullscreen .reader-header,.reader:fullscreen .reader-header){padding-top:env(safe-area-inset-top);height:calc(72px + env(safe-area-inset-top))}:is(.reader.is-fullscreen .reader-footer,.reader:fullscreen .reader-footer,.reader:fullscreen .reader-footer){height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}@media (width<=820px){:is(.reader.is-fullscreen .reader-header,.reader:fullscreen .reader-header,.reader:fullscreen .reader-header){padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}:is(.reader.is-fullscreen .reader-footer,.reader:fullscreen .reader-footer,.reader:fullscreen .reader-footer){padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}}.volume-heading-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.volume-heading-actions>span{color:#99958e;font-size:10px}.volume-add,.volume-bulk{white-space:nowrap;height:36px;padding:0 13px}@media (width<=820px){.volume-heading-actions>span{display:none}.volume-add,.volume-bulk{height:35px;padding:0 10px;font-size:10px}}.volume-actions{opacity:0;flex:none;align-self:center;gap:6px;margin-right:14px;transition:all .18s;display:flex}.volume-row:hover .volume-actions,.volume-actions:focus-within{opacity:1}.volume-actions .volume-pages,.volume-actions .volume-rename,.volume-delete{cursor:pointer;opacity:1;background:#fff;border:1px solid #dedad3;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:34px;margin:0;padding:0 10px;font-size:9px;font-weight:700;display:flex}.volume-pages{color:#55514b}.volume-pages:hover{background:#f4f2ee}.volume-delete{color:#b94336;border-color:#ead2ce}.volume-delete:hover{background:#fff3f1}.volume-delete:disabled{opacity:.5;cursor:wait}@media (width<=820px){.volume-actions{opacity:1;gap:3px;margin-right:3px}.volume-actions .volume-pages,.volume-actions .volume-rename,.volume-delete{width:34px;padding:0;font-size:0}}.bulk-rename-card{width:min(540px,100%)}.naming-presets{flex-wrap:wrap;align-items:center;gap:7px;margin:-3px 0 15px;display:flex}.naming-presets>span{color:#8b877f;margin-right:3px;font-size:9px;font-weight:700}.naming-presets button{color:#5f5b55;cursor:pointer;background:#f7f5f1;border:1px solid #d9d5ce;border-radius:7px;height:32px;padding:0 10px;font-size:9px;font-weight:700}.naming-presets button:hover{background:#fff;border-color:#bbb6ae}.edit-field select{color:#222;width:100%;font:inherit;background:#faf9f7;border:1px solid #ddd9d2;border-radius:8px;outline:none;padding:11px 12px;font-size:12px}.edit-field select:focus{background:#fff;border-color:#8f8a82}.edit-field small{color:#99958e;white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.bulk-complete{color:#5f5b55;cursor:pointer;align-items:center;gap:9px;margin:15px 0 0;font-size:11px;display:flex}.bulk-complete input{width:16px;height:16px;accent-color:var(--red)}.bulk-preview{border:1px solid var(--line);background:#f5f3ef;border-radius:10px;gap:9px;margin-top:16px;padding:14px;display:grid}.bulk-preview>span{color:#8b877f;font-size:9px;font-weight:700}.bulk-preview>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.bulk-preview strong{background:#fff;border-radius:6px;padding:7px 9px;font-size:10px}.bulk-preview i{color:#99958e;font-size:11px;font-style:normal}.page-manager-backdrop{padding:18px}.page-manager-card{background:#f7f6f3;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr) auto auto;width:min(1040px,100%);height:min(900px,100svh - 36px);display:grid;overflow:hidden;box-shadow:0 25px 80px #00000040}.page-manager-header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px 17px;display:flex}.page-manager-header h2{letter-spacing:-1px;margin:5px 0;font-size:24px}.page-manager-header p{color:var(--muted);margin:0;font-size:11px}.page-manager-toolbar{border-bottom:1px solid var(--line);background:#faf9f7;align-items:center;gap:12px;min-height:45px;padding:0 24px;font-size:10px;display:flex}.page-manager-toolbar strong{font-size:11px}.page-manager-toolbar span{color:#8a867f}.page-manager-toolbar button{color:#b94336;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:9px;font-weight:750}.page-thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(105px,1fr));align-content:start;gap:14px 11px;min-height:0;padding:18px 22px 28px;display:grid;overflow:auto}.page-thumbnail-grid>button{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;gap:4px;min-width:0;padding:6px;transition:all .15s;display:grid}.page-thumbnail-grid>button:hover{background:#fff;border-color:#d8d4cd}.page-thumbnail-grid>button.selected{background:#fff1ef;border-color:#ed776b;box-shadow:0 0 0 2px #ee4a3914}.page-thumb-image{aspect-ratio:3/4;background:#e9e6e0;border-radius:6px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.page-thumb-image img{object-fit:contain;width:100%;height:100%}.page-thumb-image i{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 3px 10px #00000038}.page-thumbnail-grid strong{padding:2px 2px 0;font-size:10px}.page-thumbnail-grid small{white-space:nowrap;text-overflow:ellipsis;color:#99958e;padding:0 2px;font-size:8px;overflow:hidden}.page-manager-error{margin:0 22px 12px}.page-manager-footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:68px;padding:12px 22px;display:flex}.page-manager-footer>span{color:#99958e;font-size:9px}.page-manager-footer>div{gap:8px;display:flex}.page-delete-button{color:#fff;cursor:pointer;background:#c84134;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:112px;padding:11px 15px;font-size:11px;font-weight:750;display:flex}.page-delete-button:disabled{opacity:.4;cursor:not-allowed}@media (width<=820px){.page-manager-backdrop{padding:0}.page-manager-card{border-radius:0;width:100%;height:100svh}.page-manager-header{padding:18px 17px 14px}.page-manager-header h2{font-size:20px}.page-manager-toolbar{padding:0 17px}.page-thumbnail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 6px;padding:13px 12px 24px}.page-manager-footer{padding:10px 13px max(10px,env(safe-area-inset-bottom))}.page-manager-footer>span{display:none}.page-manager-footer>div{width:100%}.page-manager-footer button{flex:1}.page-manager-error{margin:0 13px 8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}