:root{--bg: #0a0505;--crimson: #8b0000;--blood: #6b0000;--ember: #dc143c;--rose: #ff2244;--gold: #c9a84c;--bone: #d4c5a9;--page-cream: #1a0d0d;--text-light: #e8d5c4;--text-dim: #8a7060}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text-light);font-family:Cormorant Garamond,Georgia,serif;font-size:118%;-webkit-font-smoothing:antialiased}#canvas-container{position:fixed;inset:0;z-index:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important;cursor:pointer}#grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:180px}body:after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(5,2,2,.5) 75%,rgba(5,2,2,.85) 100%)}#intro{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140505eb,#0a0505fa);transition:opacity 1.6s cubic-bezier(.4,0,.2,1),visibility 1.6s}#intro.fade-out{opacity:0;visibility:hidden;pointer-events:none}.intro-content{text-align:center;max-width:520px;padding:2rem}.intro-ornament{font-size:1.2rem;color:var(--crimson);letter-spacing:1em;opacity:0;animation:fadeUp 1.2s ease both}.intro-ornament.top{margin-bottom:1.5rem;animation-delay:.2s}.intro-ornament.bottom{margin-top:2rem;animation-delay:3s}.intro-title{font-family:Cinzel Decorative,Georgia,serif;font-weight:900;font-size:clamp(3rem,10vw,5.5rem);color:var(--ember);letter-spacing:.08em;line-height:1.1;opacity:0;animation:fadeUp 1.8s ease both;animation-delay:.6s;text-shadow:0 0 40px rgba(220,20,60,.4),0 0 80px rgba(139,0,0,.2)}.intro-divider{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--crimson),transparent);margin:1.2rem auto;opacity:0;animation:fadeUp 1s ease both;animation-delay:1.2s}.intro-subtitle{font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(1rem,3vw,1.4rem);color:var(--gold);letter-spacing:.25em;text-transform:uppercase;opacity:0;animation:fadeUp 1.2s ease both;animation-delay:1.5s}.intro-message{margin-top:1.8rem;font-style:italic;font-size:clamp(.95rem,2.5vw,1.15rem);line-height:1.8;color:var(--text-dim);opacity:0;animation:fadeUp 1.4s ease both;animation-delay:2s}#open-album{margin-top:2.5rem;padding:.8rem 2.4rem;background:transparent;border:1px solid var(--crimson);color:var(--ember);font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all .4s ease;opacity:0;animation:fadeUp 1s ease both;animation-delay:2.8s}#open-album:hover{background:var(--crimson);color:var(--bone);box-shadow:0 0 30px #8b000080}#open-album:disabled{opacity:.25;cursor:default;pointer-events:none}#password-gate{margin-top:2rem;opacity:0;animation:fadeUp 1s ease both;animation-delay:2.6s}.gate-hint{font-style:italic;font-size:.95rem;color:var(--bone);margin-bottom:.8rem;letter-spacing:.05em}#gate-input{display:block;width:300px;margin:0 auto;padding:.7rem 1rem;background:#0a050599;border:1px solid rgba(139,0,0,.3);border-radius:0;color:var(--ember);font-family:Cormorant Garamond,serif;font-size:1.3rem;text-align:center;letter-spacing:.15em;outline:none;transition:border-color .3s ease,box-shadow .3s ease}#gate-input::placeholder{color:#dc143c73;letter-spacing:.08em;font-size:.85rem}#gate-input:focus{border-color:var(--crimson);box-shadow:0 0 16px #8b000040}#gate-error{height:1.4rem;margin-top:.5rem;font-style:italic;font-size:.8rem;color:var(--ember);opacity:0;transition:opacity .4s ease}#gate-error.visible{opacity:1}@keyframes headShake{0%,to{transform:translate(0)}15%,45%,75%{transform:translate(-6px)}30%,60%,90%{transform:translate(6px)}}#gate-input.shake{animation:headShake .5s ease;border-color:var(--ember)}#controls{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:1.5rem;transition:opacity .8s ease}#controls.hidden{opacity:0;pointer-events:none}#prev-page,#next-page{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#140505b3;border:1px solid rgba(139,0,0,.4);border-radius:50%;color:var(--ember);font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#prev-page:hover,#next-page:hover{background:#8b000080;border-color:var(--ember);box-shadow:0 0 20px #dc143c4d}#prev-page:disabled,#next-page:disabled{opacity:.2;cursor:default;pointer-events:none}#page-indicator{font-family:Cormorant Garamond,serif;font-size:.85rem;color:var(--text-dim);letter-spacing:.2em;min-width:80px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}