*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f2ebe0;--surface:#faf6ef;--border:#ddd3c0;--text:#221c12;--muted:#8a7d68;--gold:#8a6420;--gold-bright:#b8872e;--gold-dim:#8a64201a;--gold-glow:#8a642038;--danger:#9b2c2c;--success:#3a6b44;--serif:"Cormorant Garamond", Georgia, serif;--mono:"Courier Prime", "Courier New", monospace}html,body,#root{height:100%;min-height:100dvh}body{background:var(--bg);color:var(--text);font-family:var(--mono);letter-spacing:.04em;-webkit-font-smoothing:antialiased;font-size:13px}#root{z-index:1;flex-direction:column;display:flex;position:relative}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}body:after{content:"";opacity:.055;pointer-events:none;z-index:1000;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}.nav{border-bottom:1px solid var(--border);z-index:10;background:var(--bg);justify-content:flex-start;align-items:center;gap:22px;padding:18px 24px;display:flex;position:sticky;top:0}.lang-switch{border:1px solid var(--border);background:var(--surface);border-radius:999px;margin-left:auto;display:inline-flex;overflow:hidden}.lang-opt{font-family:var(--mono);letter-spacing:.12em;color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:5px 13px;font-size:11px;transition:background .2s,color .2s}.lang-opt--active{background:var(--gold);color:var(--surface)}.lang-opt:not(.lang-opt--active):hover{color:var(--text)}.nav-link{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #0000;padding:6px 0;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s}.nav-link.active{color:var(--gold);border-bottom-color:var(--gold)}.nav-link:not(.active):hover{color:var(--text)}.snap-page{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding:32px 24px 48px;display:flex}.page-title{font-family:var(--serif);letter-spacing:-.01em;color:var(--text);text-align:center;font-size:clamp(48px,12vw,88px);font-style:normal;font-weight:600;line-height:1.05}.snap-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.snap-couple{font-family:var(--serif);letter-spacing:.005em;color:var(--text);font-size:clamp(44px,11vw,80px);font-weight:600;line-height:1.05}.snap-couple--accent{color:var(--gold-bright)}.snap-tagline{font-family:var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--gold-bright);align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.snap-tagline:before,.snap-tagline:after{content:"";background:#8a642080;width:26px;height:1px}.camera-error{color:var(--danger);letter-spacing:.08em;text-align:center;border:1px solid #9b2c2c4d;width:100%;max-width:380px;padding:12px 20px;font-size:12px}.camera-wrapper{flex-direction:column;align-items:center;gap:32px;width:100%;max-width:480px;display:flex;position:relative}.camera-wrapper--live{gap:24px}.camera-video{aspect-ratio:4/3;object-fit:cover;background:#000;width:100%}.camera-video.hidden{display:none}.camera-video.visible{border:1px solid var(--border);display:block}.viewfinder{pointer-events:none;position:absolute;inset:0}.viewfinder span{border-color:var(--gold);opacity:.6;border-style:solid;width:20px;height:20px;position:absolute}.viewfinder span:first-child{border-width:1px 0 0 1px;top:12px;left:12px}.viewfinder span:nth-child(2){border-width:1px 1px 0 0;top:12px;right:12px}.viewfinder span:nth-child(3){border-width:0 0 1px 1px;bottom:12px;left:12px}.viewfinder span:nth-child(4){border-width:0 1px 1px 0;bottom:12px;right:12px}.snap-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:144px;height:144px;display:flex;position:relative}.snap-btn__ring{border:1.5px solid var(--gold);border-radius:50%;transition:transform .15s;position:absolute;inset:0}.snap-btn:before{content:"";background:var(--gold-dim);border:1px solid #8a642033;border-radius:50%;transition:background .15s;position:absolute;inset:8px}.snap-btn:active .snap-btn__ring{transform:scale(.94)}.snap-btn:active:before{background:var(--gold-glow)}.snap-btn__label{font-family:var(--mono);letter-spacing:.18em;color:var(--gold);font-size:19px;font-weight:700;position:relative}.snap-btn--capture{width:116px;height:116px}.snap-btn__dot{background:var(--gold);border-radius:50%;width:34px;height:34px;transition:transform .12s;position:relative}.snap-btn--capture:active .snap-btn__dot{transform:scale(.88)}.upload-status{border:1px solid var(--border);width:100%;max-width:480px;font-family:var(--mono);letter-spacing:.08em;background:var(--surface);padding:18px 20px;font-size:12px}.upload-status.uploading{border-color:#8a642059}.upload-label{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;font-size:11px}.progress-bar{background:var(--border);width:100%;height:2px;overflow:hidden}.progress-fill{background:var(--gold);height:100%}.progress-fill--determinate{transition:width .2s}.progress-fill--indeterminate{width:40%;animation:1.4s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{transform:translate(-110%)}to{transform:translate(280%)}}.upload-hint{color:var(--muted);letter-spacing:.04em;margin-top:10px;font-size:14px;line-height:1.55}.upload-status.success{color:var(--success);text-align:center;letter-spacing:.14em;border-color:#3a6b4459;font-style:italic}.success-check{margin-right:4px;font-style:normal;font-weight:700}.snap-btn:disabled{opacity:.32;cursor:default;pointer-events:none;filter:grayscale()}.snap-btn:disabled .snap-btn__ring{border-color:var(--muted)}.snap-btn:disabled .snap-btn__label{color:var(--muted)}.boundary-fallback{background:var(--bg);color:var(--muted);font-family:var(--mono);z-index:5000;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.boundary-title{font-family:var(--serif);color:var(--text);font-size:28px}.boundary-sub{letter-spacing:.1em;font-size:12px}.boundary-fallback .retry-btn{border-color:var(--gold);color:var(--gold);align-self:center}.boundary-fallback .retry-btn:hover{background:var(--gold);color:var(--surface)}.upload-status.error{border-color:#9b2c2c59;flex-direction:column;gap:12px;display:flex}.error-icon{color:var(--danger);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.error-message{color:var(--text);font-size:12px;line-height:1.6}.retry-btn{border:1px solid var(--danger);color:var(--danger);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;align-self:flex-start;padding:7px 16px;font-size:11px;transition:background .15s,color .15s}.retry-btn:hover{background:var(--danger);color:var(--surface)}.gallery-page{background:var(--bg);flex-direction:column;flex:1;min-height:0;padding:0;display:flex;position:relative}.gallery-page:fullscreen{background:var(--bg)}.gallery-page:fullscreen .book-nav{display:none}.gallery-page:fullscreen .book-nav{display:none}.gallery-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:1;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:relative}.live-badge{font-family:var(--mono);letter-spacing:.22em;color:var(--muted);text-transform:uppercase;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.live-dot{background:#3a8a44;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 #3a8a4480}@keyframes pulse{0%{box-shadow:0 0 #3a8a4480}60%{box-shadow:0 0 0 5px #3a8a4400}to{box-shadow:0 0 #3a8a4400}}.live-badge--off{color:var(--danger)}.live-badge--off .live-dot{box-shadow:none;background:#b8862c;animation:none}.gallery-page--center{justify-content:center;align-items:center;gap:16px}.locked-msg{font-family:var(--serif);color:var(--muted);text-align:center;max-width:320px;font-size:19px;font-style:italic;line-height:1.5}.login-form{flex-direction:column;align-items:stretch;gap:12px;width:min(86vw,300px);display:flex}.login-input{font-family:var(--mono);background:var(--surface);border:1px solid var(--border);color:var(--text);letter-spacing:.04em;padding:11px 13px;font-size:14px}.login-input:focus{border-color:var(--gold);outline:none}.login-btn{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;background:var(--gold);color:var(--surface);cursor:pointer;border:none;padding:11px;font-size:12px;transition:opacity .15s}.login-btn:disabled{opacity:.45;cursor:default}.login-err{font-family:var(--mono);color:var(--danger);text-align:center;font-size:11px}.share-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140e04b8;justify-content:center;align-items:center;padding:3vh 3vw;animation:.25s both reveal-dim-in;display:flex;position:fixed;inset:0}.share-card{background:repeating-linear-gradient(0deg, #3c2d1404 0 1px, transparent 1px 4px), var(--surface);border-radius:4px;flex-direction:column;align-items:center;gap:12px;max-height:94vh;padding:clamp(20px,3.2vh,40px) clamp(26px,4vw,60px);animation:.5s cubic-bezier(.2,.85,.3,1.2) both reveal-pop;display:flex;position:relative;box-shadow:inset 0 0 0 1px #8a642073,inset 0 0 0 5px #ffffff80,inset 0 0 0 6px #8a642029,0 32px 70px -22px #140e04b3}.share-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:15px;line-height:1;position:absolute;top:12px;right:16px}.share-close:hover{color:var(--text)}.share-heading{font-family:var(--serif);color:var(--text);letter-spacing:.01em;text-align:center;font-size:clamp(24px,4.2vh,40px)}.share-divider{color:var(--gold);letter-spacing:.3em;opacity:.85;margin-top:-6px;font-size:12px}.share-qr-frame{background:var(--surface);border:1px solid var(--border);padding:clamp(8px,1.4vh,16px);box-shadow:0 10px 26px -14px #281c0873}.share-qr{width:min(62vh,78vw);height:min(62vh,78vw);display:block}.share-qr--loading{background:repeating-linear-gradient(45deg, var(--border) 0 6px, var(--surface) 6px 12px)}.share-code-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:9px}.share-url{font-family:var(--mono);letter-spacing:.02em;color:var(--gold);word-break:break-all;text-align:center;border-bottom:1px solid #8a642066;max-width:min(62vh,78vw);padding-bottom:1px;font-size:13px;line-height:1.5;text-decoration:none}.share-url:hover{color:var(--text);border-bottom-color:var(--text)}.share-words{font-family:var(--serif);letter-spacing:.02em;color:var(--gold);text-align:center;text-transform:lowercase;max-width:min(62vh,82vw);margin-top:2px;font-size:clamp(26px,5vh,46px);font-weight:500;line-height:1.25}.share-btn-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.share-link{border:1px solid var(--gold);color:var(--gold);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:14px;padding:8px 16px;font-size:10px;transition:background .15s,color .15s}.share-link:hover{background:var(--gold);color:var(--surface)}.myphotos-page{gap:14px}.myphotos-refresh{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;align-self:center;padding:6px 14px;font-size:10px}.myphotos-refresh:hover{border-color:var(--gold);color:var(--gold)}.myphotos-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;width:100%;max-width:640px;display:grid}.myphotos-item{flex-direction:column;gap:5px;display:flex}.myphotos-item img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);background:#ece3d2;width:100%;display:block}.myphotos-dl{text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold);cursor:pointer;background:0 0;padding:5px 0;font-size:10px;transition:background .15s,color .15s}.myphotos-dl:hover{background:var(--gold);color:var(--surface)}.myphotos-hint{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);text-align:center;max-width:320px;font-size:10px;line-height:1.5}.admin-page{flex-direction:column;flex:1;align-items:center;gap:22px;min-height:0;padding:24px;display:flex;overflow-y:auto}.admin-card{background:repeating-linear-gradient(0deg, #3c2d1404 0 1px, transparent 1px 4px), var(--surface);border-radius:4px;flex-direction:column;align-items:center;gap:12px;max-width:92vw;padding:26px clamp(24px,4vw,48px) 30px;display:flex;box-shadow:inset 0 0 0 1px #8a642073,inset 0 0 0 5px #ffffff80,inset 0 0 0 6px #8a642029,0 20px 46px -22px #281c0873}.admin-qr{width:min(40vh,64vw);height:min(40vh,64vw);display:block}.admin-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.admin-btn{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;padding:10px 20px;font-size:11px;text-decoration:none;transition:background .15s,color .15s}.admin-btn:hover{background:var(--gold);color:var(--surface)}.admin-btn--ghost{border-color:var(--border);color:var(--muted)}.admin-btn--ghost:hover{background:var(--border);color:var(--text)}.admin-title-edit{flex-direction:column;gap:6px;width:100%;max-width:420px;display:flex}.admin-field-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.admin-title-row{gap:8px;display:flex}.admin-title-row .login-input{flex:1}.admin-lock{border:1px solid var(--border);background:var(--surface);border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:12px 20px;display:flex}.admin-lock__state{font-family:var(--mono);letter-spacing:.08em;color:var(--muted);font-size:12px}.admin-lock__state b{letter-spacing:.14em}.admin-lock--open .admin-lock__state b{color:var(--success)}.admin-lock--paused{border-color:#9b2c2c66}.admin-lock--paused .admin-lock__state b{color:var(--danger)}.manage{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:760px;display:flex}.manage-tabs{gap:8px;display:flex}.manage-tab{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;padding:7px 16px;font-size:10px}.manage-tab--active{border-color:var(--gold);color:var(--gold)}.manage-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;width:100%;display:grid}.manage-item{position:relative}.manage-item img{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);background:#ece3d2;width:100%;display:block}.manage-act{border:1px solid var(--border);width:24px;height:24px;color:var(--text);cursor:pointer;background:#faf6efeb;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;position:absolute;top:4px;right:4px}.manage-act--del{color:var(--danger);border-color:#9b2c2c66}.manage-act:hover{background:var(--surface)}.manage-binacts{gap:4px;display:flex;position:absolute;top:4px;right:4px}.manage-binacts .manage-act{position:static}.reconnecting-msg{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);font-size:12px}.photo-count{font-family:var(--mono);letter-spacing:.14em;color:var(--muted);font-size:10px}.fullscreen-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;justify-content:center;align-items:center;width:30px;height:30px;transition:border-color .15s,color .15s;display:flex}.fullscreen-btn:hover{border-color:var(--gold);color:var(--gold)}.header-right{align-items:center;gap:12px;display:flex}.view-toggle{background:var(--surface);border:1px solid var(--border);gap:4px;padding:3px;display:flex}.view-btn{color:var(--muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:5px;padding:5px 10px;font-size:10px;transition:background .15s,color .15s;display:flex}.view-btn--active{background:var(--bg);color:var(--gold);box-shadow:0 1px 4px #3c2d141a}.view-btn:not(.view-btn--active):hover{color:var(--text)}.photo-board{flex:1;min-height:300px;position:relative;overflow:hidden}.empty-state{font-family:var(--serif);color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;font-size:clamp(22px,3.4vw,38px);font-weight:500;line-height:1.4;display:flex;position:absolute;inset:0}.empty-state__mark{color:var(--gold);letter-spacing:.35em;opacity:.85;font-size:.7em}.empty-state__sub{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:11px}.photo-card{transform:translate(-50%, -50%) rotate(var(--rot,0deg));transform-origin:50%;z-index:var(--z,1);cursor:pointer;background:#fff;padding:9px 9px 0;transition:transform .32s cubic-bezier(.25,0,.25,1),box-shadow .32s;position:absolute;box-shadow:3px 6px 18px #3c2d1433,0 1px 3px #3c2d141a}.photo-card--sm{width:clamp(280px,30vw,380px)}.photo-card--md{width:clamp(360px,38vw,460px)}.photo-card--lg{width:clamp(440px,46vw,560px)}.photo-card:hover{z-index:999;transform:translate(-50%,-50%)rotate(0)scale(1.07);box-shadow:8px 18px 48px #3c2d145c,0 2px 6px #3c2d1424}.polaroid-inner{display:block}.photo-card img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.polaroid-strip{justify-content:center;align-items:center;height:38px;padding:0 6px;display:flex}.polaroid-quip{font-family:var(--serif);color:#888;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-style:italic;font-weight:300;overflow:hidden}.photo-card--new .polaroid-inner{animation:.5s cubic-bezier(.34,1.56,.64,1) both bubble-in}@keyframes bubble-in{0%{opacity:0;transform:scale(.01)}to{opacity:1;transform:scale(1)}}.book-stage{perspective:3000px;z-index:1;flex:1;justify-content:center;align-items:center;min-height:0;padding:clamp(20px,2.4vw,40px);display:flex;position:relative;overflow:hidden}.book{filter:drop-shadow(0 18px 26px #281c084d)drop-shadow(0 5px 10px #281c0833);border-radius:3px;width:100%;max-width:1640px;height:100%;display:flex;position:relative}.book:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#ffffff0a 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#3c2d140a 0 1px,#0000 1px 3px),linear-gradient(135deg,#efe5d1 0%,#e6d9bd 55%,#ddcfb0 100%);border-radius:7px;position:absolute;inset:-12px -13px -15px;box-shadow:inset 0 0 0 1px #8a642073,inset 0 0 0 5px #ffffff73,inset 0 0 0 6px #8a64202e,inset 0 2px 6px #ffffff80}.book-page{background:var(--surface);flex:1;gap:clamp(6px,.7vw,11px);min-width:0;padding:clamp(12px,1.4vw,22px);display:grid;position:relative;overflow:hidden}.book-page--left{border-radius:2px 0 0 2px;box-shadow:inset -26px 0 36px -26px #3c2d146b,-1px 0 #f3ecdd,-3px 0 #ebe1cc,-5px 0 #e2d6bb,-7px 0 1px #3c2d1447}.book-page--right{border-radius:0 2px 2px 0;box-shadow:inset 26px 0 36px -26px #3c2d146b,1px 0 #f3ecdd,3px 0 #ebe1cc,5px 0 #e2d6bb,7px 0 1px #3c2d1447}.book-cell{background:#ece3d2;min-width:0;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c2d142e,0 4px 10px -4px #3c2d1447}.book-cell img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.book-cell--hidden img{opacity:0}.book-cell--empty{background:repeating-linear-gradient(45deg, #8a642006 0, #8a642006 1px, transparent 1px, transparent 7px), var(--surface);box-shadow:inset 0 0 0 1px #8a64200f}.book-cell--landing{z-index:6}.book-cell--landing img{animation:.42s cubic-bezier(.2,.8,.3,1.25) both cell-land}@keyframes cell-land{0%{opacity:0;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}.reveal-overlay{z-index:2000;pointer-events:none;perspective:1200px;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reveal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 45%,#1c140673 0%,#100b03b8 70%);animation:.35s both reveal-dim-in;position:absolute;inset:0}.reveal-backdrop--out{animation:.55s forwards reveal-dim-out}@keyframes reveal-dim-in{0%{opacity:0}to{opacity:1}}@keyframes reveal-dim-out{to{opacity:0}}.reveal-card{will-change:transform, opacity;width:clamp(220px,32vw,380px);transform-style:preserve-3d;animation:.6s cubic-bezier(.2,.85,.3,1.35) both reveal-pop;position:relative}@keyframes reveal-pop{0%{opacity:0;transform:scale(.55)translateY(34px)rotate(-6deg)}60%{opacity:1}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.reveal-card__inner{box-shadow:0 32px 80px -24px #000000bf, 0 0 0 1px #ffffff80, 0 0 60px -12px var(--gold-glow);transform-style:preserve-3d;background:#fff;border-radius:4px;padding:14px 14px 0;animation:3.4s ease-in-out infinite reveal-wobble}@keyframes reveal-wobble{0%,to{transform:rotateY(-8deg)rotateX(4deg)}50%{transform:rotateY(8deg)rotateX(-4deg)}}.reveal-card__photo{aspect-ratio:4/5;background:#14110b;border-radius:2px;position:relative;overflow:hidden}.reveal-card__photo img{object-fit:cover;width:100%;height:100%;display:block}.reveal-card__holo{mix-blend-mode:screen;opacity:.55;pointer-events:none;background:linear-gradient(115deg,#ff3ca038 0%,#50c8ff38 28%,#ffe15a38 55%,#965aff38 82%,#78ffc838 100%) 0 0/220% 220%;animation:3.2s linear infinite reveal-holo;position:absolute;inset:0}@keyframes reveal-holo{0%{background-position:0 0}to{background-position:220% 220%}}.reveal-card__strip{height:44px;font-family:var(--serif);color:var(--gold);justify-content:center;align-items:center;font-size:22px;display:flex}.reveal-shine{pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.reveal-shine:before{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:45%;height:220%;animation:1.5s cubic-bezier(.4,0,.2,1) .2s forwards reveal-sweep;position:absolute;top:-60%;left:-75%;transform:rotate(18deg)}@keyframes reveal-sweep{0%{transform:translate(0)rotate(18deg)}to{transform:translate(520%)rotate(18deg)}}@media (prefers-reduced-motion:reduce){.reveal-card__inner,.reveal-card__holo,.reveal-shine:before{animation:none}}.book-spine{z-index:10;background:linear-gradient(90deg,#d8caac 0%,#e9dec3 22%,#f4ecda 50%,#e9dec3 78%,#d8caac 100%);flex-shrink:0;width:26px;position:relative}.book-spine__shadow{background:linear-gradient(90deg,#0000 48%,#3c2d1480 50%,#0000 52%),linear-gradient(90deg,#3c2d1447 0%,#3c2d140d 32%,#0000 50%,#3c2d140d 68%,#3c2d1447 100%);position:absolute;inset:0}.book{animation:.5s cubic-bezier(.33,.8,.4,1) both spread-turn}@keyframes spread-turn{0%{opacity:0;transform:perspective(2800px)rotateY(-7deg)translateY(6px)}to{opacity:1;transform:perspective(2800px)rotateY(0)translateY(0)}}.book-nav{width:44px;height:64px;font-family:var(--serif);color:var(--gold);border:1px solid var(--border);cursor:pointer;z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#faf6efb3;border-radius:2px;justify-content:center;align-items:center;font-size:34px;line-height:1;transition:background .2s,opacity .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.book-nav:hover:not(:disabled){background:var(--surface);transform:translateY(-50%)scale(1.06)}.book-nav:disabled{opacity:.25;cursor:default}.book-nav--prev{left:max(12px,3vw)}.book-nav--next{right:max(12px,3vw)}.book-folio{font-family:var(--mono);letter-spacing:.18em;color:var(--muted);z-index:30;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.book-folio span{color:var(--border);margin:0 2px}.spinner{border:1.5px solid var(--border);border-top-color:var(--gold);border-radius:50%;width:28px;height:28px;margin:100px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}