@font-face{font-family:VCR;src:url('/assets/vcrosdmonorus_vhsicons.ttf')} :root{--ink:#050505;--paper:#dedede;--muted:#8e8e8e;--red:#d71920}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--paper);font-family:VCR,monospace}body{overflow-x:hidden}.crt-lines{position:fixed;inset:0;z-index:20;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.85}.vignette{position:fixed;inset:0;z-index:21;pointer-events:none;background:radial-gradient(ellipse at center,transparent 54%,rgba(0,0,0,.5) 100%)}button{font:inherit;color:inherit;cursor:pointer}.app-shell{position:relative;max-width:1000px;margin:auto;padding:24px 28px 80px}.topbar{height:48px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #292929}.brand{font-size:20px;letter-spacing:1px}.brand span{color:var(--red);font-size:11px}.status{font-size:11px;color:var(--muted)}.intro{padding:58px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end}.intro-mark{color:var(--red);font-size:11px;align-self:start;padding-top:8px}.intro h1{grid-column:1/-1;margin:0;font-size:clamp(50px,11vw,124px);line-height:.82;letter-spacing:-1px;font-weight:400}.intro h1 em{font-style:normal;color:var(--red)}.intro p{grid-column:2;margin:0;border-left:1px solid var(--red);padding-left:14px;color:#a9a9a9;font-size:12px;line-height:1.6}.shelf-label{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;margin:0 0 16px}.shelf-label span{flex:1;overflow:hidden;white-space:nowrap}.shelf-label strong{font-weight:400;color:var(--paper);white-space:nowrap}.shelf{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:16px;border-bottom:9px solid #292929;box-shadow:0 12px 0 #0b0b0b;padding:0 20px 24px}.zin-card{position:relative;min-width:0;background:#111;border:1px solid #313131;padding:8px;transition:transform .25s ease,border-color .25s ease}.zin-card:hover{transform:translateY(-8px);border-color:var(--red)}.zin-cover{display:block;width:100%;aspect-ratio:595/842;object-fit:cover;filter:contrast(1.08)}.zin-meta{padding-top:10px;font-size:11px;line-height:1.35}.zin-meta small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.reader{position:fixed;z-index:30;inset:0;background:#080808;display:flex;flex-direction:column}.reader.hidden{display:none}.reader-chrome,.reader-footer{height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #272727;font-size:11px}.reader-footer{border-top:1px solid #272727;border-bottom:0;color:var(--muted);font-size:9px}.icon-button{border:0;background:transparent;font-size:32px;line-height:1;padding:0 10px;color:var(--paper)}.reader-stage{position:relative;min-height:0;flex:1;display:flex;justify-content:center;align-items:center;padding:24px 9vw;perspective:1800px}.book{position:relative;height:min(78vh,820px);width:min(52vw,580px);touch-action:none;user-select:none;filter:drop-shadow(0 18px 24px #000);overflow:hidden}.page{position:absolute;inset:0;visibility:hidden;background:#161616;transform-origin:left center;transition:transform .58s cubic-bezier(.2,.8,.2,1);backface-visibility:hidden;overflow:hidden;border:1px solid #343434}.page img{display:block;width:100%;height:100%;object-fit:contain;background:#050505}.page.current{z-index:2;visibility:visible}.page.turned{transform:rotateY(-180deg)}.page-shadow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 16%,transparent 82%,rgba(255,255,255,.1));z-index:3}.nav-arrow{position:absolute;z-index:5;border:0;background:transparent;color:#777;font-size:64px;font-family:Arial;font-weight:200;padding:20px}.nav-arrow:hover{color:var(--red)}.nav-arrow.prev{left:2vw}.nav-arrow.next{right:2vw}@media(max-width:650px){.app-shell{padding:16px 12px 48px}.topbar{height:38px}.brand{font-size:14px}.intro{display:block;padding:45px 0 38px}.intro-mark{margin-bottom:28px}.intro h1{font-size:54px}.intro p{margin:26px 0 0 35%;font-size:10px}.shelf{grid-template-columns:repeat(2,1fr);gap:10px;padding:0 9px 18px}.zin-card{padding:5px}.zin-meta{font-size:9px}.zin-meta small{font-size:8px}.reader-chrome{height:48px;flex-basis:48px;padding:0 10px;font-size:9px}.reader-stage{padding:18px 0}.book{height:min(78vh,720px);width:min(88vw,460px)}.nav-arrow{font-size:44px;padding:8px}.nav-arrow.prev{left:-10px}.nav-arrow.next{right:-10px}.reader-footer{height:42px;flex-basis:42px;padding:0 12px;font-size:8px}}
 .page.incoming{visibility:visible;z-index:1;transform:none}.page.leaving{visibility:visible;z-index:2}.page.leaving.forward{transform-origin:left center}.page.leaving.reverse{transform-origin:right center}.page.leaving.forward.turned{transform:rotateY(-180deg)}.page.leaving.reverse.turned{transform:rotateY(180deg)}
 .page.leaving.gesture{transition:none}.page.leaving{transition:transform .58s cubic-bezier(.2,.8,.2,1)}
 .curl-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .12s ease}.page.leaving.gesture{opacity:1}