:root{color-scheme:dark;--bg:#15101e;--ink:#f5effb;--soft:#c3b2d3;--line:#ffffff25}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#382642,transparent 65%),var(--bg);color:var(--ink);font:16px/1.6 'Segoe UI',Arial,sans-serif}body::before{content:'';position:fixed;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='320'%3E%3Ctext x='30' y='190' transform='rotate(-22 200 160)' font-family='Arial' font-size='34' fill='%23d6bfe8' opacity='.045'%3EАлексеев Е. Е.%3C/text%3E%3C/svg%3E");z-index:-1}a{color:inherit}button,.button{font:inherit;color:inherit;border:1px solid #b29bc4;background:#281e34;border-radius:24px;padding:10px 18px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#493358}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #d6aaff;outline-offset:4px}button:disabled{opacity:.35;cursor:default}.primary{background:#dfc6f2;color:#211429;border-color:#dfc6f2}.primary:hover{background:#efddff}header,main,footer{max-width:1320px;margin:auto;padding:24px 5vw}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:Georgia,serif;font-size:25px}.brand span{display:block;font:10px 'Segoe UI',sans-serif;letter-spacing:2px;color:var(--soft)}.intro{padding:42px 0 35px}.eyebrow{color:#cfb0e3;font-size:11px;letter-spacing:2px;text-transform:uppercase}h1{font:normal clamp(38px,5vw,66px)/1.1 Georgia,serif;margin:20px 0}h1 em{color:#d4aff1;font-weight:normal}.intro p:last-child{max-width:680px;color:var(--soft)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#201829dc;display:flex;flex-direction:column}.cover{padding:0;border:0;border-radius:0;width:100%;background:#eee9f0;display:block;overflow:hidden}.cover img{display:block;width:100%;height:245px;object-fit:contain;padding:14px;transition:transform .3s}.cover:hover img{transform:scale(1.035)}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card h2{font:normal 29px/1.18 Georgia,serif;margin:12px 0}.card p{font-size:14px;color:var(--soft);margin:0 0 22px}.card .eyebrow{margin:0;font-size:10px}.card-actions{margin-top:auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}.pdf-link{font-size:13px;color:#d8c4e7;text-underline-offset:5px}footer{margin-top:25px;border-top:1px solid var(--line);color:var(--soft);font-size:13px}dialog{width:calc(100% - 36px);max-width:1600px;height:calc(100dvh - 36px);max-height:none;padding:0;border:1px solid #8d769e;border-radius:16px;background:#201829;color:var(--ink)}dialog::backdrop{background:#08050de8;backdrop-filter:blur(6px)}.viewer-head{padding:15px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between}.viewer-head h2{font:normal 25px Georgia,serif;margin:0}.close{font-size:25px;padding:2px 14px}.toolbar{padding:10px 22px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#2c2037}.toolbar button,.toolbar a{font-size:13px;padding:8px 13px}.toolbar select{min-width:0;max-width:390px;flex:1;background:#15101e;color:var(--ink);padding:10px;border:1px solid #8d769e;border-radius:8px}.stage{overflow:auto;height:calc(100% - 145px);background:#b8b0bf;padding:20px;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom}.stage img{display:block;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;background:white}.stage.zoomed img{width:2400px;max-width:none;max-height:none}.status{margin:0;font-size:12px;color:var(--soft);padding:3px 22px}.no-scroll{overflow:hidden}[hidden]{display:none!important}@media(max-width:650px){header,main,footer{padding:20px}.brand{font-size:21px}.brand span{font-size:8px}header .button{font-size:12px;padding:9px 12px}.intro{padding:24px 0}.grid{grid-template-columns:1fr;gap:20px}.cover img{height:210px}.card-body{padding:22px}.card h2{font-size:27px}dialog{width:100%;height:100dvh;border-radius:0;border:0}.viewer-head{padding:12px}.viewer-head h2{font-size:21px}.toolbar{padding:8px;gap:6px}.toolbar select{flex-basis:100%;order:-1;max-width:none}.stage{height:calc(100% - 192px);padding:8px}.status{padding:3px 12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}