.viewer-body{padding-bottom:100px}.viewer-header{height:85px;padding:8px 5%;border-bottom:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between}.back{font-size:13px;color:#d0c9c4}.mini-brand img{width:90px;height:66px;object-fit:contain}.viewer-header .btn{min-height:42px;font-size:10px;padding:12px 20px}.viewer-main{max-width:1150px;margin:auto;padding:35px 25px}.viewer-heading{text-align:center}.viewer-heading h1{display:block;font-size:clamp(36px,5vw,65px);letter-spacing:3px;margin:8px 0 16px}.viewer-heading>p:last-child{font-size:14px;color:var(--muted);line-height:1.7}.menu-tabs{display:flex;justify-content:center;gap:12px;margin:30px 0;flex-wrap:wrap;font-family:'DM Sans',sans-serif;text-transform:none;letter-spacing:0}.menu-tabs a{border:1px solid #ffffff30;border-radius:30px;padding:12px 22px;font-size:13px}.menu-tabs a[aria-current=page]{color:var(--yellow);border-color:var(--yellow);background:#ffcc0510}.viewer-tools{border:1px solid #ffffff22;border-radius:17px;padding:20px;background:#171110}#search-form label{font-size:11px;color:#d2c9c1;display:block;margin-bottom:8px}.search-line{display:flex;gap:8px}.search-line input{width:100%;min-width:0;flex:1;background:#0d0a09;color:white;border:1px solid #ffffff35;border-radius:8px;padding:12px 14px;font:14px 'DM Sans',sans-serif}.search-line button{border:0;border-radius:8px;background:var(--red);color:white;padding:10px 20px;font-weight:600}#search-status{font-size:12px;color:var(--yellow);line-height:1.6;min-height:0;margin-top:8px}.navigation-row{display:flex;align-items:center;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:15px}.page-button{background:#221a18;border:1px solid #ffffff30;color:white;padding:10px 15px;border-radius:9px;min-height:40px}.page-button:disabled{opacity:.3;cursor:default}.page-select select{background:#0d0a09;color:var(--cream);border:1px solid #ffffff35;padding:10px;border-radius:8px;font:13px 'DM Sans',sans-serif;max-width:260px}.zoom{display:flex;align-items:center;gap:10px;margin-left:25px}.zoom button{background:#221a18;border:1px solid #ffffff30;color:white;border-radius:8px;width:36px;height:36px;font-size:19px}.zoom button:disabled{opacity:.3}.zoom span{font-size:12px;min-width:40px;text-align:center}.reading-hint{font-size:11px;color:var(--muted);margin:16px 0;text-align:center}.page-stage{width:100%;overflow:auto;border-radius:12px;background:#24201b;border:1px solid #ffffff25;overscroll-behavior-x:contain}.image-wrap{width:100%;min-width:100%;display:block}.image-wrap img{display:block;width:100%;height:auto}.bottom-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.bottom-nav>span{font-size:12px;color:var(--muted)}.viewer-bottom{margin:25px 0;text-align:center}.viewer-bottom p{font-size:11px;color:var(--muted);margin-top:15px;line-height:1.8}.viewer-order-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;display:flex;justify-content:center;background:#0d0a09f0;border-top:1px solid #ffffff22;backdrop-filter:blur(10px);z-index:5}.viewer-order-bar .btn{min-height:46px;font-size:11px;max-width:600px;width:100%;letter-spacing:1px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.viewer-error{text-align:center;padding:40px}.viewer-error h2{font-size:32px;letter-spacing:1px}.viewer-error p{margin-top:20px;font-size:14px}@media(max-width:600px){.viewer-header{height:70px;padding:5px 4%}.mini-brand img{width:65px;height:55px}.back{font-size:11px}.viewer-header .btn{font-size:9px;padding:10px 12px;min-height:36px;letter-spacing:.5px}.viewer-main{padding:25px 12px}.viewer-heading .script-label{font-size:25px}.viewer-heading h1{font-size:37px;letter-spacing:1px;line-height:1.1}.viewer-heading>p:last-child{font-size:12px;padding:0 15px}.menu-tabs{margin:22px 0;gap:8px}.menu-tabs a{font-size:11px;padding:11px 15px}.viewer-tools{padding:14px}.page-select select{max-width:205px;font-size:12px}.navigation-row{gap:8px}.zoom{width:100%;justify-content:center;margin:8px 0 0}.bottom-nav .page-button{font-size:12px;padding:10px}.bottom-nav>span{font-size:11px}.page-stage{border-radius:7px}.viewer-order-bar{padding:10px 12px}.viewer-order-bar .btn{font-size:10px;padding:14px 10px;letter-spacing:.5px}}