:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100%;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:100vw;max-height:100vh;margin:0 auto;font-weight:400}:root{--page-bg: #f7f4e8;--page-border: #e0d7c3;--text-color: #3e2f1c;--main-bg: #f3efe2;--btn-bg: #e0d7c3;--btn-color: #3e2f1c;--btn-border: #cbbfa3;--panel-bg: #f7f4e8;--panel-border: #e0d7c3;--input-bg: #f3efe2}@media (prefers-color-scheme: dark){:root{--page-bg: #181818;--page-border: #ccc;--text-color: #e6e6e6;--main-bg: #111;--btn-bg: #222;--btn-color: #eee;--btn-border: #888;--panel-bg: #222d;--panel-border: #888;--input-bg: #222}}body,html,#app{background:var(--main-bg)!important}.book,.left-abs-group,.right-abs-group,.settings-float-panel,.page,.vertical-text{position:relative;z-index:1}.glass-effect{background:#ffffff2e!important;border-radius:5px;box-shadow:0 4px 24px #0000001a!important;backdrop-filter:blur(58px) saturate(160%);-webkit-backdrop-filter:blur(58px) saturate(160%);border:1.5px solid rgba(255,255,255,.28)!important}@media (prefers-color-scheme: dark){.glass-effect{background:#1e1e1e2e;border:1.5px solid rgba(255,255,255,.1)}}.book{display:flex;flex-direction:row-reverse;justify-content:center;align-items:flex-start;gap:0px}.page{width:35vw;height:95vh;margin:0 3px;display:flex;align-items:center;justify-content:center}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;font-size:20px;color:var(--text-color);height:90%;overflow-y:auto;white-space:pre-wrap;padding:20px;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(180,180,180,.3) rgba(255,255,255,.08)}.vertical-text::-webkit-scrollbar{width:10px;background:#ffffff14;border-radius:8px}.vertical-text::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:8px;box-shadow:0 2px 8px #00000014;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.18)}.vertical-text::-webkit-scrollbar-thumb:hover{background:#ffffff61}body::-webkit-scrollbar{width:12px;background:#ffffff14}body::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:8px;box-shadow:0 2px 8px #00000014;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.12)}body::-webkit-scrollbar-thumb:hover{background:#ffffff47}@media (prefers-color-scheme: dark){.vertical-text::-webkit-scrollbar{background:#1e1e1e2e}.vertical-text::-webkit-scrollbar-thumb{background:#50505061;border:1px solid rgba(255,255,255,.08)}.vertical-text::-webkit-scrollbar-thumb:hover{background:#7878787a}body::-webkit-scrollbar{background:#1e1e1e2e}body::-webkit-scrollbar-thumb{background:#50505047;border:1px solid rgba(255,255,255,.08)}body::-webkit-scrollbar-thumb:hover{background:#78787861}}button{background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);border-radius:6px;padding:8px 18px;margin:0 8px;font-size:16px;cursor:pointer;transition:background .2s,color .2s;box-shadow:0 1px 4px #e0d7c355}button:disabled{background:#eee8;color:#aaa;cursor:not-allowed}.file-input-abs{background:var(--btn-bg);color:var(--btn-color);border-radius:6px;padding:8px 12px;border:1px solid var(--btn-border)}.left-abs-group{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.next-btn-abs{margin-top:16px}.right-abs-group{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:16px}.page-info-abs{color:#aaa;background:var(--panel-bg);border-radius:6px;padding:8px 18px;font-size:16px;-webkit-user-select:none;user-select:none;border:1px solid var(--panel-border)}.prev-btn-abs{margin-top:16px}.write-mode-tb{writing-mode:tb}.settings-float-panel{position:fixed;top:60px;right:0;z-index:100;transition:width .3s,background .3s;width:36px;height:auto;background:transparent;display:flex;align-items:flex-start}.settings-float-panel.open{width:250px;background:var(--panel-bg);border-radius:12px 0 0 12px;box-shadow:-2px 2px 12px #0008;padding:8px 12px 8px 18px;border:1px solid var(--panel-border)}.settings-toggle-btn{width:36px;height:36px;background:var(--btn-bg);color:var(--btn-color);border-radius:12px 0 0 12px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:-2px 2px 8px #0006;margin-left:0}.settings-float-panel .settings-panel{display:flex;flex-direction:column;gap:12px;color:var(--text-color);background:transparent;font-size:16px}.settings-float-panel .settings-panel label{margin-right:0}.settings-float-panel .settings-panel input{width:80px;margin-left:4px;background:var(--input-bg);color:var(--text-color)!important;border:1px solid var(--btn-border);border-radius:4px;padding:2px 6px}.settings-float-panel .settings-panel input::placeholder{color:var(--text-color)!important;opacity:.7}.settings-float-panel .settings-panel button{background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);border-radius:6px;padding:4px 12px;font-size:15px;cursor:pointer;transition:background .2s;align-self:flex-start}.jump-panel{display:flex;align-items:center;gap:6px;margin-left:12px}.jump-panel input{width:60px;background:#f3efe2;color:var(--text-color);border:1px solid var(--btn-border);border-radius:4px;padding:2px 6px;-moz-appearance:textfield}.jump-panel input::-webkit-outer-spin-button,.jump-panel input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.jump-panel button{background:var(--btn-bg);color:var(--btn-color);border:1px solid var(--btn-border);border-radius:6px;padding:4px 10px;font-size:15px;cursor:pointer;transition:background .2s}.book-connector{width:32px;height:95vh;align-self:stretch;background:#ffffff38;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border-radius:5px;box-shadow:0 0 12px #00000014;margin:0 2px;display:flex;justify-content:center;align-items:center}@media (prefers-color-scheme: dark){.book-connector{background:#1e1e1e38}}.spine-line{width:2px;height:80%;background:linear-gradient(to bottom,#fff8,#8888,#fff8);border-radius:2px}.bg-blur{position:fixed;z-index:0;inset:0;width:100vw;height:100vh;background-size:cover;background-position:center;filter:blur(5px) brightness(.6);pointer-events:none}.reader-main{min-height:100vh;padding:5px 0;position:relative;display:flex;flex-direction:column;justify-content:center}.top-group{display:flex;justify-content:space-between;align-items:center;padding:8px 4vw;gap:8px}.file-input-mobile{background:#e0d7c3;color:#3e2f1c;border-radius:6px;padding:6px 10px;border:1px solid #cbbfa3}.prev-btn-mobile,.next-btn-mobile{background:#e0d7c3;color:#3e2f1c;border:1px solid #cbbfa3;border-radius:6px;padding:6px 14px;font-size:15px;cursor:pointer}.page-info-mobile{color:#aaa;background:#f7f4e8;border-radius:6px;padding:6px 14px;font-size:15px;-webkit-user-select:none;user-select:none;border:1px solid #e0d7c3}.jump-panel-mobile{display:none!important}.page-info-mobile,.vertical-text-mobile,.settings-panel-mobile,.jump-inline-input,.jump-inline-btn{color:#222!important;background:transparent}@media (prefers-color-scheme: dark){.page-info-mobile,.vertical-text-mobile,.settings-panel-mobile,.jump-inline-input,.jump-inline-btn{color:#eee!important;background:transparent}}.settings-float-panel-mobile{position:fixed;top:0;left:0;width:100vw;z-index:100;transition:background .3s;background:transparent;display:flex;align-items:flex-start;justify-content:center}.settings-float-panel-mobile.open{background:#f7f4e8;border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #0008;padding:8px 12px 8px 18px}.settings-toggle-btn-mobile{width:36px;height:36px;background:#e0d7c3;color:#3e2f1c;border-radius:12px 12px 0 0;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;box-shadow:0 -2px 8px #0006;margin-bottom:0}.settings-panel-mobile{display:flex;flex-direction:column;gap:12px;color:#3e2f1c;background:transparent;font-size:15px}.settings-panel-mobile label{margin-right:0}.settings-panel-mobile input{width:80px;margin-left:4px;background:#f3efe2;color:#3e2f1c!important;border:1px solid #cbbfa3;border-radius:4px;padding:2px 6px}.settings-panel-mobile input::placeholder{color:#3e2f1c!important;opacity:.7}.settings-panel-mobile button{background:#e0d7c3;color:#3e2f1c;border:1px solid #cbbfa3;border-radius:6px;padding:4px 12px;font-size:15px;cursor:pointer;align-self:flex-start}.book-mobile{display:flex;justify-content:center;align-items:flex-start;margin-top:12px}.page-mobile{width:96vw;height:85vh;margin:0;display:flex;align-items:center;justify-content:center;position:relative}.page-tap-area{position:absolute;top:0;width:50%;height:100%;z-index:10}.page-tap-area.left{left:0}.page-tap-area.right{right:0}.vertical-text-mobile{writing-mode:vertical-rl;text-orientation:mixed;font-size:18px;color:#3e2f1c;height:90%;overflow-y:auto;white-space:pre-wrap;padding:12px;background:transparent;scrollbar-width:thin;scrollbar-color:rgba(180,180,180,.3) rgba(255,255,255,.08)}.vertical-text-mobile::-webkit-scrollbar{width:8px;background:#ffffff14;border-radius:8px}.vertical-text-mobile::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:8px;box-shadow:0 2px 8px #00000014;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.18)}.vertical-text-mobile::-webkit-scrollbar-thumb:hover{background:#ffffff61}.fade-page-enter-active,.fade-page-leave-active{transition:opacity .2s}.fade-page-enter,.fade-page-leave-to{opacity:.1}.jump-inline-input{display:inline-block;vertical-align:middle;height:22px;font-size:13px;padding:1px 4px}.jump-inline-btn{display:inline-block;vertical-align:middle;height:24px;font-size:13px;padding:1px 6px;background:#e0d7c3;color:#3e2f1c;border:1px solid #cbbfa3;border-radius:6px;cursor:pointer}