:root{--color-background: #000000;--color-text-primary: #ffffff;--color-text-secondary: #dadada;--color-text-muted: rgba(255, 255, 255, .6);--color-text-dialog: #dddddd;--color-ui-background: rgba(30, 30, 30, .8);--color-ui-background-solid: #1e1e1e;--color-ui-element-dark: #2a2a2a;--color-ui-hover: rgba(255, 255, 255, .2);--color-border-light: rgba(255, 255, 255, .2);--color-border-dark: #444444;--color-separator-dark: #333333;--color-spinner-track: rgba(255, 255, 255, .3);--color-spinner-thumb: var(--color-text-primary);--shadow-pulse: rgba(255, 255, 255, .4)}body{padding:0;margin:0;overflow:hidden;background-color:var(--color-background);cursor:none}a{color:var(--color-text-primary)}dialog{cursor:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-border{0%{box-shadow:0 0 0 0 var(--shadow-pulse)}70%{box-shadow:0 0 0 5px #fff0}to{box-shadow:0 0 #fff0}}@keyframes scroll-anim{0%{top:6px;opacity:1}50%{top:16px;opacity:1}to{top:22px;opacity:0}}@keyframes pinch-anim-1{0%,to{transform:translate(0) rotate(20deg)}50%{transform:translate(-8px,-5px) rotate(-10deg)}}@keyframes pinch-anim-2{0%,to{transform:translate(0) rotate(-20deg)}50%{transform:translate(8px,-5px) rotate(10deg)}}#loader{position:fixed;inset:0;background-color:var(--color-background);z-index:100000;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .5s ease-out}#loader.hidden{opacity:0;pointer-events:none}.spinner{width:50px;height:50px;border:4px solid var(--color-spinner-track);border-top-color:var(--color-spinner-thumb);border-radius:50%;animation:spin 1s linear infinite}#custom-cursor{position:fixed;opacity:0;width:17px;height:17px;border:2px solid var(--color-text-secondary);border-radius:50%;pointer-events:none;left:0;top:0;transform:translate(-50%,-50%);transition:transform .2s ease-out,opacity .3s ease-in-out,width .2s ease-in-out,height .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;z-index:99999}#custom-cursor.hover{width:30px;height:30px;transform:translate(-50%,-50%) scale(1.2)}#custom-cursor.dragging{width:25px;height:25px;background-color:var(--color-text-secondary);border-color:var(--color-text-secondary);transform:translate(-50%,-50%) scale(1.1)}#navbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;padding:10px;background-color:var(--color-ui-background);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 4px 12px #0000004d}#navbar button{width:50px;height:50px;border-radius:8px;border:none;background-color:#ffffff1a;color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease}#navbar button:hover{background-color:var(--color-ui-hover)}#navbar .material-symbols-outlined{font-size:28px}.page-indicator{display:flex;align-items:center;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;gap:8px;margin:0 15px}#pageInput{background-color:#0006;border:1px solid var(--color-border-light);border-radius:6px;color:var(--color-text-primary);text-align:center;font-size:16px;padding:10px;width:45px;-moz-appearance:textfield}#pageInput::-webkit-outer-spin-button,#pageInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#pageInput.loading{border-color:var(--color-text-primary);animation:pulse-border 1.5s infinite}#totalPagesDisplay{line-height:1;white-space:nowrap}#license-info-btn{position:fixed;bottom:15px;right:15px;z-index:9999;width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border-light);background-color:var(--color-ui-background);color:var(--color-text-muted);cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:serif;font-style:italic;font-size:20px;line-height:1;transition:all .2s ease}#license-info-btn:hover{background-color:#323232e6;color:var(--color-text-primary);border-color:var(--color-text-primary)}dialog#license-dialog{background-color:var(--color-ui-background-solid);color:var(--color-text-dialog);border:1px solid var(--color-border-dark);border-radius:12px;box-shadow:0 5px 20px #0009;width:90%;max-width:600px;padding:0;margin:auto}dialog#license-dialog::backdrop{background-color:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--color-separator-dark)}.dialog-header h2{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:18px;color:var(--color-text-primary)}.dialog-close-btn{background:none;border:none;color:#aaa;font-size:24px;cursor:pointer;padding:0;line-height:1}.dialog-close-btn:hover{color:var(--color-text-primary)}.dialog-body{padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-height:60vh;overflow-y:auto}.dialog-body pre{background-color:var(--color-ui-element-dark);padding:15px;border-radius:8px;white-space:pre-wrap;word-wrap:break-word;font-size:12px;line-height:1.5}#zoom-hint{position:fixed;bottom:0;left:0;right:0;z-index:10002;display:flex;justify-content:center;align-items:flex-end;padding-bottom:150px;pointer-events:none;opacity:0;transition:opacity .5s ease-out}#zoom-hint.visible{opacity:1}.hint-content{display:flex;align-items:center;gap:15px;padding:12px 20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 4px 12px #0000004d;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.scroll-icon{width:22px;height:36px;border:2px solid var(--color-text-primary);border-radius:12px;position:relative}.mouse-wheel{width:4px;height:8px;background-color:var(--color-text-primary);border-radius:2px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scroll-anim 1.5s ease-out infinite}.pinch-icon{width:40px;height:40px;position:relative}.finger{width:8px;height:25px;background:var(--color-text-primary);border-radius:4px;position:absolute;transform-origin:bottom center}.finger-1{bottom:0;left:5px;animation:pinch-anim-1 2s ease-in-out infinite}.finger-2{bottom:0;right:5px;animation:pinch-anim-2 2s ease-in-out infinite}@media screen and (max-width: 1024px){#navbar{bottom:10px;padding:8px;gap:8px;margin:0 auto;justify-content:center}#navbar button{width:40px;height:40px}}