@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap";:root{--eink-bg:#dcdedc;--eink-bg-dark:#c8cbc9;--eink-text:#2f3130;--eink-border:#a4a7a5;--eink-primary:#000;--font-ui:"Inter", system-ui, sans-serif;--font-reading:"PT Serif", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 0,#4a4e4c,#1f2220 100%);margin:0;padding:0;overflow:hidden}.app-container{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;cursor:default!important}*{cursor:default!important}.hardware-bezel{background-color:#0d0f0e;border:32px solid #2d312f;border-bottom-width:56px;border-radius:16px;flex-direction:column;width:92vw;max-width:1100px;height:92vh;max-height:850px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1a1c1b,0 20px 80px #0009,inset 0 4px 20px #0006}.eink-screen-plate{background-color:var(--eink-bg);color:var(--eink-text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;filter:grayscale()sepia(8%)contrast(85%)brightness(96%);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.18'/%3E%3C/svg%3E");flex-direction:column;flex:1;line-height:1.5;display:flex;position:relative;overflow:hidden}.eink-screen-plate:after{content:"";pointer-events:none;z-index:10000;mix-blend-mode:multiply;background:radial-gradient(circle,#0000 45%,#282a2826 120%);position:absolute;inset:0}.top-bar{background-color:var(--eink-bg-dark);border-bottom:2px solid var(--eink-text);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.top-bar-title{font-family:var(--font-ui);font-size:1.1rem;font-weight:600}.btn-eink{color:var(--eink-text);font-family:var(--font-ui);background-color:#0000;border:2px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-weight:500;display:flex}.btn-eink:active{background-color:var(--eink-text);color:var(--eink-bg)}.btn-icon{border-radius:50%;padding:8px}.reader-container{flex:1;display:flex;position:relative;overflow:hidden}.book-area{flex:1;height:100%;display:flex;position:relative}.reader-content{flex:1;width:100%;height:100%}.ui-overlay-top,.ui-overlay-bottom{z-index:100;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s ease-in-out;position:absolute;left:0;right:0}.ui-overlay-top{opacity:0;visibility:hidden;top:0;transform:translateY(-100%)}.ui-overlay-bottom{opacity:0;visibility:hidden;bottom:0;transform:translateY(100%)}.ui-visible .ui-overlay-top,.ui-visible .ui-overlay-bottom{opacity:1;visibility:visible;transform:translateY(0)}.tap-zone{z-index:9999;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.nav-chevron{color:var(--eink-text);opacity:.04;transition:opacity .2s}.tap-zone:hover .nav-chevron{opacity:.4}.tap-zone.left{width:25%;left:0}.tap-zone.right{width:25%;right:0}.tap-zone.center{cursor:default;width:50%;left:25%}.bottom-bar{background-color:var(--eink-bg-dark);border-top:2px solid var(--eink-text);color:var(--eink-text);font-size:.9rem;font-weight:600;font-family:var(--font-ui);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.progress-container{border:1px solid var(--eink-text);background-color:#0000;border-radius:0;flex:1;height:6px;margin:0 24px}.progress-fill{background-color:var(--eink-text);height:100%}.persistent-status{font-family:var(--font-reading);color:var(--eink-text);z-index:5;justify-content:space-between;font-size:.9rem;font-weight:700;transition:opacity .2s;display:flex;position:absolute;bottom:12px;left:32px;right:32px}.ui-visible .persistent-status{opacity:0}.file-upload-overlay{z-index:50;text-align:center;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.file-upload-box{border:3px solid var(--eink-text);cursor:pointer;background-color:#0000;border-radius:0;width:100%;max-width:500px;padding:48px;transition:background-color .2s}.file-upload-box:hover{background-color:var(--eink-border)}