@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,400&family=Inter:wght@300;400&display=swap);:root{--bg-color-dark:#0a192f;--bg-color-light:#0f1c35;--envelope-color:#f4ebd9;--envelope-shadow:rgba(0,0,0,.6);--seal-color:#7b0d1e;--seal-highlight:#a81c2f;--letter-bg:#fff;--text-color:#2c2c2c;--envelope-width:750px;--envelope-height:500px;--scale-factor:1}@media (max-width:768px){:root{--scale-factor:0.75}}@media (max-width:480px){:root{--scale-factor:0.55}}@font-face{font-display:swap;font-family:Altivo;font-style:normal;font-weight:300;src:url(/build/fonts/altivo-light-webfont.b1b02056.woff2) format("woff2"),url(/build/fonts/altivo-light-webfont.ba61a212.woff) format("woff")}@font-face{font-display:swap;font-family:Altivo;font-style:normal;font-weight:400;src:url(/build/fonts/altivo-regular-webfont.9c333fb6.woff2) format("woff2"),url(/build/fonts/altivo-regular-webfont.cc555002.woff) format("woff")}@font-face{font-display:swap;font-family:Altivo;font-style:normal;font-weight:700;src:url(/build/fonts/altivo-bold-webfont.db32e1ee.woff2) format("woff2"),url(/build/fonts/altivo-bold-webfont.f45b1db3.woff) format("woff")}@font-face{font-display:swap;font-family:Altivo;font-style:normal;font-weight:900;src:url(/build/fonts/altivo-black-webfont.c3e323d9.woff2) format("woff2"),url(/build/fonts/altivo-black-webfont.64c44ce1.woff) format("woff")}@font-face{font-family:ContinentalStagSansWeb;font-weight:700;src:url(/build/fonts/ContinentalStagSansWeb-Medium.2c4f04ae.woff) format("woff")}@font-face{font-family:ContinentalStagSansWeb;font-weight:500;src:url(/build/fonts/ContinentalStagSansWeb-Medium.2c4f04ae.woff) format("woff")}@font-face{font-family:ContinentalStagSansWeb;font-weight:400;src:url(/build/fonts/ContinentalStagSansWeb-Book.853cd5fc.woff) format("woff")}@font-face{font-family:ContinentalStagSansWeb;font-weight:200;src:url(/build/fonts/ContinentalStagSansWeb-Light.da2cd676.woff) format("woff")}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{background-color:var(--bg-color-dark);color:var(--text-color);font-family:Inter,sans-serif;font-size:1rem;margin:0}#app-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;perspective:2000px;position:relative;width:100vw}.bg-gradient,.bg-particles,.bg-vignette{display:none}.bg-blue{background-color:#00468e;color:#fff}.bg-yellow{background-color:#ffea00;color:#000}.camera{align-items:center;display:flex;height:100%;justify-content:center;position:relative;transform:scale(.8);transform-style:preserve-3d;width:100%;z-index:10}.envelope-wrapper{height:calc(var(--envelope-height)*var(--scale-factor));width:calc(var(--envelope-width)*var(--scale-factor));will-change:transform}.envelope,.envelope-wrapper{position:relative;transform-style:preserve-3d}.envelope{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");height:100%;width:100%}.envelope-part{backface-visibility:hidden;background-color:var(--envelope-color);box-shadow:inset 0 0 40px rgba(0,0,0,.03);height:100%;left:0;position:absolute;top:0;width:100%}.envelope-back{border-radius:6px;box-shadow:0 30px 50px rgba(0,0,0,.35),inset 0 0 30px rgba(100,80,50,.1)}.envelope-bottom{background-image:linear-gradient(0deg,rgba(0,0,0,.05) 0,hsla(0,0%,100%,.1));clip-path:polygon(0 100%,100% 100%,50% 35%);filter:drop-shadow(0 -8px 12px rgba(0,0,0,.15))}.envelope-left{background-image:linear-gradient(90deg,rgba(0,0,0,.08) 0,hsla(0,0%,100%,.1));clip-path:polygon(0 0,0 100%,50% 50%);filter:drop-shadow(4px 0 8px rgba(0,0,0,.1))}.envelope-right{background-image:linear-gradient(270deg,rgba(0,0,0,.08) 0,hsla(0,0%,100%,.1));clip-path:polygon(100% 0,100% 100%,50% 50%);filter:drop-shadow(-4px 0 8px rgba(0,0,0,.1))}.envelope-flap{backface-visibility:visible;background-image:linear-gradient(180deg,hsla(0,0%,100%,.2) 0,rgba(0,0,0,.05));clip-path:polygon(0 0,100% 0,50% 55%);filter:drop-shadow(0 12px 15px rgba(0,0,0,.25));transform-style:preserve-3d;will-change:transform}.envelope-logo{background-position:bottom;background-repeat:no-repeat;background-size:contain;bottom:15%;height:35%;left:50%;opacity:.85;position:absolute;transform:translateX(-50%);width:35%;z-index:10}.envelope.theme-continental .envelope-logo{background-image:url(/build/images/contilogo.b0cef715.svg)}.envelope.theme-barum .envelope-logo{background-image:url(/build/images/barum.e40c9705.svg)}.envelope.theme-semperit .envelope-logo{background-image:url(/build/images/semperit.904e7990.svg)}.letter{background-color:var(--color-primary,#00468e);border-radius:8px;bottom:-12%;box-shadow:0 32px 58px -15px rgba(0,0,0,.45),inset 0 0 0 1px hsla(0,0%,100%,.4);box-sizing:border-box;height:124%;left:50%;opacity:0;padding:1rem 1rem 1.5rem;position:absolute;transform:translate(-50%) scale(1);transform-origin:50% 50%;transform-style:flat;width:112%}.letter.theme-continental{--color-primary:#fff;--color-secondary:orange;--text-on-primary:#000;--text-on-secondary:#fff;--font-display:"ContinentalStagSansWeb",Arial,sans-serif;--font-typewriter:"ContinentalStagSansWeb",Arial,sans-serif}.letter.theme-barum{--color-primary:#1f438c;--color-secondary:#fff641;--text-on-primary:#fff;--text-on-secondary:#000;--font-display:"Altivo",Arial,sans-serif;--font-typewriter:"Altivo",Arial,sans-serif}.letter.theme-semperit{--color-primary:#fff;--color-secondary:#06c;--text-on-primary:#000;--text-on-secondary:#fff}.letter-photo{margin-bottom:1rem}.letter-photo img{max-width:100%}.letter-content{padding-right:12px}.letter-content .ql-editor p,.letter-content p{margin-bottom:1.2rem}.letter-content a{font-weight:700;text-decoration:underline}.letter-content .ql-size-lead{color:var(--color-ink);font-size:1.15em;font-weight:600}.letter-content .ql-size-highlight{background-color:var(--color-secondary);border-radius:2px;color:var(--color-primary);font-size:2em;line-height:1.45;padding:0 4px}@media (max-width:1024px),(orientation:portrait){.letter-content .ql-size-highlight{font-size:1.4em}}.letter-content .ql-size-button{background-color:var(--color-secondary);border-radius:4px;color:var(--color-primary);cursor:pointer;display:inline-block;font-weight:700;margin-top:.5rem;padding:.6rem 1.2rem;text-decoration:none}.letter-content-inner{border-radius:4px;margin-bottom:1rem;padding:1.3rem}.letter-content-inner.bg-primary{background-color:var(--color-primary)}.letter-content-inner.bg-primary .letter__text{color:var(--text-on-primary)}.letter-content-inner.bg-primary .letter__text a{color:var(--color-secondary)}.letter-content-inner.bg-secondary{background-color:var(--color-secondary)}.letter-content-inner.bg-secondary .letter__text{color:var(--text-on-secondary)}.letter-content-inner.bg-secondary .letter__text a{color:var(--color-primary)}.letter__paper{height:100%;overflow-x:hidden;overflow-y:auto;position:relative;width:100%;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--color-secondary) transparent;scrollbar-width:thin;text-rendering:optimizeLegibility}.letter__paper::-webkit-scrollbar{width:8px}.letter__paper::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:4px}.letter__paper::-webkit-scrollbar-thumb{background:var(--color-secondary);border-radius:4px}.letter__paper::-webkit-scrollbar-thumb:hover{background:var(--color-secondary);filter:brightness(.8)}.letter__paper:after{background-size:5px 5px;content:"";inset:0;opacity:.4;pointer-events:none;position:absolute}.letter__photo{max-width:100%}.letter__heading{color:var(--color-ink);font-family:var(--font-display);font-size:clamp(1rem,2.18vw,1.55rem);font-style:italic;font-weight:600;margin-bottom:4%;opacity:0;text-align:center}.letter__text{color:var(--color-ink-soft);font-family:var(--font-typewriter);font-size:clamp(.73rem,1.37vw,.96rem);line-height:1.8;text-align:left;white-space:pre-wrap}@media (max-width:1024px),(orientation:portrait){.letter__text{font-size:clamp(1.46rem,3.5vw,1.8rem)}}.letter__text h2{line-height:1.4}.letter__text .ql-align-center{text-align:center}.letter__text .ql-align-right{text-align:right}.letter__text .ql-align-justify{text-align:justify}.letter__text .cursor{animation:blinkCursor .9s steps(1) infinite;background:var(--color-ink-soft);display:inline-block;margin-left:1px;width:3px}.letter-scroll-arrow{align-items:center;background-color:var(--color-secondary);border-radius:50%;bottom:10px;box-shadow:0 4px 6px rgba(0,0,0,.2);color:var(--color-primary);cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s,visibility .3s,transform .3s;visibility:hidden;width:40px;z-index:10}.letter-scroll-arrow.is-visible{animation:bounce 2s infinite;opacity:1;visibility:visible}.letter-scroll-arrow svg{fill:currentColor;height:24px;width:24px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}.hidden{opacity:0;pointer-events:none}