:root{--paper:#faf7f0;--ink:#1a1714;--muted:#8a8178;--gold:#c9a96e;--bg1:#eee9e1;--bg2:#d9d0c3;--shadow:#221a1247;--book-radius:0;--turn-time:.12s;--open-time:.18s;--open-ease:cubic-bezier(.2,.8,.2,1);--closed-scale:.62;--page-ratio:1}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:radial-gradient(circle at 20% 10%,#ffffffb8,transparent 30%), linear-gradient(135deg,var(--bg1),var(--bg2));color:var(--ink);flex-direction:column;font-family:DM Sans,sans-serif;display:flex}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#ffffffd1;border-bottom:1px solid #00000014;flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:.75rem 2rem;display:grid}.header-left{align-items:center;gap:16px;min-width:0;display:flex}.header-logo{flex-shrink:0;align-items:center;display:flex}.header-logo img{object-fit:contain;opacity:.86;max-width:130px;max-height:28px}.header-logo span{color:#6b5a3e;letter-spacing:.04em;font-family:Cormorant Garamond,serif;font-size:1rem}.header-title{text-align:center;min-width:0;padding:0 1.5rem;overflow:hidden}.header-title h1{letter-spacing:.04em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:Cormorant Garamond,serif;font-size:1.18rem;font-weight:300;overflow:hidden}.header-title p{color:var(--muted);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.68rem;overflow:hidden}.page-indicator{text-align:right;color:var(--muted);letter-spacing:.05em;white-space:nowrap;font-size:.72rem}html.pseudo-fullscreen,html.pseudo-fullscreen body{width:100%!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important}html.pseudo-fullscreen .header,html.pseudo-fullscreen .footer,html.pseudo-fullscreen .thumbnails-wrapper{display:none!important}html.pseudo-fullscreen .scene{height:100dvh!important;padding:10px!important}html.pseudo-fullscreen .book-wrap{width:min(calc(100vw - 20px), calc((100vh - 40px) * 2 * var(--page-ratio)))!important;width:min(calc(100vw - 20px), calc((100dvh - 40px) * 2 * var(--page-ratio)))!important}.exit-pseudo-fullscreen{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#333;background:#ffffffbf;border:1px solid #0000001a;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.2rem;display:none;position:fixed;top:15px;right:15px;box-shadow:0 4px 12px #00000026}html.pseudo-fullscreen .exit-pseudo-fullscreen{display:flex}.scene{perspective:min(130vw,1300px);perspective-origin:50% 44%;flex:1;justify-content:center;align-items:center;padding:10px;display:flex;position:relative;overflow:hidden}.book-wrap{width:min(calc(100vw - 20px),calc((100vh - 220px) * 2 * var(--page-ratio)));animation:.9s cubic-bezier(.22,.9,.26,1) both bookEnter;position:relative}.book-wrap:has(.book.closed:not(.turning)){animation:.9s cubic-bezier(.22,.9,.26,1) both bookEnter,5.5s ease-in-out 1.4s infinite bookBreathe}@keyframes bookEnter{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bookBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.book{width:100%;aspect-ratio:calc(2 * var(--page-ratio));transform-style:preserve-3d;transform-origin:75%;transition:transform var(--open-time) var(--open-ease),filter var(--open-time) ease;filter:drop-shadow(0 30px 45px var(--shadow));-webkit-user-select:none;user-select:none;cursor:pointer;touch-action:none;margin:0 auto;position:relative;transform:translate(0)scale(1)}.book.closed{transform:translateX(-25%) scale(var(--closed-scale));filter:drop-shadow(0 22px 34px var(--shadow))}.book.turning{pointer-events:none}.cover-leaf{width:50%;height:100%;transform-style:preserve-3d;transform-origin:0;transition:transform var(--open-time) var(--open-ease);will-change:transform;z-index:3000;position:absolute;top:0;left:50%;transform:translateZ(6px)rotateY(0)}.book:not(.closed) .cover-leaf{transform:translateZ(6px)rotateY(-180deg)}.book.opened .cover-leaf{visibility:hidden}.cover-face{backface-visibility:hidden;background-color:#eeeeef;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0;overflow:hidden}.cover-front{border-radius:var(--book-radius);transform:translateZ(1px);box-shadow:inset -12px 0 24px #00000029,inset 0 0 0 1px #00000014}.cover-front:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#ffffff29,#0000 52%,#00000024),linear-gradient(#ffffff24,#0000 45%,#00000012);position:absolute;inset:0}.cover-front:before{content:"";opacity:0;pointer-events:none;z-index:2;background:linear-gradient(75deg,#0000,#ffffff80 50%,#0000);width:45%;position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-140%)}.book:not(.closed) .cover-front:before{animation:none}@keyframes coverSheen{0%{opacity:0;transform:translate(-140%)}20%{opacity:1}to{opacity:0;transform:translate(340%)}}.cover-back{border-radius:var(--book-radius) 0 0 var(--book-radius);background-color:var(--paper);transform:rotateY(180deg)translateZ(1px);box-shadow:inset -18px 0 30px #00000029,inset 0 0 0 1px #0000000f}.cover-back:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#00000029,#0000 10% 86%,#ffffff21),linear-gradient(#ffffff29,#0000 35%,#0000000f);position:absolute;inset:0}.book3d{width:50%;height:100%;transform-style:preserve-3d;transform-origin:50% 42%;transform:perspective(var(--lens,2000px)) translateZ(var(--dolly,-150px)) rotateX(var(--tilt,-22deg)) rotateY(var(--spin,18deg));will-change:transform;z-index:3000;cursor:grab;visibility:hidden;--thick:clamp(18px,3vw,38px);--board:2mm;--overhang:2mm;position:absolute;top:0;left:50%}.book3d:active{cursor:grabbing}.book.closed:not(.turning) .book3d{visibility:visible}.book.closed:not(.turning) .cover-leaf,.book.closed:not(.turning) #leaves,.book.closed:not(.turning) .right-underlay{visibility:hidden}.b3d-face{background-color:#eeeeef;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute}.b3d-board{top:calc(-1 * var(--overhang));bottom:calc(-1 * var(--overhang));left:0;right:calc(-1 * var(--overhang));transform-style:preserve-3d;pointer-events:none;position:absolute}.b3d-board.bd-front{transform:translateZ(calc(var(--thick) / 2 + var(--board) / 2))}.b3d-board.bd-back{transform:translateZ(calc(-1 * (var(--thick) / 2 + var(--board) / 2)))}.bd-face{backface-visibility:hidden;background-color:#eeeeef;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0}.bd-front .bd-outer{transform:translateZ(calc(var(--board) / 2));border-radius:0}.bd-back .bd-outer{transform:rotateY(180deg) translateZ(calc(var(--board) / 2));border-radius:0}.bd-outer:after{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;position:absolute;inset:0}.bd-front .bd-outer:after{background:linear-gradient(90deg,#0000 7px,#00000038 8px 9px,#ffffff1f 10px,#0000 13px),linear-gradient(90deg,#ffffff29,#0000 52%,#00000024),linear-gradient(#ffffff24,#0000 45%,#00000012)}.bd-back .bd-outer:after{background:linear-gradient(270deg,#0000 7px,#00000038 8px 9px,#ffffff1f 10px,#0000 13px),linear-gradient(90deg,#ffffff29,#0000 52%,#00000024),linear-gradient(#ffffff24,#0000 45%,#00000012)}.bd-inner{background:#ece6d9;box-shadow:inset 0 0 24px #0000001a}.bd-front .bd-inner{transform:rotateY(180deg) translateZ(calc(var(--board) / 2));border-radius:0}.bd-back .bd-inner{transform:translateZ(calc(var(--board) / 2));border-radius:0}.bd-edge{background:#e9e3d7;border-radius:0;position:absolute}.bd-edge.bd-fore{height:100%;width:var(--board);transform:translateX(calc(var(--board) / 2)) rotateY(90deg);top:0;right:0}.bd-edge.bd-top{width:100%;height:var(--board);transform:translateY(calc(var(--board) / -2)) rotateX(90deg);top:0;left:0}.bd-edge.bd-bottom{width:100%;height:var(--board);transform:translateY(calc(var(--board) / 2)) rotateX(-90deg);background:#ddd6c8;bottom:0;left:0}.b3d-spine{left:0;top:calc(-1 * var(--overhang));width:calc(var(--thick) + 2 * var(--board));height:calc(100% + 2 * var(--overhang));transform:translateX(calc((var(--thick) + 2 * var(--board)) / -2)) rotateY(-90deg);background-color:#8a7a5e;background-position:100%;background-repeat:no-repeat;background-size:auto 100%;border-radius:0}.b3d-spine:after{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000007a 0,#0003 10%,#0000000a 30%,#ffffff29 47%,#ffffff1a 53%,#0000000f 72%,#0000003d 90%,#00000080 100%);position:absolute;inset:0}.b3d-fore{width:var(--thick);height:100%;transform:translateX(calc(var(--thick) / 2)) rotateY(90deg);background:repeating-linear-gradient(90deg,#fdfcf8 0,#fdfcf8 calc(100% / var(--sheets,24) - 1px),#e3ddcf calc(100% / var(--sheets,24) - 1px),#e3ddcf calc(100% / var(--sheets,24)));border-radius:0;top:0;right:0;box-shadow:inset 0 0 8px #0000001a}.b3d-top{width:100%;height:var(--thick);transform:translateY(calc(var(--thick) / -2)) rotateX(90deg);background:repeating-linear-gradient(180deg,#fefdf9 0,#fefdf9 calc(100% / var(--sheets,24) - 1px),#e6e0d2 calc(100% / var(--sheets,24) - 1px),#e6e0d2 calc(100% / var(--sheets,24)));border-radius:0;top:0;left:0;box-shadow:inset 0 0 8px #00000014}.b3d-bottom{width:100%;height:var(--thick);transform:translateY(calc(var(--thick) / 2)) rotateX(-90deg);background:repeating-linear-gradient(180deg,#f6f2e8 0,#f6f2e8 calc(100% / var(--sheets,24) - 1px),#d9d1c0 calc(100% / var(--sheets,24) - 1px),#d9d1c0 calc(100% / var(--sheets,24)));border-radius:0;bottom:0;left:0;box-shadow:inset 0 0 12px #00000029}.b3d-top:after,.b3d-bottom:after{content:"";pointer-events:none;background:linear-gradient(90deg,#4a3e2c8c 0 2px,#00000024 3px,#0000 5% 96%,#00000014);position:absolute;inset:0}.book.covercross .leaf{transition:transform var(--open-time) var(--open-ease)}.book.covercross .leaf.animating .face:before{animation-duration:var(--open-time)}.open-shade{display:none}@keyframes openShade{0%{opacity:.9}55%{opacity:.4}to{opacity:0}}.page-viewport{position:absolute;inset:0;overflow:hidden}#leaves{position:absolute;inset:0}.book:not(.turning):not(.dragging-page) #leaves{overflow:hidden}.left-page,.leaf{background-color:var(--paper);width:50%;height:100%;position:absolute;top:0}.left-page{border-radius:var(--book-radius) 0 0 var(--book-radius);z-index:4;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;left:0;overflow:hidden;transform:translateZ(1px);box-shadow:inset -18px 0 34px #0000002e,inset 0 0 0 1px #0000000f}.right-underlay{border-radius:0 var(--book-radius) var(--book-radius) 0;background-color:var(--paper);z-index:0;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;width:50%;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:none;box-shadow:inset 18px 0 28px #00000014,inset 0 0 0 1px #0000000a}.leaf{transform-style:preserve-3d;transform-origin:0;transition:transform var(--turn-time) cubic-bezier(.2,.8,.2,1);will-change:transform;border-radius:0 var(--book-radius) var(--book-radius) 0;--page-board:3.78px;--page-camera:clamp(2160px,180vw,3600px);left:50%}.leaf.flipped{transform:perspective(var(--page-camera)) rotateY(-180deg)}.leaf.dragging{cursor:grabbing;transition:none!important}.leaf.dragging .front{box-shadow:inset 18px 0 30px #ffffff1f,inset -6px 0 16px #00000014,inset 0 0 0 1px #0000000f,10px 8px 18px #18100833}.leaf.dragging .back{box-shadow:inset -10px 0 18px #0000001f,inset 0 0 0 1px #00000014,-10px 8px 18px #18100833}.leaf:after{content:"";right:calc(var(--page-board) / -2);width:var(--page-board);transform-origin:50%;pointer-events:none;background:linear-gradient(90deg,#d8d0c0,#fffdf7 45%,#bcb3a2);height:calc(100% - 4px);position:absolute;top:2px;transform:rotateY(90deg);box-shadow:0 0 2px #00000047}.face:before{content:"";pointer-events:none;opacity:0;z-index:2;background:linear-gradient(90deg,#1810084d,#18100800 55%);position:absolute;inset:0}.leaf.animating .face:before{animation:none}@keyframes faceShade{0%{opacity:0}42%{opacity:1}to{opacity:0}}.left-page:before{content:"";pointer-events:none;opacity:0;z-index:2;background:linear-gradient(90deg,#0000 58%,#18100833);transition:opacity .4s;position:absolute;inset:0}.book.turning:not(.closed) .left-page:before{opacity:0}.face{backface-visibility:hidden;border-radius:0 var(--book-radius) var(--book-radius) 0;background-color:var(--paper);background-position:50%;background-repeat:no-repeat;background-size:auto 100%;position:absolute;inset:0;overflow:hidden;box-shadow:inset 18px 0 30px #ffffff1f,inset -6px 0 16px #00000014,inset 0 0 0 1px #0000000f}.front{transform:translateZ(calc(var(--page-board) / 2))}.back{transform:rotateY(180deg) translateZ(calc(var(--page-board) / 2));border-radius:var(--book-radius) 0 0 var(--book-radius);box-shadow:inset -10px 0 18px #0000001f,inset 0 0 0 1px #00000014}.leaf:not(.flipped):not(.dragging):not(.animating) .front{transform:translateZ(0)}.leaf.flipped:not(.dragging):not(.animating) .back{inset:.25px;transform:rotateY(180deg)}.face.blank,.left-page.blank{background:linear-gradient(135deg,#fbf8f1,#eee5d8)}.face:after,.left-page:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#00000029,#0000 10% 86%,#ffffff21),linear-gradient(#ffffff29,#0000 35%,#0000000f);position:absolute;inset:0}.gutter{z-index:999;pointer-events:none;background:linear-gradient(90deg,#00000057,#ffffff5c,#0000002e);width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px);transform:translateZ(6px)}.left-page,.gutter{transition:opacity 0s linear calc(var(--open-time) * .48)}.book.closed .left-page,.book.closed .gutter{opacity:0;transition:none}.hint{z-index:1001;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#574d43;background:#ffffffc2;border-radius:999px;padding:8px 11px;font-size:12px;position:absolute;bottom:15px;right:18px;box-shadow:0 8px 20px #0000001f}.book.closed .hint{z-index:3001;transform:translateX(50%) scale(calc(1 / var(--closed-scale)));transform-origin:bottom;white-space:nowrap;animation:2.8s ease-in-out 1.6s infinite hintPulse;right:25%}@keyframes hintPulse{0%,to{transform:translateX(50%) translateY(0) scale(calc(1 / var(--closed-scale)))}50%{transform:translateX(50%) translateY(-4px) scale(calc(1 / var(--closed-scale)))}}.book.closed .nav-btn{opacity:0;pointer-events:none}.nav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;color:#4a3c28;z-index:2005;background:#ffffff73;border:1px solid #00000014;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.45rem;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 10px #0000001a}.nav-btn:hover{background:#fffc;transform:translateY(-50%)scale(1.08);box-shadow:0 4px 14px #00000026}.nav-btn:disabled{opacity:.15;cursor:default;pointer-events:none}.nav-btn.prev{left:12px}.nav-btn.next{right:12px}.empty-state{text-align:center;color:var(--muted);background:#ffffffbf;border:1px solid #00000014;border-radius:12px;padding:2.2rem 2.5rem;box-shadow:0 20px 50px #0000001a}.empty-state h2{color:var(--ink);margin-bottom:.35rem;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300}.footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;border-top:1px solid #00000012;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:.65rem 2rem;display:flex}.footer-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.control-btn{appearance:none;letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:#1f1a16;border:0;border-radius:999px;padding:.64rem 1rem;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:500;transition:transform .16s,opacity .16s;box-shadow:0 10px 24px #00000029}.control-btn:hover{transform:translateY(-1px)}.control-btn:disabled{opacity:.36;cursor:not-allowed;transform:none}.thumbnails-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border-top:1px solid #00000014;flex-shrink:0;width:100%;max-height:120px;padding:10px 0;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s,border-top-color .3s;display:flex;overflow-x:auto}.thumbnails-container.collapsed{border-top-color:#0000!important;max-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important}.thumb-toggle-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;z-index:1000;white-space:nowrap;background:#ffffffd9;border:1px solid #00000014;border-bottom:none;border-radius:6px 6px 0 0;justify-content:center;align-items:center;gap:4px;height:24px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:.65rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 -3px 8px #0000000f}.thumb-toggle-btn:hover{color:var(--gold);background:#fff}.thumbnails-inner{gap:16px;margin:0 auto;padding:0 20px;display:flex}.thumb-item{cursor:pointer;opacity:.65;flex-direction:column;align-items:center;gap:4px;transition:all .2s;display:flex;position:relative}.thumb-item:hover{opacity:.9;transform:translateY(-2px)}.thumb-item.active{opacity:1}.thumb-cover{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #00000026;border-radius:4px;width:50px;height:50px;transition:all .2s;box-shadow:0 4px 10px #00000014}.thumb-item.active .thumb-cover{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 4px 12px #00000026}.thumb-spread{border:1px solid #00000026;border-radius:4px;width:100px;height:50px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 4px 10px #00000014}.thumb-item.active .thumb-spread{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 4px 12px #00000026}.thumb-page{background-repeat:no-repeat;background-size:cover;width:50%;height:100%}.thumb-page.left{background-position:0;border-right:1px solid #00000014}.thumb-page.right{background-position:100%}.thumb-label{color:var(--muted);letter-spacing:.02em;font-size:10px;font-weight:500}.thumb-item.active .thumb-label{color:var(--ink);font-weight:600}.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#3c342d;z-index:9999;background:#ffffffdb;border-radius:14px;padding:14px 18px;font:600 13px/1.3 DM Sans,sans-serif;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 40px #0000001f}.loading.done{display:none}.album-startup-loader{z-index:10000;background:linear-gradient(135deg,var(--bg1),var(--bg2));color:#655b52;letter-spacing:.12em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:16px;font:500 12px/1.3 DM Sans,sans-serif;display:flex;position:fixed;inset:0}.album-startup-mark{background:#ffffff80;border:1px solid #6b5a3e73;border-radius:2px;width:38px;height:30px;animation:1.15s ease-in-out infinite albumLoaderLift;position:relative;box-shadow:0 10px 24px #221a121a}.album-startup-mark:before{content:"";border-left:1px solid #6b5a3e59;position:absolute;top:-1px;bottom:-1px;left:50%}@keyframes albumLoaderLift{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.pw-gate{z-index:100;background:#e8e4de;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pw-card{text-align:center;background:#fff;border:1px solid #00000014;border-radius:8px;width:100%;max-width:360px;padding:3rem 2.5rem;box-shadow:0 8px 30px #0000001a}.pw-icon{margin-bottom:1rem;font-size:2rem}.pw-title{color:var(--ink);margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300}.pw-sub{color:var(--muted);margin-bottom:2rem;font-size:.875rem}.pw-input{width:100%;color:var(--ink);text-align:center;letter-spacing:.1em;background:#faf9f7;border:1px solid #0000001f;border-radius:4px;outline:none;margin-bottom:1rem;padding:.85rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem}.pw-input:focus{border-color:var(--gold)}.pw-btn{background:var(--gold);color:#fff;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;width:100%;padding:.9rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:500}.pw-error{color:#c0392b;margin-bottom:.75rem;font-size:.82rem}@media (width<=1024px){.header{padding:.7rem 1rem}.header-logo{width:92px}.header-title h1{font-size:1rem}.scene{padding:10px}.book-wrap{width:min(calc(100vw - 20px),calc((100vh - 180px) * 2 * var(--page-ratio)))}.nav-btn{width:36px;height:36px;font-size:1.2rem}.nav-btn.prev{left:8px}.nav-btn.next{right:8px}.hint{display:none}.footer{justify-content:center;padding:.55rem .75rem}.control-btn{padding:.58rem .82rem;font-size:.66rem}.thumb-cover{width:40px;height:40px}.thumb-spread{width:80px;height:40px}.thumb-label{font-size:8px}body.thumbs-collapsed .scene{padding:5px}body.thumbs-collapsed .book-wrap{width:min(calc(100vw - 10px),calc((100vh - 105px) * 2 * var(--page-ratio)));width:min(calc(100vw - 10px),calc((100dvh - 105px) * 2 * var(--page-ratio)))}}@media (width<=1024px) and (orientation:portrait){:root{--closed-scale:.88}}@media (width<=640px) and (orientation:portrait){:root{--closed-scale:1}}@media (prefers-reduced-motion:reduce){.book,.cover-leaf,.leaf,.left-page,.gutter{transition-duration:1ms!important;transition-delay:0s!important}.book-wrap,.book.closed .hint,.open-shade,.cover-front:before,.leaf.animating .face:before{animation:none!important}}.album-client-actions{align-items:center;gap:8px;display:flex}.btn-client{appearance:none;color:#fff;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#1f1a16;border:1px solid #00000026;border-radius:3px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:500;transition:all .15s}.btn-client:hover{background:#3c332c;transform:translateY(-1px)}.btn-approve{background:#407550;border-color:#30583c}.btn-approve:hover{background:#4c8c5f}.btn-approved{color:#407550;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#4075501a;border:1px solid #40755040;border-radius:3px;align-items:center;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;display:inline-flex}.feedback-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;opacity:0;pointer-events:none;background:#0c0b0a99;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.feedback-modal-overlay.open{opacity:1;pointer-events:auto}.feedback-modal-card{background:#fff;border-radius:8px;width:90%;max-width:480px;padding:2rem;transition:transform .25s;position:relative;transform:translateY(20px);box-shadow:0 20px 40px #00000040}.feedback-modal-overlay.open .feedback-modal-card{transform:translateY(0)}.feedback-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .15s;position:absolute;top:1rem;right:1rem}.feedback-modal-close:hover{color:var(--ink)}.feedback-modal-title{color:var(--ink);margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.75rem;font-weight:400}.feedback-modal-desc{color:var(--muted);margin-bottom:1.5rem;font-size:.8rem}.feedback-modal-textarea{width:100%;height:140px;color:var(--ink);resize:none;box-sizing:border-box;background:#faf9f7;border:1px solid #0000001f;border-radius:4px;outline:none;margin-bottom:1.5rem;padding:.85rem;font-family:DM Sans,sans-serif;font-size:.875rem;transition:border-color .2s}.feedback-modal-textarea:focus{border-color:var(--gold)}.feedback-modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-feedback-cancel{appearance:none;color:var(--muted);text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:4px;padding:.65rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:500;transition:all .15s}.btn-feedback-cancel:hover{color:var(--ink);border-color:#00000040}.btn-feedback-submit{appearance:none;color:#fff;text-transform:uppercase;cursor:pointer;background:#1f1a16;border:none;border-radius:4px;padding:.65rem 1.4rem;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:500;transition:all .15s}.btn-feedback-submit:disabled{opacity:.5;cursor:not-allowed}.feedback-conversation-card{flex-direction:column;max-width:680px;max-height:min(780px,90vh);padding:1.6rem;display:flex;overflow:hidden}.feedback-page-tabs{background:#f3f0eb;border-radius:5px;flex-shrink:0;gap:4px;margin-bottom:1rem;padding:4px;display:flex}.feedback-page-tabs button{color:#71675e;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:1;padding:.55rem .7rem;font:600 .7rem DM Sans,sans-serif}.feedback-page-tabs button.active{color:#1f1a16;background:#fff;box-shadow:0 1px 3px #0000001f}.feedback-thread-list{min-height:90px;max-height:360px;padding-right:4px;overflow:auto}.feedback-empty{text-align:center;color:#8c8177;border:1px dashed #00000024;padding:1.2rem;font:400 .82rem DM Sans,sans-serif}.feedback-thread{background:#fff;border:1px solid #0000001f;border-radius:5px;margin-bottom:.75rem;overflow:hidden}.feedback-thread.resolved{opacity:.72}.feedback-thread-status{color:#95691d;text-transform:uppercase;letter-spacing:.05em;background:#f7f4ef;justify-content:space-between;gap:1rem;padding:.45rem .7rem;font:600 .63rem DM Sans,sans-serif;display:flex}.feedback-thread-status strong{color:#4e463f;font-weight:600}.feedback-thread.resolved .feedback-thread-status{color:#407550}.feedback-message{color:#342e29;border-top:1px solid #00000014;padding:.7rem .8rem;font:400 .8rem/1.45 DM Sans,sans-serif}.feedback-message.photographer{background:#f5f1e9;border:0;border-left:3px solid #c59543;border-radius:2px;margin:.45rem}.feedback-message p{white-space:pre-wrap;margin:.35rem 0 0}.feedback-message-head{color:#8c8177;justify-content:space-between;align-items:center;gap:1rem;font-size:.7rem;display:flex}.feedback-message-head strong{color:#342e29}.feedback-deleted{color:#9c948c;font-style:italic}.feedback-inline-actions{gap:.65rem;margin-top:.45rem;display:flex}.feedback-inline-actions button{color:#8b6424;cursor:pointer;background:0 0;border:0;padding:0;font:600 .68rem DM Sans,sans-serif}.feedback-edit{box-sizing:border-box;border:1px solid #00000026;width:100%;min-height:70px;margin-top:.5rem;padding:.55rem;font:400 .8rem DM Sans,sans-serif}.feedback-identity,.feedback-composer{border-top:1px solid #0000001a;flex-shrink:0;margin-top:1rem;padding-top:1rem}.feedback-identity p{color:#71675e;margin:0 0 .7rem;font:400 .75rem/1.45 DM Sans,sans-serif}.feedback-identity-fields{grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.7rem;display:grid}.feedback-identity-fields input{border:1px solid #00000024;border-radius:4px;min-width:0;padding:.7rem;font:400 .8rem DM Sans,sans-serif}.feedback-composer{grid-template-columns:1fr auto;align-items:end;gap:.7rem;display:grid}.feedback-composer .feedback-modal-textarea{height:78px;margin:0}.feedback-error{color:#a33c31;margin:.65rem 0 0;font:500 .75rem DM Sans,sans-serif}@media (width<=600px){.feedback-conversation-card{width:calc(100% - 20px);max-height:94vh;padding:1rem}.feedback-identity-fields,.feedback-composer{grid-template-columns:1fr}.feedback-thread-list{max-height:300px}.feedback-page-tabs button{padding:.5rem .25rem;font-size:.62rem}}.btn-feedback-submit:hover{background:#3c332c}.album-lightbox{z-index:4000;background:#0f0e0df7;flex-direction:column;display:none;position:fixed;inset:0}.album-lightbox.open{display:flex}.alb-lb-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.alb-lb-counter{color:#8a8178;font-family:DM Sans,sans-serif;font-size:.78rem}.alb-lb-close{color:#ede5da;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:2px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;transition:all .15s;display:flex}.alb-lb-close:hover{color:#c9a96e;border-color:#c9a96e}.alb-lb-main{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.alb-lb-img-wrap{justify-content:center;align-items:center;max-width:calc(100vw - 120px);max-height:calc(100vh - 130px);display:flex;position:relative;overflow:hidden}#alb-lb-spread{justify-content:center;align-items:center;height:100%;max-height:calc(100vh - 130px);transition:opacity .2s;display:flex}#alb-lb-spread img{object-fit:contain;width:auto;max-width:50vw;height:100%;max-height:calc(100vh - 130px);display:block}.alb-lb-nav{color:#ede5da;cursor:pointer;z-index:2;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;justify-content:center;align-items:center;width:48px;height:80px;font-size:2rem;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.alb-lb-nav:hover{color:#c9a96e;border-color:#c9a96e}.alb-lb-prev{left:.75rem}.alb-lb-next{right:.75rem}@media (width<=680px){.alb-lb-img-wrap{width:100%;max-width:100vw;max-height:calc(100svh - 110px)}#alb-lb-spread img{max-width:50vw;max-height:calc(100svh - 110px)}.alb-lb-nav{display:none}}