@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Caveat:wght@400;500;600&family=IM+Fell+English:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Caveat:wght@400;500;600;700&family=IM+Fell+English:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Caveat:wght@400;500;600;700&family=IM+Fell+English:ital@0;1&display=swap";.scene{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 30%,#8b5e30,#4a2c0e 40%,#1e0e04);overflow:hidden;position:fixed;top:0;left:0}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(91deg,transparent,transparent 4px,rgba(0,0,0,.025) 4px,rgba(0,0,0,.025) 5px);pointer-events:none}.journal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 28px;position:relative;z-index:10;flex-shrink:0}.journal-username{font-family:Caveat,cursive;font-size:19px;color:#f0d296bf;letter-spacing:1px}.logout-btn{font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:#f0c87880;background:transparent;border:none;cursor:pointer;letter-spacing:2px;transition:color .2s;text-transform:lowercase}.logout-btn:hover{color:#f0c878e6}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#8b5e30,#2a1408);zoom:1.08}.loading-text{font-family:IM Fell English,serif;font-style:italic;font-size:22px;color:#f0d296a6;letter-spacing:4px;animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.3}50%{opacity:.85}}.book-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px 16px;perspective:2600px;perspective-origin:50% 46%}.book{position:relative;display:flex;align-items:stretch;width:min(820px,96vw);height:clamp(520px,80vh,720px);filter:drop-shadow(0 36px 68px rgba(0,0,0,.74)) drop-shadow(0 10px 22px rgba(0,0,0,.42));transform-style:preserve-3d}.book:after{content:"";position:absolute;right:-13px;top:6px;bottom:6px;width:13px;background:repeating-linear-gradient(to right,#f0dcb0,#e0c890 1px,#f0dcb0 2px);border-radius:0 3px 3px 0;box-shadow:4px 0 10px #00000059;z-index:-1}.book-spread{position:relative;display:flex;width:100%;height:100%}.book-page{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 22% 18%,rgba(225,188,112,.32) 0%,transparent 50%),radial-gradient(ellipse at 78% 82%,rgba(192,158,88,.22) 0%,transparent 45%),radial-gradient(ellipse at 55% 42%,rgba(212,178,102,.12) 0%,transparent 60%),linear-gradient(158deg,#f9edcf,#f1e2b6 38%,#eee2b2 68%,#e9daa9);-webkit-user-select:none;user-select:none}.book-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(160,120,60,.09) 27px,rgba(160,120,60,.09) 28px);pointer-events:none}.book-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.55;mix-blend-mode:multiply;pointer-events:none}.page-left{border-radius:6px 0 0 6px}.page-right{border-radius:0 6px 6px 0}.spine-divider{width:13px;flex-shrink:0;background:linear-gradient(to right,#b4946a,#99784e,#b4946a);box-shadow:inset 2px 0 5px #0000004d,inset -2px 0 5px #0000004d,0 0 12px #00000061;z-index:2}.page-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;border-radius:inherit;background:linear-gradient(to right,rgba(0,0,0,.22) 0%,rgba(0,0,0,.04) 60%,transparent 100%)}.page-shadow-right{background:linear-gradient(to left,rgba(0,0,0,.22) 0%,rgba(0,0,0,.04) 60%,transparent 100%)}.nav-zone{position:absolute;top:0;bottom:0;z-index:8;cursor:pointer}.nav-zone-left,.nav-zone-right{left:0;right:0}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-family:Cormorant Garamond,serif;font-size:42px;line-height:1;color:#78501e2e;transition:color .22s,transform .22s;pointer-events:none;z-index:9}.nav-arrow-left{left:14px}.nav-arrow-right{right:14px}.page-left:hover .nav-arrow,.page-right:hover .nav-arrow{color:#78501e94;transform:translateY(-50%) scale(1.1)}.photo-on-page{position:absolute;top:46%;left:50%;cursor:pointer;transition:filter .22s ease;z-index:10;display:flex;flex-direction:column;align-items:center;gap:0}.photo-on-page:hover{filter:brightness(1.05) drop-shadow(0 7px 20px rgba(0,0,0,.3))}.photo-on-page:hover .polaroid{transform:scale(1.02) translateY(-2px)}.polaroid{background:#faf6ee;padding:9px 9px 26px;box-shadow:0 4px 20px #00000042,0 1px 5px #0000002e,inset 0 1px #ffffffa6;transition:transform .22s ease;position:relative}.polaroid img{display:block;width:clamp(145px,19vw,200px);height:clamp(145px,19vw,200px);object-fit:cover;filter:saturate(.82) sepia(.14);pointer-events:none}.polaroid-caption{height:20px}.tape{position:absolute;background:#f0dca09e;border:1px solid rgba(200,170,100,.28);z-index:4;border-radius:2px}.tape-tl{width:36px;height:12px;top:-6px;left:14px;transform:rotate(-4deg)}.tape-tr{width:36px;height:12px;top:-6px;right:14px;transform:rotate(4deg)}.desc-snippets{display:flex;flex-direction:column;gap:5px;margin-top:10px;width:calc(clamp(145px,19vw,200px) + 18px);align-items:center}.desc-line{font-family:Caveat,cursive;font-size:14px;line-height:1.4;text-align:center;word-break:break-word;max-width:100%}.desc-line-eiffel{color:#7a1a1ac7;font-style:italic}.desc-line-baby{color:#1a3558c7;font-style:italic}.desc-line-empty{color:#78501e52;font-style:italic;font-size:13px}.page-num{position:absolute;bottom:14px;font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:#64461e6b;z-index:2;pointer-events:none;transition:opacity .5s ease .12s}.page-left .page-num{left:20px}.page-right .page-num{right:20px}.page-num.fade-in{animation:numFadeIn .5s ease .1s both}@keyframes numFadeIn{0%{opacity:0}to{opacity:1}}.page-corner{position:absolute;width:0;height:0;pointer-events:none;transition:border-width .22s ease}.page-right .page-corner{bottom:0;right:0;border-style:solid;border-width:0 0 26px 26px;border-color:transparent transparent rgba(188,158,95,.3) transparent}.page-left .page-corner{bottom:0;left:0;border-style:solid;border-width:26px 0 0 26px;border-color:transparent transparent transparent rgba(188,158,95,.3)}.page-right:hover .page-corner{border-width:0 0 46px 46px;border-color:transparent transparent rgba(188,158,95,.52) transparent}.page-left:hover .page-corner{border-width:46px 0 0 46px;border-color:transparent transparent transparent rgba(188,158,95,.52)}.turning-page{position:absolute;top:0;height:100%;transform-style:preserve-3d;z-index:20;pointer-events:none}.turning-fwd-pos{left:calc(50% + 6.5px);width:calc(50% - 6.5px);transform-origin:left center}.turning-back-pos{left:0;width:calc(50% - 6.5px);transform-origin:right center}.turning-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.turning-face-back{transform:rotateY(180deg)}.turn-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.32) 0%,rgba(0,0,0,.1) 30%,transparent 70%);border-radius:inherit;mix-blend-mode:multiply}@keyframes flipFwd{0%{transform:rotateY(0) translateZ(0)}12%{transform:rotateY(-22deg) translateZ(16px)}48%{transform:rotateY(-88deg) translateZ(24px)}80%{transform:rotateY(-155deg) translateZ(12px)}to{transform:rotateY(-180deg) translateZ(0)}}@keyframes flipBack{0%{transform:rotateY(0) translateZ(0)}12%{transform:rotateY(22deg) translateZ(16px)}48%{transform:rotateY(88deg) translateZ(24px)}80%{transform:rotateY(155deg) translateZ(12px)}to{transform:rotateY(180deg) translateZ(0)}}@keyframes flipFwdRev{0%{transform:rotateY(-180deg) translateZ(0)}20%{transform:rotateY(-155deg) translateZ(12px)}52%{transform:rotateY(-88deg) translateZ(24px)}88%{transform:rotateY(-22deg) translateZ(16px)}to{transform:rotateY(0) translateZ(0)}}@keyframes flipBackRev{0%{transform:rotateY(180deg) translateZ(0)}20%{transform:rotateY(155deg) translateZ(12px)}52%{transform:rotateY(88deg) translateZ(24px)}88%{transform:rotateY(22deg) translateZ(16px)}to{transform:rotateY(0) translateZ(0)}}.spread-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}.spread-dot{width:6px;height:6px;border-radius:50%;background:#dcbe824d;transition:background .3s,transform .3s}.spread-dot.active{background:#dcbe82eb;transform:scale(1.35)}.detail-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:20px;zoom:1.08}.detail-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 25% 30%,rgba(230,185,100,.45) 0%,transparent 55%),radial-gradient(ellipse at 75% 70%,rgba(200,155,80,.35) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(245,225,170,.25) 0%,transparent 65%),linear-gradient(160deg,#e8d5a0,#d4be80 40%,#c8b070 60%,#d4be80);filter:blur(4px);transform:scale(1.04);z-index:0}.detail-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.5;mix-blend-mode:multiply;pointer-events:none;z-index:0}.detail-card{position:relative;z-index:1;display:flex;gap:0;width:min(900px,96vw);height:min(580px,85vh);background:#f8eccc;border-radius:4px 12px 12px 4px;box-shadow:0 30px 80px #00000080,0 10px 30px #0000004d,inset 0 1px #ffe6a099;animation:cardAppear .45s cubic-bezier(.22,1,.36,1) both;overflow:hidden}@keyframes cardAppear{0%{transform:scale(.92) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.detail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 15% 20%,rgba(200,160,70,.18) 0%,transparent 45%),radial-gradient(ellipse at 85% 80%,rgba(180,140,60,.14) 0%,transparent 40%),repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(140,100,50,.07) 27px,rgba(140,100,50,.07) 28px);pointer-events:none;z-index:0}.detail-left{position:relative;z-index:1;width:46%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px;border-right:1px solid rgba(160,120,60,.2);background:radial-gradient(ellipse at 50% 40%,rgba(245,225,160,.2) 0%,transparent 70%)}.back-btn{position:absolute;top:16px;left:16px;font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:#6441198c;background:transparent;border:none;cursor:pointer;letter-spacing:1px;transition:color .2s;z-index:2}.back-btn:hover{color:#644119e6}.detail-polaroid{background:#faf6ee;padding:10px 10px 30px;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffffb3;transform:rotate(-1deg);transition:transform .3s ease;max-width:100%}.detail-polaroid:hover{transform:rotate(0) scale(1.02)}.detail-polaroid img{display:block;width:clamp(180px,28vw,280px);height:clamp(180px,28vw,280px);object-fit:cover;filter:saturate(.8) sepia(.15)}.detail-polaroid-caption{height:28px;display:flex;align-items:center;justify-content:center}.photo-voices{margin-top:14px;width:100%;max-width:clamp(180px,28vw,280px);display:flex;flex-direction:column;gap:6px}.voice-line{display:flex;align-items:baseline;gap:6px;overflow:hidden}.voice-who{font-family:Cormorant Garamond,serif;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;flex-shrink:0;opacity:.7}.voice-text{font-family:Caveat,cursive;font-size:15px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.75}.voice-eiffel .voice-who,.voice-eiffel .voice-text{color:#7a1a1a}.voice-baby .voice-who,.voice-baby .voice-text{color:#1a3558}.detail-right{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;overflow:hidden}.words-header{padding:20px 22px 14px;border-bottom:1px solid rgba(140,100,50,.15)}.words-title{font-family:IM Fell English,serif;font-style:italic;font-size:17px;color:#503214a6;letter-spacing:1px}.messages-list{flex:1;overflow-y:auto;padding:14px 18px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(160,120,60,.3) transparent}.messages-list::-webkit-scrollbar{width:4px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#a0783c4d;border-radius:4px}.messages-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:30px}.messages-empty p{font-family:IM Fell English,serif;font-style:italic;font-size:15px;color:#78501e66;text-align:center;line-height:1.6}.msg{display:flex;flex-direction:column;max-width:82%;animation:msgAppear .3s ease both}@keyframes msgAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.msg-eiffel{align-self:flex-end;align-items:flex-end}.msg-eiffel .msg-author{font-family:Caveat,cursive;font-size:13px;color:#7a1a1a8c;margin-bottom:3px;letter-spacing:1px}.msg-eiffel .msg-bubble{background:#fff5f0cc;border:1px solid rgba(180,100,80,.2);border-radius:14px 4px 14px 14px;padding:8px 14px;font-family:Caveat,cursive;font-size:19px;color:#7a1a1a;line-height:1.45;word-break:break-word;box-shadow:0 2px 8px #8c3c321f}.msg-baby{align-self:flex-start;align-items:flex-start}.msg-baby .msg-author{font-family:Caveat,cursive;font-size:13px;color:#1a35588c;margin-bottom:3px;letter-spacing:1px}.msg-baby .msg-bubble{background:#f0f6ffcc;border:1px solid rgba(80,110,160,.18);border-radius:4px 14px 14px;padding:8px 14px;font-family:Caveat,cursive;font-size:19px;color:#1a3558;line-height:1.45;word-break:break-word;box-shadow:0 2px 8px #32508c1a}.write-form{padding:12px 18px 16px;border-top:1px solid rgba(140,100,50,.15);background:#f8f0d799}.write-row{display:flex;align-items:center;gap:10px}.write-who{font-family:Caveat,cursive;font-size:18px;flex-shrink:0;letter-spacing:1px;padding-right:4px}.write-input{flex:1;background:transparent;border:none;border-bottom:1.5px solid rgba(120,80,30,.25);padding:6px 4px;font-family:Caveat,cursive;font-size:18px;outline:none;transition:border-color .2s}.write-input:focus{border-bottom-color:#78501e99}.write-input::placeholder{color:#78501e4d;font-size:15px}.write-submit{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:background .2s,transform .15s;flex-shrink:0}.write-submit:hover{transform:scale(1.1)}.submit-eiffel{background:#7a1a1a1f;color:#7a1a1a}.submit-eiffel:hover{background:#7a1a1a38}.submit-baby{background:#1a35581f;color:#1a3558}.submit-baby:hover{background:#1a355838}.detail-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 40%,#8b5e30,#2a1408)}.detail-loading p{font-family:IM Fell English,serif;font-style:italic;font-size:20px;color:#f0d296a6;letter-spacing:3px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.85}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.login-scene{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 40% 35%,#7a4520,#3d1e0a 45%,#1a0c04);position:relative;overflow:hidden;zoom:1.08}.login-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(91deg,transparent 0,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px),repeating-linear-gradient(89deg,transparent 0,transparent 5px,rgba(255,255,255,.015) 5px,rgba(255,255,255,.015) 6px);pointer-events:none}.login-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,rgba(255,180,80,.08) 0%,transparent 70%);pointer-events:none}.dust-particle{position:absolute;border-radius:50%;background:#ffd2828c;pointer-events:none;animation:floatDust linear infinite}@keyframes floatDust{0%{transform:translateY(110vh);opacity:0}8%{opacity:.7}92%{opacity:.4}to{transform:translateY(-40px) translate(20px);opacity:0}}.d0{width:2px;height:2px;left:8%;animation-duration:9s;animation-delay:0s}.d1{width:3px;height:3px;left:18%;animation-duration:13s;animation-delay:2s}.d2{width:1px;height:1px;left:30%;animation-duration:11s;animation-delay:1s}.d3{width:2px;height:2px;left:45%;animation-duration:8s;animation-delay:4s}.d4{width:3px;height:3px;left:60%;animation-duration:12s;animation-delay:.5s}.d5{width:1px;height:1px;left:72%;animation-duration:7s;animation-delay:3s}.d6{width:2px;height:2px;left:84%;animation-duration:14s;animation-delay:1.5s}.d7{width:1px;height:1px;left:13%;animation-duration:10s;animation-delay:6s}.d8{width:3px;height:3px;left:38%;animation-duration:9s;animation-delay:2.5s}.d9{width:2px;height:2px;left:53%;animation-duration:15s;animation-delay:1s}.login-book-stage{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;perspective:2000px}.login-book{position:relative;display:flex;align-items:stretch;width:min(780px,92vw);height:min(500px,68vh);filter:drop-shadow(0 28px 55px rgba(0,0,0,.68)) drop-shadow(0 8px 18px rgba(0,0,0,.4))}.login-book:after{content:"";position:absolute;right:-10px;top:6px;bottom:6px;width:10px;background:repeating-linear-gradient(to right,#f0dcb0,#e0c890 1px,#f0dcb0 2px);border-radius:0 3px 3px 0;box-shadow:3px 0 8px #0000004d;z-index:-1}.login-book.shake{animation:bookShake .65s cubic-bezier(.36,.07,.19,.97) both}@keyframes bookShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-10px) rotate(-1deg)}25%{transform:translate(10px) rotate(1deg)}40%{transform:translate(-8px) rotate(-.8deg)}55%{transform:translate(8px) rotate(.8deg)}70%{transform:translate(-5px) rotate(-.4deg)}85%{transform:translate(5px) rotate(.4deg)}}.login-book.opening{animation:openingFly 1.5s cubic-bezier(.4,.1,.6,.9) forwards;transform-origin:center center}@keyframes openingFly{0%{transform:scale(1) translateY(0);opacity:1}60%{transform:scale(1.04) translateY(-10px);opacity:.9}to{transform:scale(.88) translateY(30px);opacity:0}}.lpage{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 15%,rgba(220,185,110,.35) 0%,transparent 50%),radial-gradient(ellipse at 80% 85%,rgba(190,155,85,.25) 0%,transparent 45%),linear-gradient(160deg,#f8ecce,#f0e0b4 40%,#ede0b0,#e8d8a8)}.lpage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent,transparent 27px,rgba(160,120,60,.09) 27px,rgba(160,120,60,.09) 28px);pointer-events:none}.lpage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.55;mix-blend-mode:multiply;pointer-events:none}.lpage-left{border-radius:6px 0 0 6px}.lpage-right{border-radius:0 6px 6px 0}.lspine{width:12px;flex-shrink:0;background:linear-gradient(to right,#b8986a,#9a7a50,#b8986a);box-shadow:inset 1px 0 4px #00000040,inset -1px 0 4px #00000040;z-index:2}.lpage-num{position:absolute;bottom:14px;font-family:IM Fell English,serif;font-style:italic;font-size:12px;color:#64461e66;z-index:1}.lpage-left .lpage-num{left:18px}.lpage-right .lpage-num{right:18px}.lpage-corner{position:absolute;width:0;height:0;pointer-events:none}.lpage-right .lpage-corner{bottom:0;right:0;border-style:solid;border-width:0 0 22px 22px;border-color:transparent transparent rgba(185,155,95,.35) transparent}.lpage-left .lpage-corner{bottom:0;left:0;border-style:solid;border-width:22px 0 0 22px;border-color:transparent transparent transparent rgba(185,155,95,.35)}.title-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:1;pointer-events:none;padding:28px}.tp-ornament{font-size:11px;letter-spacing:10px;color:#8c5a1e80;font-family:Cormorant Garamond,serif}.tp-names{display:flex;align-items:center;gap:10px;margin:8px 0}.tp-name{font-family:Cormorant Garamond,serif;font-size:38px;font-weight:500;color:#5a3010;letter-spacing:4px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.15)}.tp-amp{font-family:Cormorant Garamond,serif;font-style:italic;font-size:28px;color:#8c5a1e66}.tp-subtitle{font-family:IM Fell English,serif;font-style:italic;font-size:13px;color:#784b1980;letter-spacing:6px;text-transform:uppercase}.tp-divider{width:55%;height:1px;background:linear-gradient(to right,transparent,rgba(140,90,30,.28),transparent);margin:8px 0}.tp-quote{font-family:Caveat,cursive;font-size:17px;color:#64411973;text-align:center;font-style:italic;line-height:1.55;max-width:78%}.form-page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;gap:14px;z-index:1}.form-page-title{font-family:IM Fell English,serif;font-style:italic;font-size:18px;color:#502d0fad;text-align:center;letter-spacing:1px;line-height:1.4}.persona-row{display:flex;gap:14px;justify-content:center}.persona-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 20px;background:transparent;border:1px solid rgba(120,70,20,.22);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,transform .15s;font-family:Caveat,cursive;font-size:18px;color:#5a3820}.persona-btn:hover{background:#7846140f;border-color:#78461473;transform:translateY(-2px)}.persona-btn.active{background:#64370f1a;border-color:#8b4513}.persona-initial{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#8b4513,#4a2008);color:#f5e6c8;display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:600}.pw-field{width:100%;max-width:240px}.pw-input{width:100%;padding:8px 6px;background:transparent;border:none;border-bottom:1.5px solid rgba(100,60,20,.32);font-family:Caveat,cursive;font-size:20px;color:#3d1a0a;outline:none;text-align:center;letter-spacing:3px;transition:border-color .2s}.pw-input::placeholder{color:#643c1442;letter-spacing:1px;font-size:15px}.pw-input:focus{border-bottom-color:#8b4513}.error-ribbon{background:linear-gradient(to right,#8b1414,#c41230);color:#fff5f5;padding:7px 14px;border-radius:4px;font-family:Caveat,cursive;font-size:15px;text-align:center;width:100%;max-width:240px;animation:fadeInDown .3s ease both}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.unlock-btn{width:100%;max-width:240px;padding:12px;background:linear-gradient(160deg,#6b3418,#3d1a0a);color:#f5e6c8;border:none;border-radius:6px;font-family:Cormorant Garamond,serif;font-size:16px;font-weight:500;letter-spacing:5px;text-transform:uppercase;cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s;box-shadow:0 4px 14px #00000038}.unlock-btn:hover{background:linear-gradient(160deg,#8b4513,#5c2a10);transform:translateY(-1px);box-shadow:0 6px 20px #0000004d}.unlock-btn:disabled{opacity:.55;cursor:default;transform:none}