@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-color:#1a1a2e;--secondary-color:#16213e;--accent-color:#e94560;--text-color:#ffffff;--border-color:#0f3460;--transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--shadow:0 10px 40px rgba(0, 0, 0, 0.3)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}body{background-color:var(--primary-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Devanagari',Roboto,sans-serif;line-height:1.6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity .6s ease-out;contain:paint}.loading-screen.hidden{opacity:0;pointer-events:none;visibility:hidden}.loading-content{text-align:center;width:200px;display:flex;flex-direction:column;align-items:center;gap:0}.loader{width:60px;height:60px;margin:0 auto 30px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--accent-color);border-right:4px solid var(--accent-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;contain:paint}.loading-text{font-size:1.2rem;letter-spacing:1px;color:rgba(255,255,255,.8);height:1.8rem;line-height:1.8rem;flex-shrink:0;margin:0;padding:0}.header{position:fixed;top:0;left:0;right:0;height:30px;background:#f8f7f4;border-bottom:1px solid #e0ddd8;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.header-container{max-width:100%;margin:0;padding:3px 20px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:15px}.header-logo{height:22px;width:auto;object-fit:contain;flex-shrink:0;contain:paint}picture{display:block}.date-trigger,.hamburger-menu{display:flex;align-items:center;background:0 0;border:0;cursor:pointer;padding:4px 8px;flex-shrink:0}.hamburger-menu{color:#5a5550;justify-content:center;transition:var(--transition)}.hamburger-menu:hover{color:#1a1a2e}.drawer-close svg,.hamburger-menu svg,.modal-close svg{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round}.date-trigger{gap:8px;border-radius:4px;transition:background .2s ease}.date-trigger:hover{background:rgba(90,85,80,.1)}.date-trigger .calendar-icon{width:20px;height:20px;stroke-linecap:round;stroke-linejoin:round;color:#5a5550;flex-shrink:0}.date-trigger .date-info{margin:0;font-size:.7rem;color:#5a5550;font-weight:500;letter-spacing:.2px;line-height:1;flex-shrink:0}.drawer{position:fixed;top:0;left:0;width:300px;height:100%;background:#f8f7f4;box-shadow:2px 0 8px rgba(0,0,0,.15);z-index:200;transform:translateX(-300px);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;will-change:transform;contain:layout}.drawer.open{transform:translateX(0)}.drawer-close{display:flex;align-items:center;justify-content:center;background:0 0;border:0;cursor:pointer;padding:12px;color:#5a5550;margin-bottom:20px;transition:var(--transition)}.drawer-close:hover{color:#1a1a2e}.drawer-close svg,.modal-close svg{width:24px;height:24px}.drawer-menu{list-style:none;margin:0;padding:0}.drawer-link{display:block;padding:16px 20px;color:#1a1a2e;text-decoration:none;border-bottom:1px solid #e0ddd8;transition:var(--transition);font-weight:500}.drawer-link:hover{background-color:#f0ede8;color:var(--accent-color)}.drawer-link:active{background-color:#e8e4de}.edition-modal,.edition-modal-backdrop{position:fixed;opacity:0;visibility:hidden}.edition-modal-backdrop{top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease;z-index:150}.edition-modal-backdrop.open,.edition-modal.open{opacity:1;visibility:visible}.edition-modal{top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#f8f7f4;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:420px;width:90%;max-height:80vh;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:200;overflow:hidden}.edition-modal.open{transform:translate(-50%,-50%) scale(1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 15px;border-bottom:1px solid #e0ddd8;flex-shrink:0}.modal-title{margin:0;font-size:1.2rem;font-weight:600;color:#1a1a2e}.modal-close{display:flex;align-items:center;justify-content:center;background:0 0;border:0;cursor:pointer;padding:8px;color:#5a5550;border-radius:4px;transition:var(--transition)}.modal-close:hover{background:#e8e4de;color:#1a1a2e}.modal-close svg{width:20px;height:20px}.edition-list{overflow-y:auto;flex:1;padding:12px}.edition-item{display:flex;align-items:center;gap:12px;padding:16px 20px;border:1px solid #e0ddd8;border-radius:8px;margin-bottom:8px;background:#fff;cursor:pointer;transition:all .2s ease;min-height:56px;font-size:1.1rem;color:#1a1a2e;box-shadow:0 1px 3px rgba(0,0,0,.05)}.edition-item:last-child{margin-bottom:0}.edition-item:hover{background:#f8f7f4;box-shadow:0 2px 6px rgba(0,0,0,.1);transform:translateY(-1px)}.edition-item:active{transform:translateY(0)}.edition-item.current{background:#fff5f7;border-color:var(--accent-color);font-weight:600;box-shadow:0 2px 8px rgba(233,69,96,.15);color:var(--accent-color)}.calendar-icon-wrapper{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-icon-svg{width:100%;height:100%;color:#9e9e9e;stroke-width:1.5}.date-text{flex:1;line-height:1.4}@media (max-width:768px){.edition-modal{max-width:100%;width:100%;max-height:100%;height:100%;border-radius:0;transform:translate(-50%,-50%) translateY(100%)}.edition-modal.open{transform:translate(-50%,-50%) translateY(0)}.modal-header{padding:16px}.modal-title{font-size:1.1rem}.edition-item{min-height:60px;padding:18px 20px;font-size:1.15rem}.weekday-icon{width:24px;height:24px;display:inline-block;vertical-align:middle}}@media (max-width:480px){.edition-item{font-size:.9rem}}.image-container,.viewer{left:0;width:100%;overflow:hidden}.viewer{position:fixed;top:0;height:100%;background-color:var(--primary-color)}.image-container{position:absolute;top:30px;height:calc(100% - 30px);display:flex;align-items:center;justify-content:center;cursor:grab}.image-container.dragging{cursor:grabbing}.page-image{aspect-ratio:1920/3060;max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none;display:block;contain:paint}#pagePicture{width:100%;height:100%}.nav-button{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;background:rgba(233,69,96,.8);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;transition:var(--transition);box-shadow:var(--shadow);opacity:0;pointer-events:none}.nav-button:hover{background:var(--accent-color);transform:translateY(-50%) scale(1.1);box-shadow:0 15px 50px rgba(233,69,96,.4)}.nav-button:active{transform:translateY(-50%) scale(.95)}.nav-button svg{width:24px;height:24px;stroke-linecap:round;stroke-linejoin:round}.viewer:hover .nav-button{opacity:1;pointer-events:auto}@media (max-width:768px){.nav-button{opacity:1;pointer-events:auto;width:45px;height:45px}.nav-button svg{width:20px;height:20px}}.nav-prev{left:20px}.nav-next{right:20px}.nav-button.disabled{opacity:.3;pointer-events:none;cursor:not-allowed}.nav-button.disabled:hover{background:rgba(233,69,96,.8);transform:translateY(-50%);box-shadow:var(--shadow)}.page-counter{position:fixed;bottom:50px;right:30px;background:rgba(233,69,96,.9);padding:12px 20px;border-radius:50px;font-size:.95rem;font-weight:600;letter-spacing:.5px;box-shadow:var(--shadow);z-index:50;backdrop-filter:blur(10px)}@media (max-width:768px){.page-counter{bottom:40px;right:20px;padding:10px 16px;font-size:.85rem}}@media (min-width:1200px){.header-container{padding:3px 30px}.header-logo{height:23px}.nav-prev{left:30px}.nav-next{right:30px}}@media (min-width:768px) and (max-width:1199px){.header-container{padding:3px 20px}.header-logo{height:22px}.nav-prev{left:15px}.nav-next{right:15px}}@media (max-width:767px){.header-container{padding:3px 15px}.header-logo{height:21px}.date-info{font-size:.65rem}.nav-prev{left:10px}.nav-next{right:10px}}@media (max-width:480px){.header-container{padding:3px 12px;gap:12px}.header-logo{height:20px}.date-info{font-size:.6rem}.nav-button{width:40px;height:40px}.nav-button svg{width:18px;height:18px}.nav-prev{left:8px}.nav-next{right:8px}.page-counter{bottom:15px;right:15px;padding:8px 14px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav-button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media print{.header,.loading-screen,.nav-button,.page-counter{display:none}.viewer{position:static}.page-image{max-width:100%;height:auto}}@media (prefers-color-scheme:dark){body{background-color:var(--primary-color)}.header{background:#2a2a2a;border-bottom:1px solid #404040}.date-info{color:#d0d0d0}}@media (prefers-color-scheme:light){:root{--primary-color:#f5f5f5;--secondary-color:#ffffff;--text-color:#1a1a2e;--border-color:#e0e0e0}.header{background:#f8f7f4;border-bottom:1px solid #e0ddd8}.date-info{color:#5a5550}.image-container{background-color:#f5f5f5}.loading-screen{background:linear-gradient(135deg,#f5f5f5 0,#fff 100%)}.loading-text{color:rgba(26,26,46,.8)}.loader{border-top-color:var(--accent-color);border-right-color:var(--accent-color)}}