*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c0b0a;color:#eee8dd;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.25;cursor:default}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.bar{flex:none;height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(12px,2vw,28px);background:#15120f;border-bottom:1px solid #41372a;gap:8px}.bar a{color:#d9c39b;text-decoration:none;font-size:13px}.bar .brand{font-family:Georgia,serif;letter-spacing:.11em;color:#c7a46d;font-size:clamp(13px,2vw,19px);white-space:nowrap}.bar .sub{font:10px Arial,sans-serif;letter-spacing:.08em;color:#978773}.stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#28221c,#11100f 72%);touch-action:none;user-select:none;-webkit-user-select:none}.pages{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;padding:8px 55px;transform:translate3d(0,0,0) scale(1);transform-origin:center center;will-change:transform;pointer-events:none}.pages img{display:block;object-fit:contain;max-height:100%;max-width:100%;width:auto;height:auto;box-shadow:0 3px 26px #000b;user-select:none;-webkit-user-drag:none}.pages.two img{max-width:calc(50% - 2px)}.pages.one img{max-width:100%}.edge{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #7c67484f;color:#e7d8be;background:#0b0a09a8;border-radius:50%;width:42px;height:58px;font-size:38px;line-height:35px;z-index:3}.edge.prev{left:7px}.edge.next{right:7px}.edge:hover{background:#493823}.toolbar{flex:none;min-height:62px;padding:9px clamp(8px,2vw,22px);background:#15120f;border-top:1px solid #41372a;display:flex;justify-content:space-between;align-items:center;gap:8px}.toolbar button,.thumb-head button{border:1px solid #655238;color:#e5d6bd;background:transparent;min-width:36px;height:38px;padding:0 8px;border-radius:3px}.toolbar button:hover,.thumb-head button:hover{background:#42331f}.navigation,.tools{display:flex;align-items:center;gap:7px}.navigation button{min-width:42px}.navigation span{min-width:75px;text-align:center;font-size:12px;color:#e0caa3}.tools #zoomText{font-size:11px;color:#d2b98e;min-width:39px;text-align:center}.thumb-panel{position:absolute;inset:55px 0 62px;background:#15120ff7;z-index:8;overflow:auto}.thumb-panel[hidden],.loading[hidden]{display:none}.thumb-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#1c1713;z-index:2;color:#d9c39b}.thumb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:18px;padding:18px;max-width:1100px;margin:auto}.thumb-list button{background:none;border:1px solid #4b3e2c;color:#d9c39b;padding:7px}.thumb-list button.selected{border-color:#d6b47c}.thumb-list img{width:100%;height:155px;object-fit:contain;display:block;margin-bottom:6px}.loading{position:absolute;top:14px;left:50%;transform:translateX(-50%);font-size:12px;background:#19150fcf;padding:8px 12px;color:#d6c09a;z-index:4}@media(max-width:760px){.bar{height:48px}.bar .sub{display:none}.bar .brand{font-size:14px}.bar a{font-size:12px}.pages{padding:5px 2px}.edge{top:50%;width:31px;height:52px;font-size:32px;border-radius:2px;opacity:.75}.edge.prev{left:0}.edge.next{right:0}.toolbar{min-height:56px;padding:6px;gap:3px}.toolbar button{height:37px;min-width:30px;padding:0 5px}.navigation,.tools{gap:3px}.navigation button{min-width:33px}.navigation span{min-width:50px;font-size:11px}.tools #zoomText{display:none}.desktop-only{display:none!important}.thumb-panel{inset:48px 0 56px}.thumb-list{grid-template-columns:repeat(3,1fr);gap:10px;padding:10px}.thumb-list img{height:145px}}@media(max-width:370px){.bar .brand{font-size:12px}.toolbar #full{display:none}.toolbar button{min-width:28px}.navigation span{min-width:46px}}