@font-face{font-family:Lif;src:url('letur/lif-latina.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f3f0e6;--ink:#263a42;--sea:#55747b;--line:#c9cdc3;--rose:#d9bbad;--white:#fffefa;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}body.dialog-open{overflow:hidden}[hidden]{display:none!important}a{color:inherit}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--sea);outline-offset:5px}h1,h2,p{margin-top:0}h1,h2,.brand{font-family:Lif,serif;font-weight:400}svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.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}.skip{position:fixed;top:10px;left:10px;z-index:50;background:var(--ink);color:white;padding:14px;transform:translateY(-150%)}.skip:focus{transform:none}
.library-header,.library-main{max-width:1320px;margin:auto;padding-left:clamp(22px,5vw,76px);padding-right:clamp(22px,5vw,76px)}.library-header{display:flex;align-items:center;justify-content:space-between;padding-top:32px;padding-bottom:28px}.brand{text-decoration:none;line-height:1.06;font-size:21px;letter-spacing:.02em}.project-link{text-underline-offset:5px;font-size:14px}.introduction{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:56px 0 80px}.eyebrow{font-size:11px;line-height:1.7;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--sea);margin-bottom:20px}.introduction h1{font-size:clamp(48px,6.1vw,82px);letter-spacing:-.025em;line-height:1.12;margin-bottom:24px}.introduction h1 span{color:var(--sea)}.standfirst{font-size:clamp(17px,1.6vw,21px);line-height:1.6;margin-bottom:6px}.intro-note{font-size:14px;color:var(--sea);line-height:1.6;margin-bottom:0}.intro-art{position:relative;height:370px;isolation:isolate}.intro-art:before{content:"";position:absolute;background:#dfe4dc;inset:20px 0 0 20px;border-radius:50%;z-index:-1}.intro-art img{position:absolute;object-fit:contain;background:white;width:48%;height:85%;padding:6px;box-shadow:0 6px 18px #263a4218;top:8%;left:28%;transform:rotate(-3deg)}.intro-art img:first-child{left:5%;top:14%;transform:rotate(-12deg)}.intro-art img:last-child{left:49%;top:12%;transform:rotate(11deg)}
.continue-reading{display:flex;gap:18px;align-items:center;border:1px solid var(--line);background:#e6e9df;padding:16px 22px;text-decoration:none;margin-bottom:36px;border-radius:3px}.continue-reading img{object-fit:contain;background:white}.continue-reading>span{display:grid;gap:4px;flex:1}.continue-reading small,.continue-reading #continue-page{font-size:12px;color:var(--sea)}.continue-reading strong{font-family:Lif,serif;font-size:24px;font-weight:400}.continue-reading:hover{background:#dde3d8}.notice{padding:16px;border:1px solid var(--line);line-height:1.6}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px;row-gap:46px;padding-bottom:64px}.story-card{min-width:0}.story-link{text-decoration:none;display:block}.cover{position:relative;background:#e7e6dc;padding:25px 27px;height:360px;transition:background .18s ease}.cover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 4px #263a4219);transition:transform .22s ease}.story-number{position:absolute;top:9px;left:10px;color:var(--sea);font-size:10px;letter-spacing:.08em}.story-link:hover .cover{background:#dce2d9}.story-link:hover .cover img{transform:translateY(-4px) rotate(-1deg)}.story-caption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:18px}.story-caption h2{font-size:28px;line-height:1.25;margin-bottom:0}.page-count{font-size:12px;color:var(--sea);white-space:nowrap}.story-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 0 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--sea)}.open-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%}.open-mark svg{width:19px;height:19px}.library-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding:28px 0 48px;font-size:12px;line-height:1.8;color:var(--sea)}.library-footer a{text-underline-offset:4px}
.reader{padding-bottom:calc(86px + env(safe-area-inset-bottom));min-height:100svh}.reader-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(14px,3vw,48px);min-height:76px;background:var(--paper)}.reader-header h1{font-size:28px;line-height:1.2;text-align:center;margin:0;flex:1}.back-link{display:flex;gap:8px;align-items:center;text-decoration:none;font-size:13px;min-height:44px}.reader-tools{display:flex;gap:8px}.tool-button,.zoom-button,.turn-button,.page-counter,.icon-button{display:flex;align-items:center;justify-content:center;border:0;background:transparent;gap:8px;min-height:44px;padding:8px 12px;border-radius:3px;font-size:13px}.tool-button:hover,.zoom-button:hover,.turn-button:not(:disabled):hover,.page-counter:hover,.icon-button:hover{background:#263a420c}.reading-progress{height:2px;background:#dce0d7}.reading-progress>span{display:block;height:100%;width:0;background:var(--sea);transition:width .2s ease}.reading-space{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 168px - env(safe-area-inset-bottom));padding:24px}.page-art{display:block;position:relative;border:0;padding:0;background:transparent;max-width:100%;touch-action:pan-y pinch-zoom;cursor:zoom-in;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.page-art img{display:block;max-width:100%;max-height:calc(100svh - 216px - env(safe-area-inset-bottom));width:auto;height:auto;object-fit:contain;box-shadow:0 3px 15px #263a4212;transition:opacity .12s ease}.reading-space[aria-busy=true] .page-art img{opacity:.35}.reader-status{position:absolute;top:8px;left:0;width:100%;text-align:center;font-size:12px;color:var(--sea);pointer-events:none}.page-error{text-align:center;padding:35px 16px;line-height:1.6}.page-error h2{font-size:28px}.paper-button{border:1px solid var(--sea);background:var(--white);padding:12px 20px;min-height:44px}.reader-bar{position:fixed;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--paper);border-top:1px solid var(--line);padding:12px 16px calc(12px + env(safe-area-inset-bottom));z-index:5}.turn-button{min-width:114px}.page-counter{font-variant-numeric:tabular-nums;min-width:80px}.zoom-button{border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;padding-left:24px;padding-right:24px}.story-end{max-width:560px;margin:0 auto;padding:44px 24px 56px;text-align:center}.story-end .eyebrow{margin-bottom:12px}.story-end h2{font-size:36px;margin-bottom:26px}.next-story{display:flex;gap:18px;align-items:center;text-align:left;text-decoration:none;border:1px solid var(--line);padding:16px 20px;background:#e6e9df}.next-story img{object-fit:contain;max-height:88px}.next-story>span{flex:1;display:grid;gap:6px}.next-story small{font-size:12px;color:var(--sea)}.next-story strong{font-family:Lif,serif;font-size:27px;font-weight:400}.all-link{display:inline-block;font-size:13px;margin-top:24px;text-underline-offset:5px}
dialog{color:var(--ink);border:0;background:var(--paper);padding:28px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);border-radius:4px;box-shadow:0 20px 100px #172b3350}dialog::backdrop{background:#172b33a6;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.dialog-header h2{font-size:32px;line-height:1.15;margin:0}.dialog-header .eyebrow{margin-bottom:8px}.icon-button{padding:10px;flex-shrink:0;min-width:44px}.pages-dialog{width:900px}.page-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.thumbnail-button{min-width:0;border:2px solid transparent;background:transparent;padding:6px 6px 10px;border-radius:3px}.thumbnail-button img{width:100%;height:210px;object-fit:contain;display:block;margin-bottom:10px}.thumbnail-button span{font-size:12px}.thumbnail-button[aria-current=page]{border-color:var(--sea);background:#e1e7dc}.thumbnail-button:hover{background:#e1e7dc}.zoom-dialog{padding:0;max-width:none;max-height:none;width:100%;height:100dvh;border-radius:0;background:#273236;color:#f3f0e6;overflow:hidden}.zoom-header{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 20px;height:68px;background:#273236}.zoom-header h2{font:14px system-ui,sans-serif;margin:0}.zoom-tools{display:flex;align-items:center;gap:4px;flex-shrink:0}.zoom-tools .icon-button:hover{background:#ffffff16}.zoom-tools span{font-size:12px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}.open-original{font-size:12px;margin:0 14px;text-underline-offset:4px}.zoom-frame{height:calc(100% - 68px);width:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;padding:24px}.zoom-frame img{display:block;max-width:none;height:auto;box-shadow:0 4px 20px #0004;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.zoom-status{position:absolute;left:0;top:69px;width:100%;text-align:center;padding:5px 14px;font-size:12px;background:#273236dc;pointer-events:none;z-index:1}.zoom-status:empty{display:none}.share-dialog{width:540px}.share-dialog p{font-size:14px;line-height:1.6}.share-dialog input{width:100%;padding:14px;border:1px solid var(--line);background:var(--white);font-size:14px}.no-script{padding:24px;line-height:1.7;max-width:700px;margin:auto}
@media(min-width:1500px){.cover{height:400px}}
@media(max-width:1000px){.introduction{padding-top:30px;gap:15px}.intro-art{height:290px}.story-grid{gap:32px 24px}.cover{height:300px;padding:22px}.story-caption h2{font-size:25px}.page-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.library-header{padding-top:24px;padding-bottom:14px}.brand{font-size:17px}.project-link{font-size:12px}.introduction{grid-template-columns:1fr;padding:34px 0 36px;gap:10px}.introduction h1{font-size:clamp(39px,9vw,64px);line-height:1.12;margin-bottom:18px}.introduction .eyebrow{font-size:10px;letter-spacing:.06em;margin-bottom:15px}.standfirst{font-size:17px}.intro-art{height:210px;width:280px;justify-self:center;margin-top:22px}.intro-art img{padding:3px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.cover{height:clamp(200px,42vw,310px);padding:22px 12px 14px}.story-caption{display:block;padding-top:12px}.story-caption h2{font-size:24px;margin-bottom:3px}.page-count{font-size:11px}.story-bottom{font-size:11px;gap:4px}.open-mark{width:25px;height:25px;flex-shrink:0}.library-footer{display:block}.reader-header{gap:6px;padding:9px 12px;min-height:68px}.reader-header h1{font-size:24px}.back-link{width:44px;flex-shrink:0;justify-content:center}.back-link span,.tool-button span{display:none}.tool-button{padding:8px;min-width:44px}.reader-tools{gap:0}.reading-space{padding:20px 10px;min-height:calc(100svh - 146px - env(safe-area-inset-bottom))}.page-art img{max-height:calc(100svh - 186px - env(safe-area-inset-bottom))}.reader-bar{gap:5px;padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.turn-button{min-width:74px;gap:2px;padding:8px}.turn-button span{font-size:12px}.turn-button svg{width:23px;height:23px}.page-counter{min-width:58px;font-size:12px;padding:8px}.zoom-button{padding:8px 12px}.zoom-button span{display:none}.story-end{padding-top:32px}.story-end h2{font-size:30px}dialog{padding:20px}.dialog-header{margin-bottom:20px}.dialog-header h2{font-size:28px}.page-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.thumbnail-button img{height:190px}.zoom-header{height:106px;display:block;padding:12px}.zoom-header h2{margin:0 0 8px;font-size:12px}.zoom-tools{justify-content:space-between}.zoom-frame{height:calc(100% - 106px);padding:12px}.zoom-status{top:107px}.open-original{margin:0 8px}.continue-reading{padding:14px;gap:12px;margin-bottom:28px}}
@media(max-width:360px){.story-grid{gap:26px 14px}.cover{height:190px;padding:22px 8px 10px}.story-caption h2{font-size:22px}.story-bottom{font-size:10px}.open-mark{width:22px;height:22px}.introduction .eyebrow{font-size:9px}.introduction h1{font-size:37px}.turn-button{min-width:65px}.turn-button span{font-size:11px}.reader-header h1{font-size:22px}.tool-button{min-width:40px}.thumbnail-button img{height:155px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
.action-status{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10;background:var(--ink);color:var(--paper);border-radius:3px;padding:12px 18px;font-size:13px;text-align:center;box-shadow:0 3px 15px #263a4220;max-width:calc(100% - 32px);width:max-content}.action-status:empty{display:none}