.reader-record{overflow:hidden;background:rgba(2,8,5,.86)}
.reader-window{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:linear-gradient(180deg,rgba(4,13,8,.98),rgba(2,8,5,.98))}
.reader-menubar{position:relative;z-index:8;display:flex;align-items:center;min-height:34px;border-bottom:1px solid var(--line);background:rgba(2,8,4,.97);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}
.reader-menu-wrap{position:relative;height:100%}.reader-menu-button{height:100%;padding:.55rem .75rem;border:0;border-right:1px solid transparent;background:transparent;color:#8ab797;cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit}.reader-menu-button:hover,.reader-menu-button:focus-visible{color:var(--green);background:rgba(54,255,120,.045);outline:none}.reader-menu-button:disabled{color:#35543d;cursor:default}.reader-menu-button:disabled:hover{background:transparent}.reader-menubar-title{margin-left:auto;padding:0 .85rem;color:#486b52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reader-file-menu{position:absolute;left:0;top:100%;z-index:20;min-width:13rem;padding:.35rem;border:1px solid var(--line);background:#041009;box-shadow:0 12px 32px rgba(0,0,0,.42)}.reader-file-menu[hidden]{display:none}.reader-file-menu button{display:block;width:100%;padding:.6rem .7rem;border:0;background:transparent;color:#8ab797;text-align:left;cursor:pointer;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;text-transform:uppercase}.reader-file-menu button:hover,.reader-file-menu button:focus-visible{background:rgba(54,255,120,.055);color:var(--green);outline:none}.reader-menu-divider{display:block;height:1px;margin:.3rem 0;background:var(--line)}
.reader-document-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.85rem clamp(1rem,2.5vw,2rem);border-bottom:1px solid rgba(23,61,37,.72);background:rgba(5,18,10,.42)}.reader-document-head h1{margin:0;color:var(--text);font:300 clamp(1.5rem,2.4vw,2.5rem)/1 "Arial Narrow","Helvetica Neue",sans-serif;letter-spacing:-.035em;text-transform:uppercase}.reader-document-state{margin:0;color:var(--green);font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;white-space:nowrap}
.reader-spread{position:relative;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;padding:clamp(.7rem,1.7vw,1.25rem);background:linear-gradient(90deg,transparent calc(50% - 1px),rgba(112,255,157,.12) 50%,transparent calc(50% + 1px))}
.reader-page{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(23,61,37,.78);background:linear-gradient(135deg,rgba(8,23,14,.9),rgba(4,13,8,.93));box-shadow:0 16px 38px rgba(0,0,0,.12)}.reader-page-left{border-radius:2px 0 0 2px}.reader-page-right{border-radius:0 2px 2px 0}.reader-page[hidden]{display:none!important}
.reader-page-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:clamp(1.2rem,2.7vw,2.4rem) clamp(1.2rem,3vw,3rem) .75rem;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.reader-page-body .record-section{max-width:48rem;margin:0 0 1.05rem;padding:0;border:0}.reader-page-body .record-section:last-child{margin-bottom:0}.reader-page-body .record-section h2{margin:0 0 .55rem;color:var(--green);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}.reader-page-body .record-section p{max-width:none;margin:0;color:#9bb3a2;font-size:clamp(13px,1vw,15px);line-height:1.72}
.reader-page-footer{flex:0 0 auto;min-height:29px;padding:.45rem .8rem;border-top:1px solid rgba(23,61,37,.55);color:#456951;font:8px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-align:right}.reader-page-left .reader-page-footer{text-align:left}
.reader-page-measure{position:absolute;left:-99999px;top:0;visibility:hidden;pointer-events:none;overflow:visible;padding:clamp(1.2rem,2.7vw,2.4rem) clamp(1.2rem,3vw,3rem) .75rem}.reader-page-measure .record-section{max-width:48rem;margin:0 0 1.05rem;padding:0;border:0}.reader-page-measure .record-section h2{margin:0 0 .55rem;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.reader-page-measure .record-section p{max-width:none;margin:0;font-size:clamp(13px,1vw,15px);line-height:1.72}
.reader-pagination{position:relative;z-index:7;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;min-height:49px;padding:.5rem clamp(.7rem,1.7vw,1.25rem);border-top:1px solid var(--line);background:rgba(2,8,4,.98)}.reader-page-list{display:flex;justify-content:center;gap:.35rem;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--green-dim) transparent}.reader-page-step,.reader-page-number{border:1px solid var(--line);background:rgba(5,18,10,.56);color:#78aa86;cursor:pointer;font:9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}.reader-page-step{display:flex;align-items:center;gap:.45rem;padding:.6rem .8rem;white-space:nowrap}.reader-page-number{min-width:2.7rem;padding:.52rem .62rem}.reader-page-step:hover,.reader-page-step:focus-visible,.reader-page-number:hover,.reader-page-number:focus-visible{border-color:var(--green-dim);color:var(--green);outline:none}.reader-page-number[aria-current="page"]{border-color:var(--green-hot);background:rgba(54,255,120,.055);color:var(--green-hot)}.reader-page-step:disabled{opacity:.25;cursor:default}
.reader-metadata{position:absolute;z-index:30;top:34px;right:0;width:min(28rem,calc(100% - 2rem));max-height:calc(100% - 34px);overflow:auto;border-left:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(3,12,7,.985);box-shadow:-22px 20px 54px rgba(0,0,0,.38)}.reader-metadata[hidden]{display:none}.reader-metadata-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:.75rem .9rem;border-bottom:1px solid var(--line);background:#041009;color:var(--green);font:10px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}.reader-metadata-head strong{font-weight:400}.reader-metadata-head button{width:2rem;height:2rem;border:0;background:transparent;color:#6d9878;cursor:pointer;font:18px/1 ui-monospace,monospace}.reader-metadata-head button:hover,.reader-metadata-head button:focus-visible{color:var(--error);outline:none}.reader-metadata-body{padding:1rem}.reader-metadata-body p{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:.75rem;margin:0;padding:.55rem 0;border-bottom:1px solid rgba(23,61,37,.5);font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em}.reader-metadata-body strong{color:var(--green);font-weight:400}.reader-metadata-body span{min-width:0;color:#7fa38a;overflow-wrap:anywhere}
@media(max-width:900px){.reader-menubar-title{display:none}.reader-spread{display:block;padding:.65rem;background:transparent}.reader-page{height:100%;border-radius:2px}.reader-page-right{display:none!important}.reader-page-body{padding:1.25rem 1.15rem .7rem}.reader-page-footer{text-align:center!important}.reader-page-measure{padding:1.25rem 1.15rem .7rem}.reader-pagination{position:sticky;bottom:0;grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) minmax(5.5rem,auto);gap:.45rem;min-height:58px;padding:.45rem .55rem;box-shadow:0 -10px 26px rgba(0,0,0,.22)}.reader-page-step{justify-content:center;min-height:44px;padding:.6rem;font-size:10px}.reader-page-number{min-height:40px;min-width:2.6rem;font-size:10px}.reader-document-head{padding:.65rem .8rem}.reader-document-head h1{font-size:1.55rem}.reader-document-state{font-size:8px}}
@media(max-width:560px){.reader-menu-button{padding:.55rem .58rem;font-size:9px}.reader-menu-button:disabled{display:none}.reader-document-head{align-items:center}.reader-page-step span:nth-child(2){display:none}.reader-page-step:last-child span:first-child{display:none}.reader-page-step{min-width:3.1rem}.reader-page-list{justify-content:flex-start}.reader-metadata{width:calc(100% - 1rem)}.reader-metadata-body p{grid-template-columns:5.5rem minmax(0,1fr)}}
