@import"https://fonts.googleapis.com/css2?family=Georgia&display=swap";:root{--bg-color: #0a192f;--accent-gold: #fbbf24;--text-light: #e2e8f0;--geocore-blue: #1a3a5c;--header-height: 50px;--controls-height: 60px;--links-height: 30px;--page-width: 350px;--page-height: 495px;--dynamic-book-scale: 1;color-scheme:light only;forced-color-adjust:none}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-light);font-family:Georgia,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",serif;min-height:100vh;min-height:100dvh;overflow:hidden}#root{display:contents}.app-container{display:grid;width:100vw;height:100vh;height:100dvh;overflow:hidden}.app-container.layout-portrait{grid-template-columns:minmax(0,1fr);grid-template-rows:var(--header-height) 1fr auto auto;grid-template-areas:"header" "book" "controls" "links";padding:0 10px env(safe-area-inset-bottom) 10px}.layout-portrait .logo-container{grid-area:header;display:flex;justify-content:center;align-items:center}.layout-portrait .book-wrapper{grid-area:book;display:flex;justify-content:center;align-items:center;overflow:visible;min-height:0;width:100%;max-width:100%;min-width:0}.layout-portrait .controls{grid-area:controls;justify-self:center;margin:12px 0 8px}.layout-portrait .secondary-links{grid-area:links;justify-self:center;margin-bottom:10px}.layout-portrait .page-indicator{position:fixed;bottom:calc(10px + env(safe-area-inset-bottom));right:10px}.app-container.layout-landscape{grid-template-rows:var(--header-height) 1fr auto auto;grid-template-areas:"header" "book" "controls" "links";padding:0 20px 10px}.layout-landscape .logo-container{grid-area:header;display:flex;justify-content:center;align-items:center}.layout-landscape .book-wrapper{grid-area:book;display:flex;justify-content:center;align-items:center;overflow:visible;min-height:0}.layout-landscape .controls{grid-area:controls;justify-self:center;margin:10px 0}.layout-landscape .secondary-links{grid-area:links;justify-self:center;margin-bottom:5px}.layout-landscape .page-indicator{position:fixed;bottom:15px;right:20px}.app-container.layout-mobile-landscape{grid-template-columns:80px 1fr 55px;grid-template-rows:1fr;grid-template-areas:"links book controls";padding:5px}.layout-mobile-landscape .logo-container{display:none!important}.layout-mobile-landscape .book-wrapper{grid-area:book;display:flex;justify-content:center;align-items:center;overflow:visible;min-height:0}.layout-mobile-landscape .controls{grid-area:controls;flex-direction:column;padding:10px 8px;gap:8px;border-radius:20px;align-self:center;background:#0d1930e6}.layout-mobile-landscape .controls .btn-text{display:none}.layout-mobile-landscape .secondary-links{grid-area:links;flex-direction:column;align-items:flex-start;align-self:center;padding:8px;gap:4px;font-size:.65rem;background:#0006;border-radius:10px}.layout-mobile-landscape .secondary-links .separator{display:none}.layout-mobile-landscape .page-indicator{position:fixed;bottom:5px;right:60px;font-size:.65rem}.book-wrapper{perspective:2000px;transition:transform .5s ease}.book-container{position:relative;display:flex;justify-content:center;align-items:center;z-index:10;transform-origin:center center;cursor:grab;touch-action:pan-y pinch-zoom;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.book-container:active{cursor:grabbing}.book-stage{position:relative;border-radius:0 8px 8px 0;transform-style:preserve-3d;touch-action:pan-y pinch-zoom}.my-page{background:#fff;overflow:hidden;background-image:linear-gradient(180deg,#fff,#faf8f5);box-shadow:0 5px 25px #0000004d;color-scheme:only light;forced-color-adjust:none;touch-action:pan-y pinch-zoom;cursor:pointer}.progressive-image{width:100%;height:100%;object-fit:cover;display:block;transition:filter .4s ease,transform .4s ease}.progressive-image.loading{filter:blur(15px);transform:scale(1.05)}.progressive-image.loaded{filter:blur(0);transform:scale(1)}.page-cover{background:#1a1a1a;position:relative;box-shadow:inset 0 0 80px #ffffff0d}.page-cover img{width:100%;height:100%;object-fit:cover}.cover-text{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;padding:20px 15px 25px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cover-text h1{font-family:Georgia,serif;font-size:1.6rem;font-weight:700;color:var(--geocore-blue);margin:0 0 8px;line-height:1.2}.cover-text p{font-family:Georgia,serif;font-size:.95rem;color:var(--geocore-blue);margin:0;opacity:.8}.page-image{background:#1a1a1a;box-shadow:inset -3px 0 8px #0000001a}.page-image img{width:100%;height:100%;object-fit:cover;display:block}.page-text{background-image:url(/pf2026/assets/images/background.jpg)!important;background-size:cover!important;background-position:center;color:#2a2a2a;padding:10px 15px;display:flex;align-items:flex-start;box-shadow:inset 3px 0 8px #00000014}.page-text p{font-family:Georgia,serif;font-size:1rem;line-height:1.7;color:#2a2a2a;margin:0;text-align:justify;-webkit-hyphens:auto;hyphens:auto;white-space:pre-line}.page-pf2026{background-size:cover;background-position:center}.pf-content{padding:15px 20px 10px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--geocore-blue);overflow:hidden}.pf-content h1{font-size:1.6rem;font-weight:700;margin:0 0 10px;color:var(--geocore-blue);letter-spacing:2px}.pf-wish{font-size:.8rem;line-height:1.45;margin:0 0 8px;max-width:95%}.pf-italic{font-style:italic;font-size:.75rem;margin:0 0 8px;opacity:.9;max-width:95%}.pf-thanks{font-size:.75rem;margin:0 0 10px;max-width:95%}.pf-signature{font-weight:700;font-size:.85rem;margin:0 0 12px;line-height:1.3}.pf-divider{width:40px;height:1px;background:var(--geocore-blue);opacity:.3;margin:0 0 10px}.pf-links{margin:0 0 8px;font-size:.7rem}.pf-links p{margin:4px 0}.pf-links a{color:var(--geocore-blue);text-decoration:underline}.pf-address{font-size:.65rem;opacity:.4;line-height:1.3;margin:0}.logo-container{z-index:100}.logo-container a{display:block}.logo{height:36px;filter:brightness(0) invert(1);opacity:.9}.controls{z-index:100;display:flex;gap:1rem;background:#0d1930d9;padding:.7rem 1.4rem;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006}.controls button{background:none;border:none;color:#fff;cursor:pointer;font-family:Georgia,serif;font-size:.9rem;display:flex;align-items:center;gap:.4rem;transition:all .3s ease;white-space:nowrap}.controls button:hover{color:var(--accent-gold);transform:scale(1.05)}.controls button.active{color:var(--accent-gold);font-weight:700}.controls .share-button{background:linear-gradient(135deg,var(--accent-gold),#f59e0b)!important;color:#1a1a1a!important;padding:.4rem .8rem!important;border-radius:25px!important;font-weight:700;box-shadow:0 2px 10px #fbbf244d}.controls .share-button:hover{transform:scale(1.08);box-shadow:0 4px 15px #fbbf2480}.secondary-links{z-index:100;font-size:.8rem;opacity:.7;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.secondary-links a{color:inherit;text-decoration:none;border-bottom:1px dotted #ccc}.secondary-links a:hover{color:var(--accent-gold);border-bottom:1px solid var(--accent-gold)}.secondary-links .separator{opacity:.5}.feedback-link{color:var(--accent-gold)!important;border-bottom-color:var(--accent-gold)!important}.share-button{background:linear-gradient(135deg,var(--accent-gold),#f59e0b);border:none;color:#1a1a1a;padding:.6rem 1.1rem;border-radius:30px;font-family:Georgia,serif;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.share-button:hover{transform:scale(1.05);box-shadow:0 6px 20px #fbbf2480}.page-indicator{background:#ffffff1a;padding:.35rem .7rem;border-radius:20px;font-size:.75rem;opacity:.7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.text-link-share{background:none;border:none;color:var(--text-light);font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:color .2s}.text-link-share:hover{color:var(--accent-gold);text-decoration:underline}@media(max-width:400px){:root{--header-height: 40px}.logo{height:28px}.controls{padding:.5rem .8rem;gap:.6rem}.controls button{font-size:.85rem}.controls .btn-text{display:none}.secondary-links{font-size:.7rem;gap:.3rem}}@media(min-width:401px)and (max-width:600px){.controls .btn-text{display:none}}@media(orientation:landscape)and (max-height:600px){.controls .btn-text{display:none}}@media(min-width:601px)and (max-width:1024px)and (orientation:portrait){:root{--header-height: 60px}.logo{height:42px}.controls{padding:.8rem 1.6rem;gap:1.2rem}}@media(min-width:1400px)and (min-height:900px){:root{--header-height: 70px}.logo{height:48px}.controls{padding:1rem 2rem;gap:1.5rem}.controls button{font-size:1rem}.secondary-links{font-size:.9rem}}.layout-mobile-landscape .controls{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:2000;display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;background:#fffffff2;border:1px solid rgba(0,0,0,.1);padding:8px 15px;border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #00000026;gap:20px;width:auto;min-width:200px}.layout-mobile-landscape .controls button{color:#333!important}@media(max-height:400px){.layout-mobile-landscape{grid-template-columns:1fr 1fr;display:flex;width:100vw;margin:0;padding:0!important;overflow:hidden}@supports (padding: env(safe-area-inset-bottom)){.app-container.layout-mobile-landscape{padding-right:env(safe-area-inset-right)!important}}}@supports (padding: env(safe-area-inset-bottom)){.app-container.layout-portrait{padding-bottom:max(10px,env(safe-area-inset-bottom));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app-container.layout-mobile-landscape{padding-left:max(5px,env(safe-area-inset-left));padding-right:max(5px,env(safe-area-inset-right))}}@media(max-width:600px){.pf-content{padding:12px 10px;transform:scale(1.1);transform-origin:center center}.pf-content h1{font-size:1.5rem;margin-bottom:8px}.pf-wish{font-size:.95rem;line-height:1.4;margin-bottom:6px}.pf-italic{font-size:.9rem;margin-bottom:6px}.pf-thanks{font-size:.9rem;margin-bottom:8px}.pf-signature{font-size:1rem;margin-bottom:10px}.pf-links{font-size:.85rem;margin-bottom:8px}.pf-address{font-size:.75rem}}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}.controls button:focus-visible,.secondary-links a:focus-visible,.share-button:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}@media(hover:none){.controls button:active{transform:scale(.95);color:var(--accent-gold)}}.mobile-portrait-view{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 5px 25px #0000004d}.cover-view{position:relative;background:#1a1a1a}.mobile-cover-image{width:100%;height:100%}.mobile-cover-image img{object-fit:cover;width:100%;height:100%}.mobile-cover-overlay{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;padding:20px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-cover-overlay h1{font-family:Georgia,serif;font-size:1.5rem;font-weight:700;color:var(--geocore-blue);margin:0 0 10px}.mobile-cover-overlay p{color:var(--geocore-blue);margin:0}.pf-view{background-image:url(/pf2026/assets/images/background.jpg);background-size:cover;justify-content:center}.split-view{background:#fff}.mobile-image-section{flex:3;min-height:0;background:#1a1a1a}.mobile-image-section img{width:100%;height:100%;object-fit:cover;display:block}.mobile-text-section{flex:1;padding:15px;background-image:url(/pf2026/assets/images/background.jpg);background-size:cover;overflow-y:auto;display:flex;align-items:center;justify-content:center}.mobile-text-section p{font-family:Georgia,serif;font-size:.9rem;line-height:1.6;color:#2a2a2a;text-align:justify;white-space:pre-line;margin:0}@media(max-height:700px){.mobile-cover-overlay{padding:15px}.mobile-cover-overlay h1{font-size:1.2rem}}.cookie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:20px}.cookie-modal{background:#fff;color:#333;padding:25px;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 40px #0000004d;text-align:center;animation:fadeIn .3s ease-out}.cookie-modal h3{margin-top:0;color:#1a1a1a;font-size:1.2rem;margin-bottom:15px}.cookie-modal p{font-size:.9rem;line-height:1.5;color:#555;margin-bottom:25px}.cookie-buttons{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}@media(min-width:600px){.cookie-buttons{flex-direction:row;justify-content:center}}.cookie-modal .btn-primary{background:#b5c327;color:#fff;font-weight:700;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;flex:1}.cookie-modal .btn-primary:hover{filter:brightness(.95)}.cookie-modal .btn-secondary,.cookie-modal .btn-tertiary{background:transparent;border:1px solid #ccc;color:#555;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;flex:1}.cookie-modal .btn-secondary:hover,.cookie-modal .btn-tertiary:hover{border-color:#999;background:#f9f9f9}.cookie-links{font-size:.75rem;display:flex;justify-content:center;gap:15px;margin-top:15px}.cookie-links a{color:#888;text-decoration:underline}.cookie-settings-list{text-align:left;margin-bottom:20px}.cookie-option{border-bottom:1px solid #eee;padding:10px 0}.option-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:5px}.option-desc{font-size:.8rem!important;margin-bottom:0!important;color:#777}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.language-switcher{position:absolute;top:15px;right:20px;z-index:1000;display:flex;align-items:center;gap:5px;background:#ffffffe6;padding:5px 8px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 10px #0000001a}.lang-btn{background:none;border:none;font-family:inherit;font-size:1.2rem;padding:2px 4px;cursor:pointer;transition:transform .2s,opacity .2s;opacity:.6;filter:grayscale(.5)}.lang-btn:hover{opacity:1;transform:scale(1.1);filter:grayscale(0)}.lang-btn.active{opacity:1;transform:scale(1.1);filter:grayscale(0);border-bottom:2px solid #b5c327}.lang-flag{display:inline-block;line-height:1}@media(max-width:600px){.language-switcher{top:10px;right:15px;padding:3px 8px}}