html:not([data-modo=app]){--paper:#F4EFE4;--card:#FBF7EE;--ink:#2A2620;--muted:#6B6257;--line:#DCD3C2;--libros:#714D1E;--cine:#1F5F47;--juegos:#6D457A;--r-card:0px;--r-btn:0px;--r-shot:0px;--card-border:1px solid transparent;--label-font:"Newsreader",Georgia,serif;--label-variant:small-caps;--label-spacing:.06em;--label-weight:600;--head-font:"Newsreader",Georgia,serif;--head-weight:600;--head-track:-.015em;--btn-face:#2A2620;--btn-text:#F4EFE4;--shelf-a:#D9CDB4;--shelf-b:#BFAF92;--shelf-edge:rgba(255,255,255,.55);--pile-shadow:0 -10px 24px -14px rgba(42,38,32,.45);--wash:.34;--spine:44px;scroll-behavior:smooth;--stage:var(--paper);--shot-line:var(--line);--shot-glow:0 10px 24px -14px rgba(42,38,32,.4);--board:14px;--board-gap:6px;--cap:18px;--shot-radius:calc(var(--r-card) * .8);--row:28px}html:not([data-modo=app])[data-theme=dark]{--paper:#101623;--card:#171E2E;--ink:#E8ECF4;--muted:#98A2B6;--line:#26304A;--libros:#A06F30;--cine:#338D6B;--juegos:#94669F;--r-card:10px;--r-btn:6px;--r-shot:14px;--card-border:1px solid #26304A;--label-font:"IBM Plex Mono",ui-monospace,monospace;--label-variant:normal;--label-spacing:.02em;--label-weight:500;--head-font:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--head-weight:600;--head-track:-.022em;--btn-face:#E8ECF4;--btn-text:#101623;--shelf-a:#2B354D;--shelf-b:#1A2234;--shelf-edge:rgba(255,255,255,.1);--pile-shadow:0 -18px 40px -12px rgba(0,0,0,.55);--wash:.38}html:not([data-modo=app]) *,html:not([data-modo=app]) *:before,html:not([data-modo=app]) *:after{box-sizing:border-box}html:not([data-modo=app]) body{margin:0;background:var(--paper);color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:clamp(1rem,.96rem + .28vw,1.125rem);line-height:1.58;font-weight:300;-webkit-font-smoothing:antialiased}html:not([data-modo=app]) img{max-width:100%;height:auto;display:block}html:not([data-modo=app]) main{overflow-x:clip}html:not([data-modo=app]) a{color:inherit}html:not([data-modo=app]) h1,html:not([data-modo=app]) h2,html:not([data-modo=app]) h3{font-family:var(--head-font);font-weight:var(--head-weight);letter-spacing:var(--head-track);line-height:1.07;margin:0 0 .85rem;text-wrap:balance}html:not([data-modo=app]) h1{font-size:clamp(2.2rem,1.2rem + 4.2vw,3.9rem);max-width:16ch}html:not([data-modo=app]) h2{font-size:clamp(1.55rem,1.25rem + 1.35vw,2.2rem);max-width:26ch}html:not([data-modo=app]) .label{font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.8125rem}html:not([data-modo=app]) .wrap{width:min(1080px,100%);margin-inline:auto;padding-inline:clamp(1.15rem,4.5vw,2.75rem)}html:not([data-modo=app]) .muted{color:var(--muted)}html:not([data-modo=app]) .btn{display:inline-block;padding:.78rem 1.45rem;border-radius:var(--r-btn);text-decoration:none;min-height:44px;font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.95rem;border:1px solid var(--line)}html:not([data-modo=app]) .btn-solid{background:var(--btn-face);color:var(--btn-text);border-color:var(--btn-face)}html:not([data-modo=app]) .btn-ghost{background:transparent;color:var(--ink)}html:not([data-modo=app]) .btn-sm{padding:.3rem .85rem;font-size:.8125rem;min-height:30px}html:not([data-modo=app]) .btn-sm .narrow,html:not([data-modo=app]) .btn-sm svg,html:not([data-modo=app]) .swipe{display:none}@media(max-width:699px){html:not([data-modo=app]) .btn-sm .wide{display:none}html:not([data-modo=app]) .btn-sm .narrow{display:inline}}html:not([data-modo=app]) .masthead{display:flex;align-items:center;gap:.6rem;height:var(--spine)}html:not([data-modo=app]) .brand img{width:26px;height:26px;border-radius:calc(var(--r-card) - 4px);flex:none}html:not([data-modo=app]) .brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;margin-right:auto;font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.02em}html:not([data-modo=app]) .mast-controls{display:flex;align-items:center;gap:.6rem}html:not([data-modo=app]) .langsw{font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-size:12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:6px;padding:5px 26px 5px 9px;cursor:pointer;height:30px}html:not([data-modo=app]) .langsw:hover{color:var(--ink);border-color:var(--ink)}html:not([data-modo=app]) .themesw{position:relative;display:inline-flex;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;background:transparent;cursor:pointer;line-height:0}html:not([data-modo=app]) .themesw span{position:relative;z-index:1;width:22px;text-align:center;font-size:12px;line-height:19px;color:var(--muted)}html:not([data-modo=app]) .themesw .knob{position:absolute;top:3px;left:3px;width:22px;height:19px;border-radius:999px;background:var(--line);transition:transform .16s ease}html:not([data-modo=app])[data-theme=light] .themesw .knob{transform:translate(22px)}html:not([data-modo=app])[data-theme=dark] .themesw .d,html:not([data-modo=app])[data-theme=light] .themesw .l{color:var(--ink)}html:not([data-modo=app]) .book{position:sticky;top:var(--pin,calc(var(--i) * var(--spine)));min-height:calc(100vh - var(--i) * var(--spine));background:var(--paper);border-top:1px solid var(--line);border-radius:var(--r-shot) var(--r-shot) 0 0;box-shadow:var(--pile-shadow);isolation:isolate}html:not([data-modo=app]) .book.hero{--i:0;top:0;border:0;border-radius:0;box-shadow:none;z-index:0;display:flex;flex-direction:column;padding-top:var(--spine)}html:not([data-modo=app]) .book.n1{--i:1;z-index:1}html:not([data-modo=app]) .book.n2{--i:2;z-index:2}html:not([data-modo=app]) .book.n3{--i:3;z-index:3}html:not([data-modo=app]) .book.n4{--i:4;z-index:4}html:not([data-modo=app]) .book.last{min-height:calc(100vh - var(--i) * var(--spine))}html:not([data-modo=app]) .book.last .body{padding-bottom:0}html:not([data-modo=app]) .book:not(.hero):not(.last){margin-bottom:120px}html:not([data-modo=app]) .pile{position:fixed;top:0;left:0;right:0;z-index:20;pointer-events:none}html:not([data-modo=app]) .pile>*{pointer-events:auto}html:not([data-modo=app]) .pile .masthead{background:transparent;transition:background .2s}html:not([data-modo=app]) .pile.solid .masthead{background:radial-gradient(120% 90% at 8% 0%,color-mix(in oklab,var(--libros) calc(var(--wash) * 100%),transparent) 0%,transparent 62%),radial-gradient(120% 95% at 52% 8%,color-mix(in oklab,var(--cine) calc(var(--wash) * 100%),transparent) 0%,transparent 60%),radial-gradient(125% 95% at 96% 0%,color-mix(in oklab,var(--juegos) calc(var(--wash) * 100%),transparent) 0%,transparent 64%),var(--paper)}html:not([data-modo=app]) .pile .spine{display:none;box-shadow:0 6px 16px -10px #0009}html:not([data-modo=app]) .pile .spine.on{display:flex}html:not([data-modo=app]) .slot{display:block;height:0}html:not([data-modo=app]) .spine{height:var(--spine);display:flex;align-items:center;gap:.9rem;padding-inline:clamp(1.15rem,4.5vw,2.75rem);background:var(--card);border-bottom:1px solid var(--line);border-radius:var(--r-shot) var(--r-shot) 0 0}html:not([data-modo=app]) .spine:before{content:"";width:8px;height:22px;border-radius:2px;background:var(--hue,var(--line));flex:none}html:not([data-modo=app]) .spine .label{color:var(--muted)}html:not([data-modo=app]) .spine b{font-family:var(--head-font);font-weight:var(--head-weight);font-size:.95rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html:not([data-modo=app]) .spine .n{margin-left:auto;color:var(--muted);font-family:var(--label-font);font-size:.72rem;white-space:nowrap}@media(max-width:899px){html:not([data-modo=app]) .spine .n{display:none}}html:not([data-modo=app]) .book .body{padding-block:clamp(2.5rem,5.5vw,3.75rem)}html:not([data-modo=app]) .book:not(.hero){transform:translateY(26px) rotate(-.9deg);transform-origin:8% 100%;transition:transform .8s cubic-bezier(.2,.75,.2,1)}html:not([data-modo=app]) .book.in{transform:none}@media(prefers-reduced-motion:reduce){html:not([data-modo=app]) .book:not(.hero){transform:none;transition:none}}html:not([data-modo=app]) .book.hero{position:sticky;overflow:hidden}html:not([data-modo=app]) .hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 90% at 8% 0%,var(--libros) 0%,transparent 62%),radial-gradient(120% 95% at 52% 8%,var(--cine) 0%,transparent 60%),radial-gradient(125% 95% at 96% 0%,var(--juegos) 0%,transparent 64%);opacity:var(--wash);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.26) 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 46%,rgba(0,0,0,.26) 78%,transparent 100%)}@media(max-width:699px){html:not([data-modo=app]) .hero:before{opacity:calc(var(--wash) * .62)}}html:not([data-modo=app]) .hero .body{flex:1;display:grid;align-content:center;padding-block:2rem 3.5rem}html:not([data-modo=app]) .hero-grid{display:grid;gap:2.25rem}@media(min-width:700px){html:not([data-modo=app]) .hero-grid{grid-template-columns:1.05fr .95fr;align-items:center}}html:not([data-modo=app]) .marks{list-style:none;padding:0;margin:.2rem 0 1.4rem;display:flex;gap:.5rem}html:not([data-modo=app]) .marks li{display:flex;flex-direction:column;align-items:center;gap:.45rem;width:6rem;font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.75rem;color:var(--hue)}html:not([data-modo=app]) .marks svg{width:34px;height:34px}html:not([data-modo=app]) .deck{margin:0 0 1.5rem;max-width:46ch;color:var(--muted);font-size:1.1em;line-height:1.5}html:not([data-modo=app]) .actions{display:flex;flex-wrap:wrap;gap:.65rem}html:not([data-modo=app]) .url{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;margin:1.35rem 0 0}html:not([data-modo=app]) .url a{font-family:Bricolage Grotesque,sans-serif;font-weight:600;font-size:1.05rem;text-decoration:none;border-bottom:2px solid var(--libros);padding-bottom:1px}html:not([data-modo=app]) .shelf{position:relative;padding-bottom:30px}html:not([data-modo=app]) .shelf>*{position:relative;z-index:1}html:not([data-modo=app]) .shelf:after{content:"";position:absolute;left:-5%;right:-5%;bottom:0;height:16px;border-radius:2px;background:linear-gradient(var(--shelf-a),var(--shelf-b));box-shadow:inset 0 1px 0 var(--shelf-edge),0 12px 26px -8px #0009}html:not([data-modo=app]) .pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-items:end;padding-inline:4%}html:not([data-modo=app]) .pair img{border-radius:var(--r-shot) var(--r-shot) 4px 4px;border:1px solid var(--line);box-shadow:0 22px 44px -26px #000000e6}html:not([data-modo=app]) .sectors{display:grid;gap:1.4rem;margin-top:2.25rem;padding-inline:2%}@media(min-width:700px){html:not([data-modo=app]) .sectors{grid-template-columns:repeat(3,1fr)}}html:not([data-modo=app]) .vol{--tilt:0deg;position:relative;background:var(--card);border:var(--card-border);border-radius:calc(var(--r-card) / 2.5) var(--r-card) var(--r-card) calc(var(--r-card) / 2.5);padding:1.3rem 1.3rem 1.5rem 1.9rem;min-height:250px;transform:rotate(var(--tilt));transform-origin:50% 100%;transition:transform .7s cubic-bezier(.2,.75,.2,1) var(--delay,0s);box-shadow:inset 18px 0 0 -12px var(--hue),0 16px 28px -18px #000c}html:not([data-modo=app]) .vol:before{content:"";position:absolute;left:14px;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.12),transparent)}html:not([data-modo=app]) .vol h3{font-size:1.5rem;color:var(--hue);margin:.1rem 0 .5rem}html:not([data-modo=app]) .vol p{margin:0;font-size:.95rem;line-height:1.45;color:var(--muted)}html:not([data-modo=app]) .vol .label{color:var(--muted);display:block;margin-bottom:.9rem}html:not([data-modo=app]) .book:not(.in) .vol.l{--tilt:-6deg}html:not([data-modo=app]) .book:not(.in) .vol.c{--tilt:2deg}html:not([data-modo=app]) .book:not(.in) .vol.r{--tilt:7deg}html:not([data-modo=app]) .vol.c{--delay:.08s}html:not([data-modo=app]) .vol.r{--delay:.16s}html:not([data-modo=app]) .s-libros{--hue:var(--libros)}html:not([data-modo=app]) .s-cine{--hue:var(--cine)}html:not([data-modo=app]) .s-juegos{--hue:var(--juegos)}html:not([data-modo=app]) .previews{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem;margin-top:2rem;align-items:end;padding-inline:2%}@media(min-width:520px){html:not([data-modo=app]) .previews.six{grid-template-columns:repeat(3,1fr)}html:not([data-modo=app]) .previews.eight{grid-template-columns:repeat(4,1fr)}html:not([data-modo=app]) .previews.three{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){html:not([data-modo=app]) .previews.six{grid-template-columns:repeat(6,1fr)}}html:not([data-modo=app]) .previews.eight{row-gap:2.6rem}html:not([data-modo=app]) .previews.eight.shelf:after{display:none}html:not([data-modo=app]) .previews.eight figure{position:relative;padding-bottom:0}html:not([data-modo=app]) .previews.eight figure:after{content:"";position:absolute;left:-8%;right:-8%;bottom:1.55rem;height:16px;border-radius:2px;z-index:0;background:linear-gradient(var(--shelf-a),var(--shelf-b));box-shadow:inset 0 1px 0 var(--shelf-edge),0 12px 26px -8px #0009}html:not([data-modo=app]) .wides{display:grid;gap:1.25rem;margin-top:2.25rem;align-items:end;padding-inline:2%}@media(min-width:700px){html:not([data-modo=app]) .wides{grid-template-columns:1fr 1fr}}html:not([data-modo=app]) .wides figure{margin:0;min-width:0}html:not([data-modo=app]) .wides img{border:1px solid var(--line);border-radius:var(--r-card) var(--r-card) 3px 3px;position:relative;z-index:1}html:not([data-modo=app]) .wides figcaption{margin-top:.6rem;color:var(--muted);font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.8125rem}html:not([data-modo=app]) .wides.shelf{padding-bottom:0}html:not([data-modo=app]) .wides.shelf:after{bottom:1.75rem}html:not([data-modo=app]) .previews figure{margin:0;min-width:0}html:not([data-modo=app]) .previews img{border-radius:var(--r-shot) var(--r-shot) 4px 4px;border:1px solid var(--line)}html:not([data-modo=app]) .previews figcaption{margin-top:.5rem;text-align:center;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.75rem}html:not([data-modo=app]) .previews.shelf{padding-bottom:0}html:not([data-modo=app]) .previews.shelf:after{bottom:1.55rem}html:not([data-modo=app]) .previews.shelf img{position:relative;z-index:1}html:not([data-modo=app]) .head{display:grid;gap:.75rem}@media(min-width:760px){html:not([data-modo=app]) .head{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr);gap:2.5rem;align-items:start}html:not([data-modo=app]) .head h2{margin-bottom:0}}html:not([data-modo=app]) .head p{margin:0 0 .7rem;max-width:47rem}html:not([data-modo=app]) .h2-lines{max-width:none;text-wrap:initial}html:not([data-modo=app]) .head.head-wide{display:block}html:not([data-modo=app]) .head-wide h2{margin-bottom:.9rem}html:not([data-modo=app]) .head-wide p{max-width:47rem}html:not([data-modo=app]) .sub{font-family:var(--head-font);font-weight:var(--head-weight);letter-spacing:var(--head-track);font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem);margin:2.75rem 0 .5rem}html:not([data-modo=app]) .spines{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.25rem 0;padding:0;list-style:none}html:not([data-modo=app]) .spines li{font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.8125rem;padding:.35rem .7rem;background:var(--card);border:var(--card-border);border-left:4px solid color-mix(in oklab,var(--brand) 76%,var(--ink) 24%);border-radius:calc(var(--r-card) - 6px)}html:not([data-modo=app]) .b-booktower{--brand:#7A5CA8}html:not([data-modo=app]) .b-storygraph{--brand:#00A3A3}html:not([data-modo=app]) .b-pagebound{--brand:#C2506B}html:not([data-modo=app]) .b-goodreads{--brand:#7B5B2A}html:not([data-modo=app]) .b-letterboxd{--brand:#00E054}html:not([data-modo=app]) .b-trakt{--brand:#ED1C24}html:not([data-modo=app]) .b-ign{--brand:#D82D2D}html:not([data-modo=app]) .b-backloggd{--brand:#9B6BD6}html:not([data-modo=app]) .b-steam{--brand:#66C0F4}html:not([data-modo=app]) .ways{display:grid;gap:1rem;margin-top:1.75rem}@media(min-width:700px){html:not([data-modo=app]) .ways{grid-template-columns:repeat(3,1fr)}}html:not([data-modo=app]) .way{background:var(--card);border:var(--card-border);border-radius:var(--r-card);padding:1.05rem 1.15rem 1.2rem;border-top:3px solid var(--line)}html:not([data-modo=app]) .way h3{margin:0 0 .45rem;font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:.9375rem;color:var(--ink)}html:not([data-modo=app]) .way p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.55}html:not([data-modo=app]) .ui{font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-style:normal;color:var(--ink);white-space:nowrap}html:not([data-modo=app]) .close{text-align:center;margin-top:clamp(3rem,6vw,4.5rem);padding-top:clamp(2.5rem,5vw,3.5rem);border-top:1px solid var(--line)}html:not([data-modo=app]) .close h2,html:not([data-modo=app]) .close p{margin-inline:auto}html:not([data-modo=app]) .close .actions{justify-content:center;margin-top:1.4rem}html:not([data-modo=app]) .bar{height:6px;margin-top:clamp(2.5rem,5.5vw,3.75rem);background:linear-gradient(90deg,var(--libros) 0 33.33%,var(--cine) 0 66.66%,var(--juegos) 0)}html:not([data-modo=app]) .foot{padding-block:1.75rem 2.5rem;color:var(--muted);font-size:.85rem}html:not([data-modo=app]) .foot-row{display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;justify-content:space-between;align-items:baseline}html:not([data-modo=app]) .foot a{text-decoration:none;border-bottom:1px solid var(--line);color:var(--ink)}html:not([data-modo=app]) .foot-links{display:flex;flex-wrap:wrap;gap:1.1rem}html:not([data-modo=app]) .foot .fine{margin:1.1rem 0 0;max-width:68ch;line-height:1.55}html:not([data-modo=app])[data-theme=dark]{--stage:#0A0F1B;--shot-line:#2F3B5A;--shot-glow:0 14px 34px -14px rgba(0,0,0,.95)}html:not([data-modo=app]) body,html:not([data-modo=app]) .book{background:var(--stage)}html:not([data-modo=app]) .pair img,html:not([data-modo=app]) .previews img,html:not([data-modo=app]) .wides img{border-color:var(--shot-line);box-shadow:var(--shot-glow)}html:not([data-modo=app]) .pile.solid .masthead{background:transparent}html:not([data-modo=app]) .pile.solid{background-color:var(--stage);background-repeat:no-repeat;background-position:top;background-size:100% 100vh;background-image:radial-gradient(120% 90% at 8% 0%,color-mix(in oklab,var(--libros) calc(var(--wash) * 100%),transparent) 0%,transparent 62%),radial-gradient(120% 95% at 52% 8%,color-mix(in oklab,var(--cine) calc(var(--wash) * 100%),transparent) 0%,transparent 60%),radial-gradient(125% 95% at 96% 0%,color-mix(in oklab,var(--juegos) calc(var(--wash) * 100%),transparent) 0%,transparent 64%)}html:not([data-modo=app]) .book .body{padding-block:clamp(1.25rem,3vh,2.25rem) clamp(1rem,2.5vh,2rem)}html:not([data-modo=app]) .book:not(.hero) h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem);margin-bottom:.5rem}html:not([data-modo=app]) .head{gap:.5rem 2rem}html:not([data-modo=app]) .head p{margin:0 0 .45rem;font-size:.97rem;line-height:1.5}html:not([data-modo=app]) .head-wide h2{margin-bottom:.5rem}html:not([data-modo=app]) .sectors{margin-top:1.1rem;gap:1.1rem}html:not([data-modo=app]) .vol{min-height:0;padding:.9rem 1.1rem 1rem 1.6rem}html:not([data-modo=app]) .vol h3{font-size:1.25rem;margin:.05rem 0 .3rem}html:not([data-modo=app]) .vol .label{margin-bottom:.45rem}html:not([data-modo=app]) .vol p{font-size:.9rem;line-height:1.4}html:not([data-modo=app]) .wides{margin-top:1.25rem;gap:1.1rem}html:not([data-modo=app]) .wides figure{height:clamp(150px,26vh,230px);position:relative}html:not([data-modo=app]) .wides img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:var(--r-card) var(--r-card) 3px 3px}html:not([data-modo=app]) .wides figcaption{display:none}html:not([data-modo=app]) .wides.shelf:after{bottom:-6px}html:not([data-modo=app]) .previews.eight{grid-template-columns:repeat(4,1fr);gap:1rem;row-gap:1.6rem;margin-top:1.1rem}html:not([data-modo=app]) .previews.eight figure{height:calc(clamp(160px,25vh,260px) + 1.5rem)}html:not([data-modo=app]) .previews.eight img{height:clamp(160px,25vh,260px);width:100%;object-fit:cover;object-position:top;border-radius:var(--r-card) var(--r-card) 3px 3px}html:not([data-modo=app]) .previews figcaption{font-size:.72rem;margin-top:.35rem}html:not([data-modo=app]) .book.n4 .head p{font-size:.93rem}html:not([data-modo=app]) .ways{margin-top:.8rem}html:not([data-modo=app]) .close{margin-top:.9rem;padding-top:.9rem}html:not([data-modo=app]) .close .actions{margin-top:.7rem}html:not([data-modo=app]) .bar{margin-top:.8rem}html:not([data-modo=app]) .foot{padding-block:.6rem .8rem}html:not([data-modo=app]) .foot .fine{display:none}html:not([data-modo=app]) .split{display:grid;gap:1.5rem;align-items:center}@media(min-width:760px){html:not([data-modo=app]) .split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.5rem}}html:not([data-modo=app]) .split h2{max-width:none}html:not([data-modo=app]) .split p{margin:0 0 .6rem;font-size:.95rem;line-height:1.5}html:not([data-modo=app]) .split .spines{margin:.75rem 0 0}html:not([data-modo=app]) .previews.three{margin-top:0;gap:.75rem;padding-inline:0}html:not([data-modo=app]) .previews.three.shelf{padding-bottom:0}html:not([data-modo=app]) .previews.three.shelf:after{bottom:1.35rem;left:-4%;right:-4%}html:not([data-modo=app]) .ways{gap:.8rem}html:not([data-modo=app]) .way{padding:.8rem .95rem .9rem}html:not([data-modo=app]) .way p{font-size:.88rem;line-height:1.45}html:not([data-modo=app]) .close h2{font-size:clamp(1.4rem,1.1rem + 1.2vw,1.9rem)}html:not([data-modo=app]) .close p{font-size:.95rem}html:not([data-modo=app]) .foot{font-size:.8rem}html:not([data-modo=app]) .book{display:flex;flex-direction:column;height:calc(100vh - var(--i) * var(--spine))}html:not([data-modo=app]) .book .body{flex:1;display:flex;flex-direction:column;min-height:0;padding-block:clamp(1.25rem,3vh,2.25rem);gap:clamp(.9rem,2.2vh,1.6rem)}html:not([data-modo=app]) .book .body>*{margin-top:0!important;margin-bottom:0!important}html:not([data-modo=app]) .book:not(.hero) .head{flex:none}html:not([data-modo=app]) .wides{flex:1;min-height:150px;gap:1.25rem;grid-template-rows:minmax(0,1fr)}html:not([data-modo=app]) .wides figure{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}html:not([data-modo=app]) .wides img{flex:1;min-height:0;height:auto;max-height:100%}html:not([data-modo=app]) .wides.shelf{padding-bottom:6px}html:not([data-modo=app]) .previews.eight{flex:1;min-height:0;grid-template-rows:minmax(0,1fr) minmax(0,1fr);row-gap:1.4rem}html:not([data-modo=app]) .previews.eight figure{height:100%;min-height:0;display:flex;flex-direction:column;overflow:visible}html:not([data-modo=app]) .previews.eight img{flex:1;min-height:0;height:auto;max-height:100%}html:not([data-modo=app]) .previews.eight figcaption{flex:none}html:not([data-modo=app]) .previews.eight figure:after{bottom:1.2rem}html:not([data-modo=app]) .split{flex:1;min-height:0;align-items:center}html:not([data-modo=app]) .previews.three{align-self:center;max-height:100%}html:not([data-modo=app]) .book.n4 .body{justify-content:space-evenly}html:not([data-modo=app]) .book.n4 .close{margin-top:0!important}html:not([data-modo=app]) .book.n4 .bar,html:not([data-modo=app]) .book.n4 .foot{flex:none}html:not([data-modo=app]) .book.n4 .body{gap:.45rem;padding-block:clamp(.6rem,1.6vh,1.2rem)}html:not([data-modo=app]) .book.n4 .head p{line-height:1.42;margin-bottom:.3rem}html:not([data-modo=app]) .book.n4 .way{padding:.65rem .9rem .75rem}html:not([data-modo=app]) .book.n4 .close{padding-top:.7rem}html:not([data-modo=app]) .book.n4 .close h2{font-size:clamp(1.25rem,1rem + 1vw,1.6rem);margin-bottom:.3rem}html:not([data-modo=app]) .book.n4 .close .actions{margin-top:.5rem}html:not([data-modo=app]) .book.n4 .close .btn{padding:.6rem 1.2rem;min-height:40px}html:not([data-modo=app]) .book.n4 .foot{padding-block:.45rem .55rem}html:not([data-modo=app]) .book.n4 .bar{margin-top:.5rem}html:not([data-modo=app]) .book.hero .body{justify-content:center}html:not([data-modo=app]) .totop{position:fixed;right:clamp(1rem,2.5vw,2rem);bottom:clamp(1rem,2.5vw,2rem);z-index:30;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer;padding:0;box-shadow:0 10px 24px -10px #000000b3;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}html:not([data-modo=app]) .totop.on{opacity:1;transform:none;pointer-events:auto}html:not([data-modo=app]) .totop:hover{border-color:var(--muted)}html:not([data-modo=app]) .totop svg{width:18px;height:18px}html:not([data-modo=app]) .book .wides img,html:not([data-modo=app]) .book .previews img{width:100%;height:auto;flex:1;min-height:0;max-height:none;object-fit:contain;object-position:bottom center}html:not([data-modo=app]) .wides figure{overflow:visible}html:not([data-modo=app]) .wides img{border:0;box-shadow:none;border-radius:0}html:not([data-modo=app]) .wides figure{position:relative}html:not([data-modo=app]) .previews.eight{display:flex;gap:.75rem;width:calc(100vw - 3rem);margin-left:calc(50% - 50vw + 1.5rem);align-self:flex-start;flex:none;padding-inline:0}html:not([data-modo=app]) .book .previews.eight img{aspect-ratio:375/812;flex:none;height:auto}html:not([data-modo=app]) .book.n2 .body{justify-content:space-evenly}html:not([data-modo=app]) .previews.eight figure{flex:1;min-width:0}html:not([data-modo=app]) .previews.eight figure:after{left:-6%;right:-6%}html:not([data-modo=app]) .previews.eight img{border:0;box-shadow:none;border-radius:0}html:not([data-modo=app]) .previews figcaption{font-size:.7rem}html:not([data-modo=app]) .row3{flex:1;min-height:0;display:grid;gap:2rem;align-items:stretch}@media(min-width:760px){html:not([data-modo=app]) .row3{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}html:not([data-modo=app]) .previews.three{display:flex;gap:1rem;height:100%;min-height:0;margin:0;padding-inline:2%}html:not([data-modo=app]) .previews.three figure{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}html:not([data-modo=app]) .previews.three img{flex:1;min-height:0;height:auto;border:0;box-shadow:none;border-radius:0}html:not([data-modo=app]) .previews.three.shelf:after{bottom:1.35rem}html:not([data-modo=app]) .accounts{display:flex;flex-direction:column;justify-content:center;gap:.7rem;background:var(--card);border:var(--card-border);border-radius:var(--r-card);padding:1.25rem 1.35rem}html:not([data-modo=app]) .accounts h3{font-size:1.2rem;margin:0}html:not([data-modo=app]) .accounts p{margin:0;font-size:.93rem;line-height:1.5;color:var(--muted)}html:not([data-modo=app]) .accounts .spines{margin:.2rem 0}html:not([data-modo=app]) .accounts .import{font-size:.85rem}html:not([data-modo=app]) .book.n1 .body{justify-content:center;gap:clamp(1rem,2.6vh,1.75rem)}html:not([data-modo=app]) .book.n1 .wides{flex:none;min-height:0;height:clamp(180px,36vh,600px);grid-template-rows:100%}html:not([data-modo=app]) .book.n1 .wides figure{height:100%;align-items:center}html:not([data-modo=app]) .book .wides img{flex:none;height:100%;width:auto;max-width:100%}html:not([data-modo=app]) .book.n2 .body{justify-content:flex-start;gap:clamp(.9rem,2.2vh,1.5rem)}html:not([data-modo=app]) .book.n2 .previews.eight{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:1rem;row-gap:1.5rem;flex:1;min-height:0;width:auto;margin-left:0;align-self:stretch;padding-inline:2%}html:not([data-modo=app]) .book.n2 .previews.eight figure{height:100%}html:not([data-modo=app]) .book .previews.eight img{aspect-ratio:auto;flex:1;min-height:0;height:auto}html:not([data-modo=app]) .book.n2 .previews.eight figure:after{display:block;left:-7%;right:-7%;bottom:calc(var(--cap) + var(--board-gap));height:var(--board)}html:not([data-modo=app]) .book.n2 .previews.eight.shelf:after{display:none}html:not([data-modo=app]) .book.n3 .head-wide p{max-width:47rem}html:not([data-modo=app]) .book.n3 .row3{margin-top:.6rem!important;grid-template-rows:minmax(0,1fr)}html:not([data-modo=app]) .book.n3 .previews.three{align-items:stretch}html:not([data-modo=app]) .book.n3 .previews.three figure{height:100%}html:not([data-modo=app]) .book.n3 .accounts{align-self:center;justify-content:flex-start;gap:.6rem;padding:1.1rem 1.25rem 1.2rem}html:not([data-modo=app]) .book.n3 .head-wide h2{margin-bottom:.35rem}html:not([data-modo=app]) .book.n3 .col3{display:flex;flex-direction:column;min-height:0;gap:.9rem}html:not([data-modo=app]) .book.n3 .col3 p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink)}html:not([data-modo=app]) .book.n3 .col3 .previews.three{flex:1;min-height:0;height:auto}html:not([data-modo=app]) .book.n3 .row3{margin-top:.4rem!important;gap:2.25rem;align-items:stretch}html:not([data-modo=app]) .book.n3 .col3{height:100%}html:not([data-modo=app]) .book.n3 .accounts{gap:.7rem;padding:1.25rem 1.35rem 1.35rem}html:not([data-modo=app]) .kofi-hero{margin:.9rem 0 0}html:not([data-modo=app]) .kofi-hero a{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-family:Bricolage Grotesque,Helvetica Neue,Arial,sans-serif;font-weight:600;font-size:.875rem;padding:.5rem .95rem .5rem .8rem;border-radius:var(--r-btn);border:1px solid color-mix(in oklab,var(--libros) 55%,var(--line) 45%);background:color-mix(in oklab,var(--libros) 12%,transparent);color:var(--ink)}html:not([data-modo=app]) .kofi-hero a:hover{background:color-mix(in oklab,var(--libros) 20%,transparent)}html:not([data-modo=app]) .kofi-hero svg{width:17px;height:17px;flex:none;color:var(--libros)}html:not([data-modo=app]) .btn-kofi{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);border-color:color-mix(in oklab,var(--libros) 55%,var(--line) 45%);background:color-mix(in oklab,var(--libros) 12%,transparent)}html:not([data-modo=app]) .btn-kofi:hover{background:color-mix(in oklab,var(--libros) 20%,transparent)}html:not([data-modo=app]) .btn-kofi svg{width:17px;height:17px;color:var(--libros)}html:not([data-modo=app]) .themes-note{margin:0;text-align:center;color:var(--muted);font-size:.9rem;max-width:62ch;margin-inline:auto;line-height:1.45}html:not([data-modo=app]) .themes-note b{color:var(--ink);font-weight:600;font-family:var(--head-font)}html:not([data-modo=app]) .book.hero .body{gap:clamp(1.25rem,3.5vh,2.5rem)}html:not([data-modo=app]) .book.n3 .body{justify-content:center;gap:.5rem}html:not([data-modo=app]) .book.n3 .head-wide h2{margin-bottom:0}html:not([data-modo=app]) .book.n3 .row3{margin-top:.35rem!important;flex:0 1 auto;height:clamp(300px,52vh,560px)}html:not([data-modo=app]) .book.n3 .col3{gap:.7rem}html:not([data-modo=app]) .book .shelf{padding-bottom:var(--board)}html:not([data-modo=app]) .book .shelf:after{left:-3%;right:-3%;bottom:0;height:var(--board);border-radius:2px}html:not([data-modo=app]) .book .previews.shelf{padding-bottom:0}html:not([data-modo=app]) .book .previews.shelf:after{bottom:calc(var(--cap) + var(--board-gap))}html:not([data-modo=app]) .book .previews figcaption{height:var(--cap);line-height:var(--cap);margin-top:calc(var(--board) + var(--board-gap));flex:none}html:not([data-modo=app]) .book .previews.eight figure:after{left:-7%;right:-7%;bottom:calc(var(--cap) + var(--board-gap));height:var(--board);border-radius:2px}html:not([data-modo=app]) .book .wides.shelf{padding-bottom:var(--board)}html:not([data-modo=app]) .book .wides.shelf:after{bottom:0}html:not([data-modo=app]) .book .pair.shelf,html:not([data-modo=app]) .book .sectors.shelf{padding-bottom:var(--board)}html:not([data-modo=app]) .themes-note{margin-top:auto!important;padding-top:.5rem}html:not([data-modo=app])[data-theme=dark]{--stage:#070B14;--shot-line:#2A3552}html:not([data-modo=app]):not([data-theme=dark]){--stage:#E9E1CF;--shot-line:#CFC4AC;--shot-glow:0 12px 26px -14px rgba(42,38,32,.5);--shelf-a:#CDBF9F;--shelf-b:#AE9B76}html:not([data-modo=app]):not([data-theme=dark]) .pile .spine,html:not([data-modo=app]):not([data-theme=dark]) .spine{background:#f4efe4}html:not([data-modo=app]):not([data-theme=dark]) .vol,html:not([data-modo=app]):not([data-theme=dark]) .accounts,html:not([data-modo=app]):not([data-theme=dark]) .way{background:#fbf7ee}html:not([data-modo=app]) .book.in .vol.l{--tilt:-2deg}html:not([data-modo=app]) .book.in .vol.c{--tilt:.6deg}html:not([data-modo=app]) .book.in .vol.r{--tilt:2.2deg}html:not([data-modo=app]) .book.n1 .wides{height:clamp(200px,40vh,640px)}html:not([data-modo=app]) .book.n1 .body{gap:clamp(.8rem,2vh,1.4rem)}html:not([data-modo=app]) .book .wides img{border:1px solid var(--shot-line);border-bottom:0;border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shot-glow);-webkit-mask-image:linear-gradient(#000 82%,rgba(0,0,0,.55) 94%,rgba(0,0,0,.25));mask-image:linear-gradient(#000 82%,#0000008c 94%,#00000040)}html:not([data-modo=app]) .pile .btn-sm{background:var(--btn-face);color:var(--btn-text);border-color:var(--btn-face);font-weight:700}html:not([data-modo=app]) .pile .btn-sm:hover{opacity:.88}html:not([data-modo=app]) .pile .themesw{border-color:color-mix(in oklab,var(--ink) 45%,var(--line));background:color-mix(in oklab,var(--card) 70%,transparent)}html:not([data-modo=app]) .pile .themesw .knob{background:color-mix(in oklab,var(--ink) 22%,var(--line))}html:not([data-modo=app]) .book .wides img{-webkit-mask-image:none;mask-image:none;border-bottom:1px solid var(--shot-line);border-radius:var(--r-card) var(--r-card) 3px 3px}html:not([data-modo=app]) .book.n3 .head{grid-template-columns:minmax(0,.82fr) minmax(0,1.3fr)}html:not([data-modo=app]) .book.n3 .head h2{margin-bottom:0}html:not([data-modo=app]) .book.n3 .row3{margin-top:.5rem!important}html:not([data-modo=app]) .book.n3 .head,html:not([data-modo=app]) .book.n4 .head{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)}html:not([data-modo=app]) .book.n3 .head h2,html:not([data-modo=app]) .book.n4 .head h2{font-size:clamp(1.3rem,1rem + 1.05vw,1.7rem)}html:not([data-modo=app]) .book .pair img,html:not([data-modo=app]) .book .previews img,html:not([data-modo=app]) .book .wides img{border:1px solid var(--shot-line);border-radius:var(--shot-radius);box-shadow:var(--shot-glow)}html:not([data-modo=app]):not([data-theme=dark]){--shot-line:#B9AD93}html:not([data-modo=app]) .book .previews img{aspect-ratio:375/812;width:auto;height:auto;max-height:100%;max-width:100%;flex:0 1 auto;min-height:0;align-self:center;object-fit:fill;margin-top:auto}html:not([data-modo=app]) .book .wides img{aspect-ratio:1280/1000;width:auto;height:auto;max-height:100%;max-width:100%;flex:0 1 auto;min-height:0;align-self:center;object-fit:fill;margin-top:auto}html:not([data-modo=app]) .book .previews figure,html:not([data-modo=app]) .book .wides figure{display:flex;flex-direction:column;align-items:center;min-height:0}html:not([data-modo=app]) .pile .spine{height:var(--row);gap:.7rem;font-size:.8rem}html:not([data-modo=app]) .pile .spine:before{height:16px;width:6px}html:not([data-modo=app]) .pile .spine b{font-size:.85rem}html:not([data-modo=app]) .pile .spine .n{display:none}html:not([data-modo=app]) .pile .btn-sm{opacity:0;pointer-events:none;transition:opacity .2s}html:not([data-modo=app]) .pile.solid .btn-sm{opacity:1;pointer-events:auto}html:not([data-modo=app]) .book.hero .btn{min-height:48px;padding:.7rem 1.35rem}html:not([data-modo=app]) .kofi-hero{margin:.8rem 0 0}html:not([data-modo=app]):not([data-theme=dark]){--muted:#5E564B}html:not([data-modo=app]) .label,html:not([data-modo=app]) .spine .label,html:not([data-modo=app]) .spine .n,html:not([data-modo=app]) .previews figcaption,html:not([data-modo=app]) .wides figcaption,html:not([data-modo=app]) .marks span,html:not([data-modo=app]) .url .label,html:not([data-modo=app]) .vol .label{font-size:12px}html:not([data-modo=app]) .book .previews figcaption{font-size:12px}html:not([data-modo=app]) :focus-visible{outline:2px solid var(--cine);outline-offset:3px}html:not([data-modo=app]) .previews.eight figure{cursor:zoom-in;border-radius:6px}html:not([data-modo=app]) .zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:color-mix(in oklab,var(--stage) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:2rem}html:not([data-modo=app]) .zoom[hidden]{display:none}html:not([data-modo=app]) .zoom figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.7rem;max-height:100%}html:not([data-modo=app]) .zoom img{max-height:calc(100vh - 6rem);max-width:min(92vw,520px);width:auto;height:auto;border:1px solid var(--shot-line);border-radius:var(--shot-radius);box-shadow:0 30px 60px -20px #000c}html:not([data-modo=app]) .zoom figcaption{font-family:var(--label-font);font-variant:var(--label-variant);letter-spacing:var(--label-spacing);font-weight:var(--label-weight);font-size:12px;color:var(--ink)}html:not([data-modo=app]) .zoom-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:22px;line-height:1;cursor:pointer}html:not([data-modo=app]) .book{height:calc(100vh - var(--pile,0px));min-height:0}@media(max-width:699px){html:not([data-modo=app]) .book{height:auto}}html:not([data-modo=app]) .peek{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .18s}html:not([data-modo=app]) .peek.on{opacity:1}html:not([data-modo=app]) .peek img{max-height:calc(100vh - 5rem);max-width:min(88vw,460px);width:auto;height:auto;border:1px solid var(--shot-line);border-radius:var(--shot-radius);box-shadow:0 34px 70px -20px #000000d9,0 0 0 8px color-mix(in oklab,var(--stage) 70%,transparent)}@media(prefers-reduced-motion:reduce){html:not([data-modo=app]) .peek{transition:none}}@media(hover:none),(max-width:699px){html:not([data-modo=app]) .peek{display:none}}html:not([data-modo=app]) .url{flex-direction:column;align-items:flex-start;gap:.3rem}html:not([data-modo=app]) .book,html:not([data-modo=app]) .spine,html:not([data-modo=app]) .pile .spine{border-radius:0}html:not([data-modo=app]) .pile .spine{box-shadow:none;border-bottom:1px solid var(--line)}html:not([data-modo=app]) .pile{box-shadow:0 8px 18px -12px #0009}html:not([data-modo=app]) .pile:not(.solid){box-shadow:none}html:not([data-modo=app]) .book .spine{align-items:flex-start;gap:.7rem;font-size:.8rem}html:not([data-modo=app]) .book .spine>*{height:var(--row);display:flex;align-items:center}html:not([data-modo=app]) .book .spine:before{height:16px;width:6px;margin-top:6px}html:not([data-modo=app]) .book .spine b{font-size:.85rem}html:not([data-modo=app]) .book .spine .n{display:none}html:not([data-modo=app]) .pile .spine{align-items:flex-start}html:not([data-modo=app]) .pile .spine>*{height:var(--row);display:flex;align-items:center}html:not([data-modo=app]) .pile .spine:before{margin-top:6px}html:not([data-modo=app]) .pile .spine{padding-top:1px}html:not([data-modo=app]) .book:not(.hero):not(.last){margin-bottom:0}html:not([data-modo=app]) .book:not(.hero)+.slot{height:120px}html:not([data-modo=app]) main{overflow:clip}@media(max-width:699px){html:not([data-modo=app]) .book,html:not([data-modo=app]) .book.hero{position:static;height:auto;min-height:0;overflow:visible;box-shadow:none}html:not([data-modo=app]) .book.hero{min-height:100svh}html:not([data-modo=app]) .book:not(.hero)+.slot{height:0}html:not([data-modo=app]) .book:not(.hero){transform:none;transition:none}html:not([data-modo=app]) .book .body{padding-block:1.6rem 2rem;gap:1.25rem}html:not([data-modo=app]) .langsw{padding:5px 20px 5px 7px}html:not([data-modo=app]) .pile .btn-sm{opacity:1;pointer-events:auto;background:transparent;color:var(--muted);border-color:var(--line);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:.3rem;padding:5px 9px;transition:none;order:-1}html:not([data-modo=app]) .pile .btn-sm svg{display:block;width:12px;height:12px}html:not([data-modo=app]) .hero-grid{gap:1.75rem}html:not([data-modo=app]) .book.hero .body{padding-top:2.5rem}html:not([data-modo=app]) .pair{grid-template-columns:1fr 1fr;padding-inline:5%}html:not([data-modo=app]) .themes-note{margin-top:.25rem!important;font-size:.85rem}html:not([data-modo=app]) h1{font-size:2.4rem}html:not([data-modo=app]) .marks li{width:5rem}html:not([data-modo=app]) .marks svg{width:28px;height:28px}html:not([data-modo=app]) .book.n2 .previews.eight,html:not([data-modo=app]) .book.n3 .previews.three{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;width:auto;margin:0 calc(-1*clamp(1.15rem,4.5vw,2.75rem));padding:0 clamp(1.15rem,4.5vw,2.75rem) 4px;scrollbar-width:none;height:auto;flex:none;align-items:flex-end}html:not([data-modo=app]) .book.n2 .previews.eight::-webkit-scrollbar,html:not([data-modo=app]) .book.n3 .previews.three::-webkit-scrollbar{display:none}html:not([data-modo=app]) .book.n2 .previews.eight figure,html:not([data-modo=app]) .book.n3 .previews.three figure{flex:0 0 42vw;scroll-snap-align:start;height:auto;min-height:0;position:relative;padding-bottom:0}html:not([data-modo=app]) .book.n2 .previews.eight:not(.end),html:not([data-modo=app]) .book.n3 .previews.three:not(.end){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 3.5rem),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 3.5rem),transparent)}html:not([data-modo=app]) .swipe{display:block;margin:.6rem 0 0;text-align:right}html:not([data-modo=app]) .book .previews img{width:100%;height:auto;max-height:none;max-width:100%;aspect-ratio:375/812;flex:none;margin:0}html:not([data-modo=app]) .book.n2 .previews.eight figure:after,html:not([data-modo=app]) .book.n3 .previews.three figure:after{content:"";position:absolute;left:-8%;right:-8%;bottom:calc(var(--cap) + var(--board-gap));height:var(--board);border-radius:2px;z-index:0;background:linear-gradient(var(--shelf-a),var(--shelf-b));box-shadow:inset 0 1px 0 var(--shelf-edge),0 12px 26px -8px #0009}html:not([data-modo=app]) .book.n2 .previews.eight.shelf:after,html:not([data-modo=app]) .book.n3 .previews.three.shelf:after{display:none}html:not([data-modo=app]) .previews figcaption{white-space:normal;overflow:visible;text-overflow:clip;height:auto;line-height:1.25}html:not([data-modo=app]) .previews.eight figure{cursor:default}html:not([data-modo=app]) .sectors{grid-template-columns:1fr;gap:1rem}html:not([data-modo=app]) .vol{min-height:0;transform:none!important}html:not([data-modo=app]) .book.n1 .wides{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:1.5rem;min-height:0}html:not([data-modo=app]) .book .wides figure{height:auto;min-height:0}html:not([data-modo=app]) .book .wides img{width:100%;height:auto;max-height:none;aspect-ratio:1280/1000;flex:none}html:not([data-modo=app]) .wides figcaption{display:block;margin-top:calc(var(--board) + var(--board-gap));height:var(--cap);line-height:var(--cap);font-size:12px;text-align:center}html:not([data-modo=app]) .wides.shelf{padding-bottom:0}html:not([data-modo=app]) .wides figure{position:relative;padding-bottom:0}html:not([data-modo=app]) .wides figure:after{content:"";position:absolute;left:-4%;right:-4%;bottom:calc(var(--cap) + var(--board-gap));height:var(--board);border-radius:2px;z-index:0;background:linear-gradient(var(--shelf-a),var(--shelf-b));box-shadow:inset 0 1px 0 var(--shelf-edge),0 12px 26px -8px #0009}html:not([data-modo=app]) .wides.shelf:after{display:none}html:not([data-modo=app]) .book.n3 .row3{display:block;height:auto;margin-top:0!important}html:not([data-modo=app]) .book.n3 .col3{height:auto;display:block}html:not([data-modo=app]) .book.n3 .accounts{margin-top:1.5rem;align-self:auto}html:not([data-modo=app]) .book.n3 .head,html:not([data-modo=app]) .book.n4 .head{grid-template-columns:1fr}html:not([data-modo=app]) .book.n4 .head h2{font-size:clamp(1.5rem,1.25rem + 1.35vw,2.2rem)}html:not([data-modo=app]) .ways{grid-template-columns:1fr}html:not([data-modo=app]) .book.n4 .body{justify-content:flex-start}html:not([data-modo=app]) .close .actions{flex-direction:column;align-items:stretch}html:not([data-modo=app]) .close .actions .btn{justify-content:center}}