.landing{width:100%;height:100vh;background:radial-gradient(ellipse at 50% 60%,#1e0e06,#0d0a08 60%,#080604);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none}.particle{position:absolute;border-radius:50%;background:var(--gold);pointer-events:none}.landing__content{text-align:center;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem}.landing__ornament{font-size:2rem;color:var(--gold);opacity:.6;line-height:1}.landing__phrase{font-family:IM Fell English,serif;font-size:clamp(1.6rem,4vw,2.8rem);color:var(--cream);line-height:1.7;font-weight:400;font-style:italic;max-width:600px;text-shadow:0 2px 40px rgba(201,169,110,.2);opacity:0}.landing__phrase--sub{font-size:clamp(1rem,2.2vw,1.4rem);color:var(--gold);font-style:italic;display:block;margin-top:.6rem;opacity:.85}.landing__divider{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.landing__btn{display:flex;align-items:center;gap:1rem;background:transparent;border:1px solid rgba(201,169,110,.5);color:var(--gold-light);padding:.85rem 2.4rem;font-size:1rem;font-family:Cormorant Garamond,serif;letter-spacing:.2em;text-transform:uppercase;transition:border-color .3s,color .3s,background .3s;opacity:0;position:relative;overflow:hidden}.landing__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c9a96e0f;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.landing__btn:hover:before{transform:scaleX(1)}.landing__btn:hover{border-color:var(--gold);color:var(--cream)}.landing__btn svg{width:40px;height:12px;color:currentColor}.page-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;position:relative;background:var(--cream);overflow:hidden}.page-cover{background:#170002;border-left:1px solid rgba(255,100,120,.2);padding:0}.cover__full-image{width:100%;height:100%;object-fit:cover;object-position:center}.page-cover-back,.page-back-cover{background:linear-gradient(160deg,#1a0e08,#2c1610,#1a0e08)}.cover-back__pattern{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid rgba(201,169,110,.15);border-radius:1px}.cover-back__pattern:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(201,169,110,.08)}.page-poem{justify-content:flex-start;padding-top:3rem;background:linear-gradient(180deg,#f5ede0,#f0e6d4)}.poem__chapter{font-size:.75rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:.5rem}.poem__title{font-family:Pinyon Script,cursive;font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:400;font-style:normal;color:var(--ink);text-align:center;margin-bottom:.8rem}.poem__rule{width:40px;height:1px;background:var(--gold);opacity:.5;margin-bottom:1.5rem}.poem__body{font-family:Cormorant Garamond,serif;font-size:clamp(.85rem,1.8vw,1rem);line-height:2;color:var(--ink-light);white-space:pre-line;text-align:center;font-style:italic;max-width:85%}.page-image{background:linear-gradient(180deg,#f0e6d4,#e8d8c0);gap:1.2rem}.image__frame{width:80%;aspect-ratio:4/3;max-height:75%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;position:relative;background:#c9a96e0d}.image__frame:before,.image__frame:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--gold);border-style:solid;opacity:.5}.image__frame:before{top:6px;left:6px;border-width:1px 0 0 1px}.image__frame:after{bottom:6px;right:6px;border-width:0 1px 1px 0}.image__photo{width:100%;height:100%;object-fit:cover;z-index:1}.image__placeholder{display:flex;flex-direction:column;align-items:center;gap:.8rem;opacity:.5}.image__icon{font-size:2rem;color:var(--gold)}.image__label{font-size:.75rem;letter-spacing:.15em;color:var(--ink-light);text-transform:uppercase;text-align:center;max-width:80%}.image__caption{font-family:IM Fell English,serif;font-style:italic;font-size:.85rem;color:var(--ink-light);text-align:center;opacity:.7}.page-quote{background:linear-gradient(180deg,#f5ede0,#f0e6d4);gap:1.5rem}.quote__mark{font-family:IM Fell English,serif;font-size:6rem;line-height:.8;color:var(--gold);opacity:.3;align-self:flex-start;margin-left:10%}.quote__text{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(1rem,2.2vw,1.3rem);line-height:1.7;color:var(--ink);text-align:center;max-width:80%}.quote__attribution{font-size:.8rem;letter-spacing:.2em;color:var(--gold);text-transform:uppercase}.page-closing{background:linear-gradient(180deg,#f0e6d4,#e8d8c0);gap:1.2rem}.closing__ornament{font-size:2rem;color:var(--gold);opacity:.5}.closing__message{font-family:IM Fell English,serif;font-style:italic;font-size:clamp(.95rem,2vw,1.2rem);line-height:1.8;color:var(--ink);text-align:center;max-width:80%}.closing__rule{width:50px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.closing__signature{font-family:Cormorant Garamond,serif;font-size:1rem;letter-spacing:.15em;color:var(--ink-light);font-style:italic}.closing__heart{font-size:1.2rem;color:#8b1a2a;opacity:.7}.page__number{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:.7rem;color:var(--gold);opacity:.4;letter-spacing:.1em}@media (max-width: 600px){.page-content{padding:1rem .5rem}.poem__title{font-size:clamp(1rem,4vw,1.4rem);margin-bottom:.3rem}.poem__chapter{font-size:.5rem;letter-spacing:.15em;margin-bottom:.3rem}.poem__body{font-size:.7rem;line-height:1.4;max-width:95%}.poem__rule{margin-bottom:.8rem;width:25px}.image__caption{font-size:.65rem}.image__frame{width:95%}.quote__mark{font-size:2.5rem;margin-left:5%}.quote__text{font-size:.75rem;line-height:1.4;max-width:95%}.closing__message{font-size:.75rem;max-width:95%}.closing__signature{font-size:.7rem}.page__number{bottom:.3rem;font-size:.5rem}}.libro-scene{width:100%;height:100vh;background:radial-gradient(ellipse at 50% 40%,#1a0e06,#0d0a08 55%,#080604);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.libro-glow{position:absolute;width:600px;height:300px;top:30%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(201,169,110,.07) 0%,transparent 70%);pointer-events:none}.libro-container{perspective:2000px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.book{position:relative;display:flex;align-items:stretch;transform-style:preserve-3d;transform:rotateX(4deg);filter:drop-shadow(0 40px 60px rgba(0,0,0,.8));transition:transform .8s cubic-bezier(.45,0,.55,1)}.book--closed{transform:translate(-25%) rotateX(4deg)}.book--closed .book__page--left,.book--closed .book__page-edge--left{opacity:0;pointer-events:none}.book__page{width:clamp(160px,28vw,320px);height:clamp(220px,42vw,460px);position:relative;overflow:hidden;flex-shrink:0;will-change:transform}.book__page--left{border-radius:2px 0 0 2px;box-shadow:inset -6px 0 20px #00000026,-2px 0 8px #0000004d;transition:opacity .4s cubic-bezier(.45,0,.55,1)}.book__page--right{border-radius:0 2px 2px 0;box-shadow:inset 6px 0 20px #0000001a,2px 0 8px #0003}.book__page-edge{position:absolute;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#c9a96e1a,#c9a96e4d 30%,#c9a96e26 70%,#c9a96e0d);pointer-events:none}.book__page-edge--left{left:0;transition:opacity .4s cubic-bezier(.45,0,.55,1)}.book__page-edge--right{right:0}.book__spine{width:12px;height:clamp(220px,42vw,460px);background:linear-gradient(90deg,#1a0e08,#3a1e0e 40%,#2a1508 60%,#1a0e08);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;flex-shrink:0;z-index:2;box-shadow:-3px 0 8px #0006,3px 0 8px #0006}.book__spine-line{width:2px;height:60%;background:linear-gradient(180deg,transparent,rgba(201,169,110,.2),transparent)}.book__flip-page{position:absolute;top:0;width:clamp(160px,28vw,320px);height:clamp(220px,42vw,460px);display:none;transform-style:preserve-3d;z-index:10;will-change:transform}.book__flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;will-change:transform}.book__flip-face--front{border-radius:0 2px 2px 0;box-shadow:inset 6px 0 20px #0000001a}.book__flip-face--back{border-radius:2px 0 0 2px;transform:rotateY(180deg);box-shadow:inset -6px 0 20px #00000026}.book__flip-shadow{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent);z-index:9;pointer-events:none}.book__bottom-shadow{position:absolute;bottom:-40px;left:5%;right:5%;height:40px;background:radial-gradient(ellipse at 50% 0%,rgba(0,0,0,.6),transparent 70%);pointer-events:none}.libro-nav{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;z-index:20}.libro-nav__btn{width:44px;height:44px;border:1px solid rgba(201,169,110,.3);background:transparent;color:#c9a96eb3;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:border-color .3s,color .3s,background .3s}.libro-nav__btn:hover:not(.disabled){border-color:var(--gold);color:var(--gold-light);background:#c9a96e14}.libro-nav__btn.disabled{opacity:.2;cursor:not-allowed}.libro-nav__btn svg{width:18px;height:18px}.libro-nav__dots{display:flex;gap:6px;align-items:center}.libro-nav__dot{width:5px;height:5px;border-radius:50%;background:#c9a96e40;transition:background .3s,transform .3s}.libro-nav__dot.active{background:var(--gold);transform:scale(1.3)}.libro-hint{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);font-size:.7rem;letter-spacing:.15em;color:#c9a96e59;text-transform:uppercase;white-space:nowrap}@media (max-width: 600px){.book{transform:rotateX(2deg)}.book.book--closed{transform:translate(-25%) rotateX(2deg)}.book__page{width:clamp(140px,46vw,220px);height:clamp(200px,70vw,320px)}.book__spine{width:8px;height:clamp(200px,70vw,320px)}.book__flip-page{width:clamp(140px,46vw,220px);height:clamp(200px,70vw,320px)}.libro-hint{font-size:.6rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #f5ede0;--cream-dark: #e8d8c0;--ink: #2c1a0e;--ink-light: #5a3e2b;--gold: #c9a96e;--gold-light: #e8c98a;--deep: #0d0a08;--deep2: #1a1008;--red-wine: #6b1a2a;--shadow: rgba(0,0,0,.6)}html,body{width:100%;height:100%;overflow:hidden;background:var(--deep);font-family:Cormorant Garamond,serif;color:var(--ink);-webkit-font-smoothing:antialiased}#root{width:100%;height:100vh}button{cursor:pointer;font-family:Cormorant Garamond,serif}