:root{--collection-shelf-wood: #D4A46B;--collection-shelf-wood-light: #EBC58F;--collection-shelf-wood-dark: #A96F3D;--collection-shelf-back: #C3CCAE;--collection-shelf-back-deep: #AFBB98;--collection-shelf-light: #FFF1B8;--contact: 0 1px 1px rgba(31,58,95,.2);--lift: 0 10px 14px -8px rgba(176,122,79,.42);--lift-lg: 0 22px 28px -16px rgba(31,58,95,.28);--hand: var(--font-hand)}html:has(.collection-reader-shell),body:has(.collection-reader-shell){height:100%;overflow:hidden;background:var(--desk)}.collection-reader-shell{position:relative;height:100dvh;overflow:hidden;color:var(--ink);font-family:var(--hand);background:var(--desk)}.collection-reader-shell>:not(.contributions-observer){position:relative;z-index:1}.collection-reader-shell :is(h1,h2,h3,h4){font-family:var(--hand);font-weight:400}.desk-tab{position:absolute;top:0;left:clamp(1rem,3vw,2.5rem);z-index:30;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem .6rem;min-height:44px;max-width:42vw;color:var(--ink);background:var(--paper);border-radius:0 0 4px 4px;box-shadow:var(--contact),var(--lift);font-size:1rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:rotate(-.6deg);transition:transform .16s ease}.desk-tab:hover{transform:rotate(0) translateY(2px)}.desk-mark{position:absolute;top:.8rem;right:clamp(1rem,3vw,2.5rem);z-index:30;height:1.5rem;width:auto;opacity:.38}.collection-reader-layout{display:grid;grid-template-columns:minmax(220px,268px) minmax(0,1fr) minmax(210px,250px);gap:clamp(.9rem,2vw,2rem);height:100dvh;max-width:1720px;margin:0 auto;padding:2.6rem clamp(1rem,3vw,2.5rem) clamp(.9rem,2vw,1.6rem);align-items:stretch}.feedback-panel,.collection-shelf-panel,.collection-book-stage{display:flex;flex-direction:column;min-height:0;min-width:0}.collection-book-stage-header{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin-bottom:.6rem}.collection-book-stage-header h2{flex:1 1 100%;min-width:0}.collection-book-stage-header h2{font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.1;font-weight:400;color:var(--ink);transform:rotate(-.7deg)}.collection-page-count{flex:0 0 auto;padding:.18rem .5rem .26rem;color:var(--ink);background:var(--paper);border-radius:0 0 3px 6px;box-shadow:var(--contact),0 6px 8px -7px #b07a4f80;font-family:var(--font-sans);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.02em;transform:rotate(1.2deg)}.collection-stage-actions{display:flex;align-items:center;gap:.5rem;flex:1 1 100%;flex-wrap:wrap}.desk-action{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem .34rem;border:0;color:var(--ink);background:var(--paper);box-shadow:var(--contact),0 6px 8px -7px #b07a4f80;font-family:var(--font-sans);font-size:.82rem;font-weight:600;line-height:1.1;transform:rotate(-.8deg);transition:transform .16s ease,background .16s ease,box-shadow .16s ease;min-height:44px}.desk-action:hover,.desk-action[aria-pressed=true]{background:#fff;transform:rotate(0) translateY(-1px);box-shadow:var(--contact),0 8px 12px -8px #b07a4f99}:is(.desk-tab,.desk-action,.collection-nav-button,.collection-book-choice):focus-visible{outline:3px solid var(--ink);outline-offset:3px}.desk-action .action-count{opacity:.62;font-size:.78rem}.desk-action .action-short,.mobile-feedback-tools,.landscape-reader-hint{display:none}.collection-nav-button{min-width:44px;min-height:44px}.collection-book-frame{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,1.2vw,1rem) clamp(2.6rem,3.4vw,3.4rem)}.collection-book-frame:after{content:"";position:absolute;z-index:0;left:50%;bottom:clamp(.9rem,2vw,1.8rem);width:min(72%,46rem);height:2.2rem;transform:translate(-50%);background:radial-gradient(50% 100% at 50% 50%,#1f3a5f42,#1f3a5f00 72%);filter:blur(6px);pointer-events:none}.is-feedback-active .collection-book-frame{outline:2px dashed rgba(31,58,95,.28);outline-offset:.5rem}.collection-book-edge{position:absolute;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease,width .28s ease;border-radius:1px;background-color:#f3ecdf;background-image:repeating-linear-gradient(180deg,#78623c21 0 .5px,#fff0 .5px 3px)}.collection-book-edge.is-visible{opacity:1}.collection-book-edge--left{background-image:repeating-linear-gradient(180deg,#78623c21 0 .5px,#fff0 .5px 3px),linear-gradient(to left,#604c2c4d,#7864401a 45%,#ffffff80);box-shadow:-1px 1px 2px #b07a4f4d}.collection-book-edge--right{background-image:repeating-linear-gradient(180deg,#78623c21 0 .5px,#fff0 .5px 3px),linear-gradient(to right,#604c2c4d,#7864401a 45%,#ffffff80);box-shadow:1px 1px 2px #b07a4f4d}@media(prefers-reduced-motion:reduce){.collection-book-edge{transition:none}}#collection-flipbook{position:relative;z-index:2;isolation:isolate;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 1px rgba(31,58,95,.3)) drop-shadow(0 5px 6px rgba(176,122,79,.34)) drop-shadow(0 24px 30px rgba(31,58,95,.22))}.collection-book-frame.is-book-in-transit #collection-flipbook{opacity:0!important}#collection-flipbook.has-open-spread:after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:50%;width:28px;margin-left:-14px;background:linear-gradient(90deg,#0000,#1f3a5f29 40%,#1f3a5f42,#1f3a5f29 60%,#0000);pointer-events:none}#collection-loading{position:absolute;inset:0;z-index:5;display:grid;place-items:center;color:var(--ink);background:#f7f1e8db;transition:opacity .25s ease}#collection-loading[hidden]{display:none}.reader-message{max-width:22rem;padding:0 1rem;text-align:center;font-size:1.05rem;line-height:1.35}.collection-loading-dot{width:38px;height:38px;border:3px solid rgba(31,58,95,.18);border-top-color:var(--ink);border-radius:50%;animation:collection-spin .75s linear infinite}@keyframes collection-spin{to{transform:rotate(360deg)}}.collection-nav-button{position:absolute;top:50%;z-index:12;display:grid;place-items:center;width:2.4rem;height:2.4rem;transform:translateY(-50%);color:var(--ink);background:var(--paper);border:0;border-radius:2px;box-shadow:0 2px #1f3a5f38,0 10px 14px -8px #b07a4f80;font-size:1.2rem;line-height:1;transition:transform .16s ease,background .16s ease}.collection-nav-button:hover{background:#fff}.collection-nav-button:active{transform:translateY(-50%) translateY(2px);box-shadow:0 6px 10px -6px #140e068c}.collection-nav-button:disabled{opacity:.35;cursor:not-allowed}.collection-shelf-panel{position:relative;isolation:isolate;overflow:hidden;padding:2.2rem .65rem .9rem;border:.65rem solid var(--collection-shelf-wood);border-top-width:.8rem;border-top-color:var(--collection-shelf-wood-light);border-bottom-width:1rem;border-radius:1rem 1rem .42rem .42rem;background:radial-gradient(ellipse at 50% 0,rgba(255,241,184,.55),transparent 52%),linear-gradient(180deg,var(--collection-shelf-back),#D2DBC3 72%,var(--collection-shelf-back-deep));box-shadow:inset .28rem 0 .48rem #54361b33,inset -.28rem 0 .48rem #54361b33,inset 0 .25rem .35rem #ffffff38,0 1rem 1.7rem -1.05rem #3d2b1994}.collection-shelf-panel:before{content:"";position:absolute;z-index:2;top:.35rem;right:.2rem;left:.2rem;height:1.4rem;border-top:1px solid rgba(91,76,43,.34);background:radial-gradient(circle at 50% .45rem,#FFFBEA 0 2px,var(--collection-shelf-light) 3px,rgba(246,203,104,.4) 6px,transparent 13px) 0 0 / 2.55rem 1.4rem repeat-x;pointer-events:none}.collection-shelf-panel>*{position:relative;z-index:1}.collection-shelf-heading{display:flex;flex-direction:column;gap:.1rem;margin:0 -.12rem .45rem;padding:.5rem .55rem .58rem;border:1px solid rgba(116,84,42,.16);border-radius:.25rem .65rem .55rem .2rem;color:var(--ink);background:#fffdf7e6;box-shadow:.15rem .35rem .7rem #53412326;font-size:1rem;line-height:1.1;transform:rotate(-.45deg)}.collection-shelf-heading small{color:var(--ink-soft);font-family:var(--font-sans);font-size:.68rem;font-weight:650;line-height:1.25}.collection-shelf-panel .shelf-label{margin:.1rem .15rem .2rem;font-size:.86rem}.collection-book-menu{display:flex;flex-direction:column;gap:1.15rem;margin:.2rem -.65rem 0;overflow-y:auto;overflow-x:hidden;min-height:0;padding:.35rem .95rem 1.4rem}.collection-shelf-panel:after{content:"";position:absolute;z-index:3;left:.35rem;right:.35rem;bottom:.75rem;height:2.6rem;background:linear-gradient(to top,var(--collection-shelf-back-deep) 12%,rgba(175,187,152,0));pointer-events:none;opacity:0;transition:opacity .18s ease}.collection-shelf-panel.has-more:after{opacity:1}.collection-book-menu::-webkit-scrollbar{width:6px}.collection-book-menu::-webkit-scrollbar-thumb{background:#6b492657;border-radius:99px}.collection-shelf-level{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.35rem;padding-bottom:.72rem}.collection-shelf-level:after{content:"";position:absolute;z-index:0;right:-.95rem;bottom:0;left:-.95rem;height:.68rem;border-radius:1px 1px 3px 3px;background:repeating-linear-gradient(3deg,transparent 0 5px,rgba(113,69,28,.13) 6px,transparent 7px 11px),linear-gradient(180deg,rgba(255,244,216,.9) 0 1px,var(--collection-shelf-wood-light) 1px 3px,var(--collection-shelf-wood) 3px 7px,var(--collection-shelf-wood-dark) 7px 100%);box-shadow:0 .28rem .38rem -.12rem #462d1685}.collection-shelf-slot{position:relative;z-index:1;min-width:0;padding-inline:.1rem}.collection-book-choice{position:relative;z-index:1;display:block;width:100%;padding:0;border:0;background:none;text-align:left;transition:filter .2s ease}.booklet{position:relative;display:block;aspect-ratio:3 / 4;background:var(--paper);transform-origin:bottom center;transform:rotate(-1.1deg);transition:transform .2s ease,box-shadow .2s ease;box-shadow:1px 1px #f7f1e8,2px 2px #ede4d6,3px 3px #e2d6c3,3px 4px 2px #b07a4f4d,0 3px 3px -1px #1f3a5f57,0 10px 14px -10px #b07a4f80}.collection-shelf-slot:nth-child(2n) .booklet{transform:rotate(1deg)}.collection-shelf-slot:nth-child(3n) .booklet{transform:rotate(-.4deg)}.booklet:before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(152deg,#ffffff38,#fff0 46%,#1f3a5f14);pointer-events:none}.booklet:after{content:"";position:absolute;z-index:3;top:0;bottom:0;left:0;width:11px;background:linear-gradient(90deg,#1f3a5f4d,#1f3a5f1a 44%,#ffffff29 72%,#0000);pointer-events:none}.booklet img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;display:block}.booklet-placeholder{position:absolute;inset:0;z-index:0;display:grid;place-items:center;padding:.5rem;text-align:center;color:var(--ink-soft);background:linear-gradient(160deg,#fffdf7,#ede4d6);font-size:.88rem;line-height:1.15}.shelf-label{min-height:3rem;transition:font-size .15s ease,color .15s ease}.shelf-label.is-showing-title{color:var(--ink);font-size:1.15rem;line-height:1.15}.collection-book-choice:hover .booklet,.collection-book-choice:focus-visible .booklet{transform:rotate(0) translateY(-7px);box-shadow:1px 1px #f7f1e8,2px 2px #ede4d6,3px 3px #e2d6c3,3px 5px 3px #b07a4f57,0 8px 8px -3px #1f3a5f4d,0 22px 26px -12px #b07a4f99}.collection-book-choice.is-active .booklet{transform:rotate(0);outline:2px solid rgba(31,58,95,.4);outline-offset:2px}.collection-shelf-marker{display:none}.collection-book-choice.is-active .collection-shelf-marker{position:absolute;right:0;bottom:-.68rem;left:0;display:block;color:var(--ink-soft);font-family:var(--font-sans);font-size:.7rem;font-weight:600;text-align:center}.collection-shelf-decoration{display:grid;align-items:end}.collection-shelf-toy{position:relative;z-index:1;display:grid;place-items:end center;aspect-ratio:3 / 4;padding:.28rem .35rem 0}.collection-shelf-toy svg{display:block;width:min(100%,4.2rem);max-height:88%;filter:drop-shadow(0 .22rem .16rem rgba(75,51,25,.22))}.collection-book-choice:disabled{cursor:not-allowed;opacity:.72}.collection-book-choice:disabled .booklet:before{background:linear-gradient(152deg,#ffffff1a,#1f3a5f29)}.collection-reader-shell.is-reading-fullscreen{position:fixed;inset:0;z-index:200;height:100dvh;overflow:hidden}.collection-reader-shell.is-reading-fullscreen .collection-reader-layout{grid-template-columns:minmax(0,1fr);width:100%;max-width:none;height:100dvh;padding:clamp(3rem,5vh,4.6rem) clamp(1rem,5vw,5rem) 1rem}.collection-reader-shell.is-reading-fullscreen .feedback-panel,.collection-reader-shell.is-reading-fullscreen .collection-shelf-panel{display:none}.collection-reader-shell.is-reading-fullscreen .collection-book-stage{width:100%}.collection-reader-shell.is-reading-fullscreen .collection-book-frame{padding-inline:clamp(2.8rem,7vw,7rem)}.collection-reader-shell.is-reading-fullscreen .desk-mark{opacity:.5}@media(max-width:1180px){.collection-reader-layout{grid-template-columns:208px minmax(0,1fr) 184px;gap:.85rem}}@media(max-width:900px){html:has(.collection-reader-shell),body:has(.collection-reader-shell){height:auto;overflow:auto}.collection-reader-shell{height:auto;min-height:100dvh;overflow:visible}.collection-reader-layout{display:flex;flex-direction:column;height:auto;gap:1.1rem;padding:3rem .8rem 5.5rem}.collection-book-stage{order:1;scroll-margin-top:3rem}.collection-reader-shell .feedback-panel{position:fixed;z-index:30;left:.6rem;right:.6rem;bottom:.6rem;max-height:min(72vh,560px);overflow:hidden;border-radius:1.1rem;background:var(--paper);box-shadow:0 18px 45px #1f3a5f3d;transform:translateY(calc(100% - 3.65rem));transition:transform .22s ease}.collection-reader-shell .feedback-panel.is-sheet-open{transform:translateY(0)}.collection-shelf-panel{order:2;min-height:22rem;padding:2.15rem .75rem 1rem;border-inline-width:.55rem}.collection-book-frame{min-height:min(70vh,540px);padding:.5rem 2.8rem}.collection-reader-shell .feedback-sheet-toggle{display:block;width:100%;min-height:44px;padding:.72rem 1rem;border:0;border-bottom:1px solid rgba(31,58,95,.1);color:var(--ink);background:transparent;font-family:var(--font-sans);font-size:1rem;font-weight:700;text-align:left}.collection-reader-shell .feedback-sheet-toggle:before{content:"⌃";display:inline-block;margin-right:.45rem}.collection-reader-shell .feedback-panel.is-sheet-open .feedback-sheet-toggle:before{content:"⌄"}.collection-reader-shell .feedback-panel>:is(h3,.desk-note){padding-inline:1rem}.collection-reader-shell .feedback-panel>h3{margin-top:.7rem}.collection-reader-shell :is(.feedback-legend,.feedback-list){margin-inline:1rem}.collection-reader-shell .feedback-list{max-height:16rem;padding-bottom:.8rem}.collection-book-menu{margin-inline:-.75rem;padding-inline:1.05rem;overflow:visible}.collection-shelf-level:after{right:-1.05rem;left:-1.05rem}.collection-book-choice,.collection-shelf-toy{max-width:7rem;margin-inline:auto}.desk-tab{max-width:70vw}.collection-book-stage-header h2{font-size:1.2rem}.collection-stage-actions{gap:.3rem;flex-wrap:nowrap}.desk-action{font-size:.78rem;padding:.28rem .4rem .34rem;min-height:44px;min-width:44px;justify-content:center}.desk-action .action-long{display:none}.desk-action .action-short{display:inline}.collection-page-count{font-size:.82rem;padding:.18rem .35rem .26rem}.collection-nav-button{min-height:44px}.mobile-feedback-tools{display:block;margin:.1rem 0 .3rem}.mobile-feedback-tools .feedback-write-button{margin:0}.collection-reader-shell .feedback-panel>:is(h3,.desk-note),.collection-reader-shell .feedback-panel .feedback-write-button{display:none}.collection-reader-shell .feedback-legend{margin-top:0}.collection-reader-shell.is-reading-fullscreen .collection-reader-layout{display:flex;height:100dvh;padding:3rem .8rem .8rem}.collection-reader-shell.is-reading-fullscreen .collection-book-stage{height:100%}.collection-reader-shell.is-reading-fullscreen .collection-book-frame{min-height:0;padding:.4rem 2.4rem}}@media(max-width:900px)and (orientation:portrait)and (pointer:coarse){.landscape-reader-hint{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0 .8rem .3rem;padding:.3rem .6rem;border-radius:.7rem;color:var(--ink-soft);background:#fffdf7d9;font-size:.78rem;line-height:1.2;text-align:center}.landscape-reader-hint strong{font-size:1rem;line-height:1}}.viaje-fantasma{position:fixed;z-index:130;transform-origin:center;pointer-events:none;contain:layout paint;will-change:transform,opacity;backface-visibility:hidden}.viaje-fantasma .booklet{width:100%;height:100%;aspect-ratio:auto;transform:none;transition:none}@media(prefers-reduced-motion:reduce){.collection-book-choice,.collection-book-choice .booklet,.collection-nav-button,.desk-tab{transition:none}.collection-loading-dot{animation:none}}