.app{min-height:100vh;overflow:hidden}.app{min-height:100vh;transition:background .3s ease}.app-bg{height:calc(100vh - 56px);overflow-y:auto}.reader{display:flex;justify-content:center;padding:96px 16px}.reader-content{width:100%;max-width:720px}.reader p{font-size:1.15rem;line-height:1.25;text-align:justify;white-space:pre-line}.reader-header{position:sticky;top:0;width:100vw;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;border-bottom:1px solid rgba(0,0,0,.15);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-title{font-size:1rem;letter-spacing:1px;opacity:.7;display:flex;flex-direction:column;align-items:center;line-height:1.1;pointer-events:none}.title-main{font-size:1rem;font-weight:600;letter-spacing:.5px}.title-sub{font-size:.7rem;opacity:.6;margin-top:2px}.header-btn{background:none;border:none;font-size:18px;cursor:pointer;color:inherit}.settings-panel{position:fixed;top:56px;right:16px;padding:16px;width:200px;border-radius:8px;border:1px solid;z-index:200;font-size:.9rem}.settings-panel button{margin-top:8px;padding:6px 10px;border-radius:6px;border:1px solid currentColor;background:transparent;cursor:pointer}.setting-row{display:flex;gap:8px;margin-bottom:12px}.menu-panel{left:16px;right:auto}.font-control{display:flex;align-items:center;justify-content:space-between;gap:12px}.font-control span{min-width:40px;text-align:center;font-weight:600}.app.dark{background:#0e0e0e;color:#eaeaea}.app.dark .app-bg{background:#121212}.app.dark .reader-header{background:#0e0e0ef2}.app.dark .settings-panel{background:#111;border-color:#222;color:#eaeaea}.app.light{background:#f5f5f5;color:#111}.app.light .app-bg{background:#ededed}.app.light .reader-header{background:#f5f5f5f2}.app.light .settings-panel{background:#fff;border-color:#ccc;color:#111}.app.eye{background:#1c1a16;color:#e4ddc7}.app.eye .app-bg{background:#201d17}.app.eye .reader-header{background:#1c1a16f2}.app.eye .settings-panel{background:#1c1a16;border-color:#3a3428;color:#e4ddc7}.cover-page{width:100%;min-height:calc(100vh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.cover-image{width:100%;max-width:420px;aspect-ratio:2 / 3;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:10px}.reader-cover{padding-top:0;align-items:center}.reader-cover .reader-content{padding-top:5px;padding-bottom:20px}.start-reading{padding:12px 28px;font-size:1rem;border-radius:24px;background:#000000a6;color:#fff;border:1px solid rgba(255,255,255,.4);cursor:pointer}.app.dark .start-reading{background:#eaeaea;color:#111}.app.eye .start-reading{background:#e4ddc7;color:#1c1a16}.prologue-title{text-align:center;margin-bottom:24px;font-size:1.6rem}.reader-footer{position:fixed;bottom:0;left:0;width:100vw;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.footer-left,.footer-center,.footer-right{display:flex;align-items:center;gap:12px}.reader-footer button{padding:8px 16px;border-radius:20px;border:1px solid currentColor;background:transparent;cursor:pointer;font-size:.9rem;color:inherit}.reader-footer button:hover{opacity:.85;background:#ffffff14}.app.light .reader-footer button:hover{background:#00000014}.app.dark .reader-footer{background:#0e0e0ef2}.app.light .reader-footer{background:#f5f5f5f2}.app.eye .reader-footer{background:#1c1a16f2}.page-number-box{min-width:32px;height:32px;border-radius:6px;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;opacity:.75;-webkit-user-select:none;user-select:none}.bookmark-btn{padding:8px;border-radius:8px;border:1px solid transparent;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}.bookmark-btn:hover{background:#ffffff14}.app.light .bookmark-btn:hover{background:#00000014}.bookmark-btn.active{border-color:currentColor;opacity:1}.bookmark-icon{font-size:1.1rem;line-height:1}.dictionary-box{position:fixed;max-width:320px;padding:14px 16px;border-radius:10px;font-size:.9rem;line-height:1.4;max-height:45vh;overflow-y:auto;z-index:1500;animation:fadeInOut .3s ease}@media(min-width:769px){.dictionary-box{top:96px;right:24px}}@media(max-width:768px){.dictionary-box{left:8px;right:8px;bottom:72px}}.dictionary-box strong{display:block;margin-bottom:6px;font-size:.95rem}.app.dark .dictionary-box{background:#111;color:#eaeaea;border:1px solid #222}.app.light .dictionary-box{background:#fff;color:#111;border:1px solid #ccc}.app.eye .dictionary-box{background:#1c1a16;color:#e4ddc7;border:1px solid #3a3428}.icon-only{display:none}.text-only{display:inline}@media(max-width:768px){.icon-only{display:inline;font-size:1.1rem}.text-only{display:none}.reader{padding:80px 16px 48px}}@keyframes fadeInOut{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.page-turn{animation-duration:.36s;animation-timing-function:cubic-bezier(.25,.8,.25,1);animation-fill-mode:both}.page-turn.next{animation-name:pageNext}.page-turn.prev{animation-name:pagePrev}@keyframes pageNext{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pagePrev{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.home-btn{display:flex;align-items:center;gap:4px;font-size:.85rem}.home-btn{display:flex;align-items:center;gap:6px;padding:6px 10px}.home-logo{width:20px;height:20px;object-fit:contain;display:block;flex-shrink:0}@media(max-width:768px){.home-text{display:none}}.app.dark .settings-panel{background:#121212;color:#e6e6eb;border-color:#333}.app.dark .settings-panel button{color:#e6e6eb;border-color:#444}.app.light .settings-panel{background:#f4f4f4;color:#111;border-color:#ccc}.app.light .settings-panel button{color:#111;border-color:#aaa}.app.eye .settings-panel{background:#1c1a16;color:#e4ddc7;border-color:#3a3428}.app.eye .settings-panel button{color:#e4ddc7;border-color:#b89b6a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#fff}.social-links{margin-top:18px;margin-bottom:14px}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid #333;transition:all .25s ease}.social-links a:hover{border-color:#f72119;box-shadow:0 0 10px #f7211999}.social-links svg{width:16px;height:16px;fill:#e6e6eb;transition:fill .25s ease}.social-links a:hover svg{fill:#f72119}