:root{--cream: #f9efdf;--olive: #5c6e4e;--coral: #e8956f;--dusty-blue: #6b89a8;--dark-brown: #503d3f;--light-olive: #8c9d7e;--paper: #fffcf7;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lora,Georgia,serif;background:linear-gradient(135deg,var(--cream) 0%,#ebe3d5 100%);color:var(--dark-brown);overflow-x:hidden;overflow-y:auto;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga" on;-moz-font-feature-settings:"liga" on}.flower-background{position:fixed;bottom:0;left:0;right:0;height:60vh;background-image:url(/flower-bg.png);background-size:cover;background-position:bottom center;background-repeat:no-repeat;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,1) 50%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 20%,rgba(0,0,0,1) 50%)}.botanical-decoration{position:fixed;opacity:.15;pointer-events:none;z-index:1}.botanical-decoration.top-left{top:5%;left:5%;width:120px;height:120px}.botanical-decoration.top-right{top:10%;right:8%;width:150px;height:150px}.botanical-decoration.bottom-left{bottom:15%;left:8%;width:140px;height:140px}.botanical-decoration.bottom-right{bottom:10%;right:5%;width:130px;height:130px}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:10;height:100vh;display:flex;flex-direction:column}header{padding:1.5rem 0;text-align:center;flex-shrink:0}.logo{display:inline-flex;align-items:center;gap:.5rem}.logo img{height:30px;width:auto}.journal-container{perspective:3000px;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 0}.journal{width:100%;max-width:550px;height:700px;position:relative;transform-style:preserve-3d;margin:0 auto;filter:drop-shadow(0 25px 60px rgba(80,61,63,.35)) drop-shadow(0 8px 20px rgba(80,61,63,.2))}.cover{position:absolute;width:100%;height:100%;left:0;top:0;background:linear-gradient(135deg,#503d3f,#403132);box-shadow:0 15px 50px #503d3f66;z-index:20}.cover-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:absolute;inset:0;z-index:2;backface-visibility:hidden;background-image:linear-gradient(135deg,#503d3fe6,#403132e6),url(/pattern-2.png);background-size:auto,300px 300px;background-repeat:no-repeat,repeat;background-position:0 0,0 0;border-radius:12px}.cover-icon{position:absolute;top:2rem;right:2rem;color:#ffffff26}.cover-back{height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:3rem;position:absolute;inset:0;backface-visibility:hidden;transform:rotateY(180deg);background:linear-gradient(135deg,#503d3f,#403132);border-radius:12px}.label-tape{background:#ffffffd9;padding:.8rem 3rem;border-radius:2px;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff80;position:relative;transform:rotate(-2deg)}.label-tape:before,.label-tape:after{content:"";position:absolute;top:50%;width:8px;height:8px;background:#0000001a;border-radius:50%;transform:translateY(-50%)}.label-tape:before{left:.5rem}.label-tape:after{right:.5rem}.tape-text{font-family:Gloria Hallelujah,cursive;font-size:1.5rem;color:#2a2a2a;font-weight:600;letter-spacing:.5px}.pages{position:absolute;width:100%;height:100%;display:flex}.bookmark-ribbon{position:absolute;top:-8px;right:45px;width:20px;height:70px;background:linear-gradient(135deg,var(--coral) 0%,#d4785a 100%);z-index:100;box-shadow:2px 2px 8px #0003}.bookmark-ribbon:after{content:"";position:absolute;bottom:0;left:0;width:0;height:0;border-left:10px solid var(--coral);border-right:10px solid var(--coral);border-bottom:10px solid transparent}.left-page,.right-page{width:100%;height:100%;background:var(--paper);padding:3.5rem;position:relative;overflow-y:auto;overflow-x:hidden}.left-page{display:none}.right-page{box-shadow:0 10px 40px #00000026;position:relative;background-image:linear-gradient(to bottom,#fffcf7d9,#fffcf7d9),url(/pattern-1.png);background-size:auto,200px 200px;background-repeat:no-repeat,repeat;background-position:0 0,0 0;background-attachment:scroll,local}.right-page::-webkit-scrollbar{width:6px}.right-page::-webkit-scrollbar-track{background:transparent}.right-page::-webkit-scrollbar-thumb{background:var(--dark-brown)}.right-page::-webkit-scrollbar-thumb:hover{background:var(--dark-brown)}.left-page:before,.right-page:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(232,149,111,.05) 31px,rgba(232,149,111,.05) 32px);pointer-events:none}.diary-entry{font-size:.9rem;line-height:1.8;color:var(--dark-brown);position:relative;max-width:100%}.diary-date{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;margin-bottom:1.75rem;color:#3a3a3a;font-weight:700;letter-spacing:.02em}.diary-text{font-family:Lora,Georgia,serif;font-weight:400;margin-bottom:1.5rem;line-height:1.9;font-size:1.05rem;letter-spacing:.01em;color:#3d3d3d}.diary-text:first-of-type{margin-top:0}.diary-text:last-of-type{margin-bottom:2rem}.feature-label{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:3px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;font-size:.78em;white-space:nowrap;transform:rotate(-1deg);margin:.2rem .15rem;position:relative;vertical-align:middle;box-shadow:0 2px 4px #00000014,inset 0 1px #ffffff4d;clip-path:polygon(1% 0%,99% 0%,100% 2%,100% 98%,99% 100%,1% 100%,0% 98%,0% 2%);background-blend-mode:multiply;background-size:100px 100px,100%;transition:transform .2s var(--ease-bounce),box-shadow .2s ease;cursor:default}.feature-label:hover{transform:rotate(0) scale(1.08);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff4d}.feature-label:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply}.feature-label svg{flex-shrink:0}.feature-label.privacy{background:linear-gradient(135deg,#dff0e0,#d0e8d1);color:#4a6b4a;border:.5px solid rgba(74,107,74,.3)}.feature-label.price{background:linear-gradient(135deg,#fef3e0,#faebd7);color:#7d6b4f;border:.5px solid rgba(125,107,79,.3)}.feature-label.photo{background:linear-gradient(135deg,#e3f0f7,#d6e9f4);color:#4a6880;border:.5px solid rgba(74,104,128,.3)}.feature-label.voice{background:linear-gradient(135deg,#ede7f3,#e3daf0);color:#6b5880;border:.5px solid rgba(107,88,128,.3)}.feature-label.mood{background:linear-gradient(135deg,#ffeee9,#fde4dc);color:#8d6555;border:.5px solid rgba(141,101,85,.3)}.feature-label.ai{background:linear-gradient(135deg,#fce9f0,#f9dfe9);color:#8d5570;border:.5px solid rgba(141,85,112,.3)}.feature-label.speed{background:linear-gradient(135deg,#fffef0,#fffae0);color:#8d8560;border:.5px solid rgba(141,133,96,.3)}.feature-label.music{background:linear-gradient(135deg,#e0f2f1,#d1ebe9);color:#4a6e6b;border:.5px solid rgba(74,110,107,.3)}.feature-label.cozy{background:linear-gradient(135deg,#f5e6d3,#e8d5bf);color:#5d4e37;padding:.35rem .8rem}.feature-label.cozy svg{height:1.3em;width:auto;opacity:.8}.diary-signature{font-family:Gloria Hallelujah,cursive;font-size:1.8rem;color:var(--dark-brown);margin-top:2rem;text-align:right}.waitlist-section{width:100%;max-width:400px}.signup-intro{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;color:#fffffff2;text-align:left;line-height:1.3}.handwritten-form{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.handwritten-input{flex:1;min-width:200px;border:2px solid rgba(255,255,255,.25);background:#ffffff14;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:Gloria Hallelujah,cursive;font-size:1rem;color:#fffffff2;padding:.75rem 1rem;outline:none;border-radius:8px;transition:all .3s ease}.handwritten-input::placeholder{color:#ffffff73}.handwritten-input:focus{border-color:#fff6;background:#ffffff1f}.journal-button{background:linear-gradient(135deg,var(--coral) 0%,#d4785a 100%);border:none;border-radius:6px;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;padding:.75rem 2rem;font-family:Gloria Hallelujah,cursive;letter-spacing:.02em;box-shadow:0 4px 12px #e8956f59,inset 0 1px #ffffff40;transition:all .3s var(--ease-smooth);position:relative;transform:rotate(-.5deg)}.journal-button:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:overlay;border-radius:6px}.journal-button:hover{transform:rotate(0) translateY(-2px);box-shadow:0 6px 16px #e8956f73,inset 0 1px #ffffff59;background:linear-gradient(135deg,#f0a080,#e08565)}.journal-button:active{transform:rotate(0) translateY(0);box-shadow:0 2px 8px #e8956f40,inset 0 1px #ffffff40}.handwritten-form.success .journal-button{background:linear-gradient(135deg,#a5d6a7,#81c784);box-shadow:0 4px 12px #a5d6a759}.handwritten-form.success .handwritten-input{color:#a5d6a7}.success-message{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;color:#a5d6a7;margin-top:1rem}.error-message{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;color:#f99;margin-top:1rem}.back-button{background:transparent;border:none;color:#fff9;font-family:Gloria Hallelujah,cursive;font-size:1rem;cursor:pointer;margin-top:1rem;padding:.5rem;text-decoration:none;transition:color .2s ease,text-decoration .2s ease}.back-button:hover{color:#ffffffe6;text-decoration:underline}.social-proof{font-family:Lora,Georgia,serif;font-size:.85rem;color:#fff9;margin-top:1.25rem;letter-spacing:.02em}.social-proof:before{content:"✦ ";opacity:.5}.open-hint{display:none}.cozy{font-family:Gloria Hallelujah,cursive;font-weight:700;font-size:1rem;color:var(--coral);position:relative;padding:0 .1em}.cozy:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--coral);opacity:.3;border-radius:2px}footer{text-align:center;padding:1.5rem 0;flex-shrink:0;position:relative;z-index:5}.footer-text{font-family:Gloria Hallelujah,cursive;font-size:.9rem;color:#fff;background:#503d3f99;padding:.5rem 1.5rem;border-radius:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:inline-block}.footer-link{color:#fff;text-underline-offset:.2rem}.mobile-journal-wrapper{display:none;width:100%;max-width:700px;margin:0 auto;flex-direction:column}.mobile-content{width:100%;padding:0;display:flex;flex-direction:column;gap:2rem}.mobile-paper-card{background:var(--paper);border-radius:8px;padding:2.5rem 2rem;box-shadow:0 8px 24px #503d3f26,0 2px 8px #503d3f1a;position:relative;background-image:linear-gradient(to bottom,#fffcf7f2,#fffcf7f2),url(/pattern-1.png);background-size:auto,200px 200px;background-repeat:no-repeat,repeat;background-position:0 0,0 0}.mobile-paper-card:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(232,149,111,.04) 31px,rgba(232,149,111,.04) 32px);pointer-events:none;border-radius:8px}.mobile-diary-header{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;margin-bottom:1.75rem;color:#3a3a3a;font-weight:700;letter-spacing:.02em}.mobile-waitlist-section{background:linear-gradient(135deg,#503d3f,#403132);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 10px 30px #503d3f40}.mobile-waitlist-text{font-family:Gloria Hallelujah,cursive;font-size:1.2rem;color:#fffffff2;text-align:center;margin-bottom:1.5rem;line-height:1.4}.mobile-social-proof{text-align:center;color:#ffffffa6}@media(max-width:1024px){body{overflow-y:auto}.container{height:auto;min-height:100vh;padding:0 1rem}.journal-container{padding:1rem 0 2rem;min-height:auto}.journal{display:none}.mobile-journal-wrapper{display:flex}.handwritten-input{font-size:1rem;min-width:100%;padding:.75rem 1rem}.journal-button{width:100%;font-size:1rem;padding:.75rem 1.5rem}.handwritten-form{flex-direction:column;width:100%;gap:.75rem}.footer-text{font-size:.85rem;padding:.45rem 1.25rem}}@media(max-width:480px){.mobile-content{gap:1.5rem}.mobile-paper-card{padding:2rem 1.5rem}.diary-text{font-size:1rem;line-height:1.8}.mobile-diary-header{font-size:1.1rem;margin-bottom:1.5rem}.mobile-waitlist-section{padding:1.75rem 1.25rem}.mobile-waitlist-text{font-size:1.1rem}}