@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Inter:wght@400;500&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.fixed{position:fixed}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.bg-\[\#F4F6F7\]{background-color:#f4f6f7}.text-center{text-align:center}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif}body{font-family:var(--font-body);color:#222;background-color:#faf8f5}h1,h2,h3,h4{font-family:var(--font-heading)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.navbar{background-color:#fff4ea;position:fixed;top:0;left:0;width:100%;z-index:1200;transition:all .25s ease;box-shadow:none}.navbar-scrolled{box-shadow:0 6px 20px #00000014}.navbar-container{max-width:1200px;margin:0 auto;padding:12px 6px;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-logo img{height:55px;-o-object-fit:contain;object-fit:contain}.navbar-links{display:flex;gap:28px;list-style:none;align-items:center;margin:0;padding:0}.navbar-links a{color:#2e2e35;font-weight:600;font-size:1rem;text-decoration:none;padding:6px 8px}.navbar-links a:hover{color:#5e8fa8}.navbar-dropdown{position:relative}.dropdown-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;color:#2e2e35;font-weight:600;font-size:1rem;padding:6px 8px}.dropdown-arrow{margin-left:6px;font-size:12px;transition:transform .2s ease}.dropdown-trigger.open .dropdown-arrow{transform:rotate(180deg)}.enhanced-dropdown{position:absolute;top:calc(100% + 6px);min-width:180px;background:#fff;border-radius:8px;padding:4px 0;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;z-index:1300;animation:dropdownFadeSlide .2s ease-out;transform-origin:top center}@keyframes dropdownFadeSlide{0%{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item,.profile-option{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#2e2e35;font-size:.95rem;font-weight:500;text-decoration:none;border-radius:6px;cursor:pointer;background:transparent;border:none;outline:none;white-space:nowrap;transition:color .2s ease,transform .2s ease,background .2s ease}.dropdown-item img,.profile-option img{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease}.dropdown-item:hover img,.profile-option:hover img{transform:scale(1.1)}.dropdown-item:hover,.profile-option:hover{color:#5e8fa8;background:#5e8fa814;transform:translate(4px)}.profile-pos{right:0;left:auto}.navbar-profile{position:relative;margin-right:0}.profile-button{background:transparent;border:none;padding:0;cursor:pointer}.profile-icon{width:36px;height:36px;border-radius:50%}.navbar-hamburger{background:none;border:none;font-size:28px;cursor:pointer;padding:0;margin-left:0}.navbar-mobile-wrapper{position:absolute;top:66px;right:10px;width:calc(100% - 20px);display:flex;justify-content:flex-end;z-index:1200}.navbar-mobile-menu{background:#fff4ea;width:320px;box-shadow:0 12px 30px #0000001f;border-radius:12px;padding:12px;list-style:none}.navbar-mobile-menu a,.navbar-mobile-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;color:#2e2e35;font-weight:600;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:color .2s ease,background .2s ease}.navbar-mobile-menu a:hover,.navbar-mobile-menu button:hover{color:#5e8fa8;background:#5e8fa814}.mobile-accordion summary{list-style:none;cursor:pointer;padding:10px;font-weight:600;color:#2e2e35}.mobile-submenu{padding-left:12px;margin-top:6px}.mobile-divider{height:1px;background:#0000000f;margin:8px 0}.navbar-left{display:flex;align-items:center;position:relative}.left-dropdown{left:0;right:auto}.enhanced-dropdown{position:absolute;top:calc(100% + 6px);min-width:220px;background:#fff;border-radius:8px;padding:4px 0;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;z-index:1300}.navbar-logo{position:absolute;left:50%;transform:translate(-50%)}.navbar-links{display:none}@media(max-width:767px){.navbar-left,.navbar-logo,.navbar-profile{position:static;transform:none}.navbar-logo img{height:48px}}.profile-icon{border:2px solid #4CAF50!important;border-radius:50%!important;width:40px!important;height:40px!important;-o-object-fit:cover!important;object-fit:cover!important}.profile-icon{transition:opacity .3s ease-in-out}.catmodal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000073;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease}.catmodal-box{background-color:#b49fcc;width:600px;padding:40px 45px 55px;border-radius:22px;text-align:center;position:relative;color:#2e2e35;animation:popIn .3s ease}.catmodal-close-icon{position:absolute;top:18px;right:18px;font-size:22px;background:none;border:none;cursor:pointer;color:#2e2e35;transition:transform .2s}.catmodal-close-icon:hover{transform:scale(1.2)}.catmodal-title{font-size:28px;font-weight:700;margin-bottom:35px}.catmodal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:35px}.catmodal-btn{background-color:#f4f6f7;color:#2e2e35;border:1px solid #E6E8EA;border-radius:14px;padding:15px 18px;font-size:18px;cursor:pointer;transition:all .25s ease;font-weight:500}.catmodal-btn:hover{background-color:#4a3c70;color:#f4f6f7;transform:translateY(-2px)}.catmodal-btn.selected{background-color:#4a3c70;color:#f4f6f7;border-color:#4a3c70}.catmodal-proceed{margin-top:10px;background-color:#5e8fa8;color:#fff;border:none;padding:15px 30px;font-size:18px;border-radius:26px;cursor:pointer;transition:.25s ease}.catmodal-proceed:hover{background-color:#4a3c70}.footer{background-color:#fff4ea;color:#2e2e35;font-family:var(--font-body);padding:20px 40px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #B49FCC;font-size:14px;flex-wrap:wrap}.footer-left .footer-logo{height:36px;-o-object-fit:contain;object-fit:contain}.footer-center{flex:1;text-align:center;font-size:14px;color:#5e8fa8;margin:8px 0}.footer-right{font-size:14px;text-align:right;color:#2e2e35}@media(max-width:640px){.footer{flex-direction:column;gap:8px;text-align:center}.footer-right{text-align:center}}.hero-section{padding-bottom:120px;padding-top:170px;display:flex;justify-content:center;align-items:center;background-color:#fff4ea;background-image:url(/assets/hero_bg7-DFrURJLP.png);background-size:cover;background-position:top right;background-repeat:no-repeat;font-family:var(--font-heading);position:relative;overflow:hidden}.hero-content{text-align:center;max-width:900px;animation:fadeIn 1s ease forwards;padding:20px 24px;border-radius:12px}.hero-title{font-size:4.5rem;font-weight:700;margin-bottom:20px;color:#2e2e35;line-height:1.2}.hero-subtitle{font-size:1.5rem;font-weight:400;color:#5e8fa8;margin-bottom:30px}.hero-underline{width:80px;height:4px;background:#5e8fa8;margin:0 auto;border-radius:2px;transition:width .3s ease}.hero-underline:hover{width:120px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}}.journaling-section{padding:300px 20px 60px;text-align:center;font-family:Poppins,sans-serif;background-color:#fff4ea;height:500px}.journaling-title{font-size:28px;font-weight:700;margin-bottom:40px;color:#2e2e35}.journaling-options{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.journaling-option{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;min-width:320px;border:2px solid #E6E8EA;border-radius:16px;background-color:#3a3a4c;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #0000001a}.journaling-option:hover,.journaling-option.selected{border-color:#5e8fa8;background-color:#5e8fa8;box-shadow:0 6px 12px #00000026}.option-left{display:flex;align-items:center;gap:16px}.option-img{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.option-title{font-size:22px;font-weight:600;color:#f4f6f7}.option-arrow{font-size:26px;color:#f4f6f7;font-weight:700}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:visible}.journaling-modal{background-color:#2e2e35;color:#fff;border-radius:20px;width:700px;height:450px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px;overflow:visible;box-shadow:0 8px 20px #0000004d;gap:20px}.journaling-modal.guided-modal{background-color:#b49fcc;width:700px!important;min-width:700px!important;height:450px!important;min-height:450px!important;padding:40px!important}.modal-logo-wrapper{position:absolute;top:-60px;left:50%;transform:translate(-50%);z-index:10}.modal-logo{height:120px;width:auto}.modal-title{font-size:32px;font-weight:700;color:#f4f6f7;margin-bottom:0}.journaling-modal.guided-modal .modal-title{color:#4a3c70}.modal-subtitle{font-size:18px;margin-bottom:20px;color:#f4f6f7}.modal-list{list-style:none;padding:0;margin:20px 0;display:grid;grid-template-columns:1fr 1fr;gap:24px}.modal-list li{font-size:18px;display:flex;align-items:center;color:#f4f6f7}.feature-icon{margin-right:12px;font-size:24px}.start-now-btn,.proceed-btn{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);z-index:10;padding:16px 36px;font-size:18px;border-radius:25px;cursor:pointer;transition:background-color .3s}.start-now-btn{background-color:#5e8fa8;color:#f4f6f7}.start-now-btn:hover{background-color:#2e2e35}.journaling-modal.guided-modal .start-now-btn{background-color:#9a74b2}.proceed-btn{background-color:#9a74b2;color:#f4f6f7}.proceed-btn:hover{background-color:#4a3c70}.proceed-btn:disabled{background-color:#c7c7d3;cursor:not-allowed}.life-areas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px;max-height:150px;overflow-y:auto;width:100%}.area-btn{background-color:#f4f6f7;color:#2e2e35;border:1px solid #E6E8EA;border-radius:12px;padding:12px;font-size:16px;cursor:pointer;transition:background-color .3s}.area-btn:hover,.area-btn.selected{background-color:#5e8fa8;color:#f4f6f7}.modal-close{position:absolute;top:16px;right:20px;font-size:32px;font-weight:300;cursor:pointer;color:#f4f6f7;transition:transform .25s ease,opacity .25s ease;opacity:.8;z-index:50}.modal-close:hover{transform:rotate(90deg) scale(1.1);opacity:1}.journaling-modal.guided-modal,.journaling-modal.guided-modal .modal-title,.journaling-modal.guided-modal .modal-subtitle,.journaling-modal.guided-modal .modal-list li{color:#3a2b52}.category-selection{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.category-btn{background-color:#f4f6f7;color:#2e2e35;border:1px solid #e6e8ea;border-radius:12px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .3s}.category-btn:hover,.category-btn.selected{background-color:#4a3c70;color:#f4f6f7}.category-confirmation{margin-top:20px;text-align:center}.journaling-section{padding:300px 20px 60px;text-align:center;font-family:Poppins,sans-serif;position:relative;overflow:hidden;background:#fff4ea;z-index:1}.journaling-section{position:relative;overflow:hidden;height:500px;padding-top:300px;z-index:1;background:linear-gradient(120deg,#b49fcc,#5e8fa8,#fff4ea,#b49fcc);background-size:400% 400%;animation:gradientFlow 15s ease infinite}.journaling-section:before,.journaling-section:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(180px);opacity:.4;pointer-events:none;z-index:-1;will-change:transform}.journaling-section:before{background:#b49fcc;top:10%;left:-150px;animation:blob1 20s ease-in-out infinite alternate}.journaling-section:after{background:#5e8fa8;bottom:0%;right:-150px;animation:blob2 25s ease-in-out infinite alternate}@keyframes blob1{0%{transform:translate(0) scale(1)}25%{transform:translate(150px,-50px) scale(1.1)}50%{transform:translate(80px,60px) scale(1.15)}75%{transform:translate(-60px,40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes blob2{0%{transform:translate(0) scale(1)}25%{transform:translate(-120px,40px) scale(1.1)}50%{transform:translate(-60px,-80px) scale(1.15)}75%{transform:translate(80px,-40px) scale(1.05)}to{transform:translate(0) scale(1)}}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.journaling-section{position:relative;padding:300px 0 40px;background:linear-gradient(180deg,#fff4ea,#f7eae1 35%,#e9d8f2);overflow:hidden;height:500px}.journaling-flow{position:absolute;top:0;left:0;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,255,255,.3),transparent 60%);animation:flowMove 18s infinite linear;pointer-events:none;opacity:.5}@keyframes flowMove{0%{transform:translate(-20%) translateY(-10%)}50%{transform:translate(10%) translateY(20%)}to{transform:translate(-20%) translateY(-10%)}}:root{--primary: #5E8FA8;--accent: #B49FCC;--highlight: #F5A623;--bg: #fff4ea;--text: #2E2E35}body{background:var(--bg);font-family:Inter,sans-serif;margin:0;padding:0}.journaling-info-page{padding:40px 20px;background:var(--bg)}.page-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px;color:var(--text)}.cards-container{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:16px;scrollbar-width:none}.cards-container::-webkit-scrollbar{display:none}.benefit-card{min-width:300px;max-width:350px;flex-shrink:0;border-radius:22px;padding:32px 24px;color:#fff;box-shadow:0 12px 28px #0000002e;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px #00000040}.benefit-card h3{font-size:1.8rem;margin-bottom:16px}.benefit-card p{font-size:1rem;line-height:1.5}.dots{display:flex;justify-content:center;gap:10px;margin-top:20px}.dot{width:12px;height:12px;border-radius:50%;border:none;background:#0003;transition:all .25s ease;cursor:pointer}.dot.active{background:#000000b3;transform:scale(1.5)}:root{--card-radius: 18px}.flower-card{width:140px;min-height:170px;background:linear-gradient(180deg,#ffffffe6,#fffffff2);border-radius:var(--card-radius);padding:12px 12px 18px;box-shadow:0 6px 18px #2e2e3514;display:flex;flex-direction:column;align-items:center;position:relative;cursor:pointer;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;transform-origin:center bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0;transform:translateY(18px) scale(.92);animation:growUp .52s cubic-bezier(.2,.85,.25,1) forwards;animation-delay:var(--delay, 0s)}.flower-card:focus{outline:none;box-shadow:0 10px 26px #5e8fa81f}.flower-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #2e2e3526}.flower-card:active{transform:translateY(-2px) scale(1.01)}@keyframes growUp{to{opacity:1;transform:translateY(0) scale(1)}}.flower-bubble{width:84px;height:84px;border-radius:999px;display:flex;align-items:center;justify-content:center;position:relative;margin-top:6px;box-shadow:0 6px 18px #5e8fa80f,inset 0 -6px 18px #ffffff59;transition:transform .32s ease}.flower-emoji{font-size:36px;transform:translateY(-2px)}.petals{position:absolute;inset:-8px;display:grid;place-items:center;pointer-events:none;z-index:-1;opacity:.9}.petals span{width:18px;height:32px;border-radius:12px 12px 6px 6px;display:block;position:absolute;transform-origin:bottom center}.petals span:nth-child(1){transform:rotate(0) translateY(-8px) translate(0);left:50%;top:8px}.petals span:nth-child(2){transform:rotate(45deg) translateY(-6px);left:12%;top:20px}.petals span:nth-child(3){transform:rotate(-45deg) translateY(-6px);right:12%;top:20px}.petals span:nth-child(4){transform:rotate(90deg) translateY(-10px);left:50%;top:28px}.flower-info{margin-top:10px;text-align:center}.flower-mood{font-weight:700;font-size:14px;color:var(--text)}.flower-date{font-size:12px;color:#2e2e358c;margin-top:4px}.flower-stem{position:absolute;bottom:-18px;display:flex;align-items:center;flex-direction:column;gap:2px;width:100%;justify-content:center;pointer-events:none}.stem-line{width:4px;height:36px;border-radius:3px;background:linear-gradient(180deg,#7ab57b,#508c5f);transform-origin:top;animation:sway 3.6s ease-in-out infinite;box-shadow:0 2px 6px #1e50280f}.leaf{width:18px;height:10px;background:linear-gradient(90deg,#7ab57b,#508c5f);border-radius:8px;transform:rotate(-20deg) translateY(-6px);box-shadow:0 2px 6px #1e50280f}@keyframes sway{0%{transform:translate(0) rotate(0)}50%{transform:translate(2px) rotate(1.2deg)}to{transform:translate(0) rotate(0)}}.flower-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 12px 32px #2e2e351f}.flower-card:hover .flower-bubble{transform:translateY(-6px) scale(1.04);transition:transform .26s ease}.flower-note{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 12px);width:220px;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 10px 28px #2e2e351f;font-size:13px;color:var(--text);z-index:40;text-align:left;animation:pop .18s cubic-bezier(.2,.85,.25,1)}@keyframes pop{0%{transform:translate(-50%) translateY(6px) scale(.96);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.note-text{margin-bottom:6px;color:#2e2e35e6;line-height:1.4}.note-text strong{display:block;margin-bottom:4px;color:var(--text);font-size:14px}.note-text p{margin:0;font-weight:400}.flower-type{display:block;margin-top:8px;padding-top:6px;border-top:1px solid rgba(46,46,53,.1);font-style:italic;opacity:.7}.note-hint{font-size:11px;color:#2e2e3573;margin-top:8px;text-align:center}@media(max-width:520px){.flower-card{width:120px;min-height:150px}.flower-bubble{width:72px;height:72px}.flower-emoji{font-size:32px}.flower-note{width:180px}}:root{--primary: #5E8FA8;--secondary: #E6E8EA;--accent: #B49FCC;--text: #2E2E35;--bg: #fff4ea;--card-bg: #ffffff;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}.garden-section{min-height:70vh;padding:120px 20px 80px;font-family:var(--font-body);background:linear-gradient(180deg,#fff4ea,#ffe3d6,#f5d6e8 70%,#ede4ff);position:relative;overflow:hidden;color:var(--text)}.garden-sky{position:absolute;inset:0;background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.6),transparent 8%),radial-gradient(circle at 90% 30%,rgba(255,255,255,.5),transparent 12%);pointer-events:none;z-index:0;opacity:.8}.garden-content{position:relative;z-index:2;max-width:1100px;margin:0 auto}.garden-header{text-align:center;margin-bottom:28px}.garden-title{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--text)}.garden-sub{font-size:1rem;color:#667;margin-bottom:20px;line-height:1.5}.garden-loading{text-align:center;padding:60px 20px}.garden-spinner{width:60px;height:60px;border:4px solid rgba(94,143,168,.2);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.garden-loading p{color:#667;font-size:1.1rem;font-style:italic}.garden-error{text-align:center;padding:60px 20px}.garden-error-icon{font-size:3rem;margin-bottom:20px}.garden-error h3{font-size:1.5rem;margin-bottom:12px;color:var(--text)}.garden-error p{color:#667;margin-bottom:24px;max-width:400px;margin-left:auto;margin-right:auto}.garden-retry-btn{background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.garden-retry-btn:hover{background:#4a7a8f;transform:translateY(-2px)}.garden-warning{background:#fff3cd;color:#856404;padding:12px 20px;border-radius:8px;margin:16px 0;font-size:.9rem;border:1px solid #ffeaa7}.garden-empty{text-align:center;padding:80px 20px}.garden-empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.garden-empty h3{font-size:1.8rem;margin-bottom:16px;color:var(--text)}.garden-empty p{color:#667;margin-bottom:32px;font-size:1.1rem}.garden-action-btn{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #5e8fa84d}.garden-action-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5e8fa866;font-size:34px;margin:0;font-weight:800;letter-spacing:-.02em;color:var(--text)}.garden-sub{margin-top:8px;color:#2e2e35b3;font-size:14px}.garden-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:26px;align-items:end;padding:10px 6px 40px}.garden-particles{position:absolute;inset:0;z-index:1;pointer-events:none}.garden-particles .p{position:absolute;width:8px;height:8px;background:#ffe6aae6;border-radius:50%;filter:blur(6px);opacity:.85;animation:float 6s linear infinite}.garden-particles .p1{left:12%;top:25%;animation-delay:0s;transform:scale(1.1)}.garden-particles .p2{left:80%;top:15%;animation-delay:1.3s;transform:scale(.9)}.garden-particles .p3{left:45%;top:55%;animation-delay:2.1s;transform:scale(.8)}.garden-particles .p4{left:70%;top:70%;animation-delay:3.6s;transform:scale(1.2)}@keyframes float{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-18px) scale(1.1);opacity:1}to{transform:translateY(0) scale(1);opacity:.8}}@media(max-width:520px){.garden-title{font-size:28px}.garden-grid{gap:18px}}.freejournal-container{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%;background:#fff4ea;font-family:Inter,sans-serif;color:#2e2e35;overflow:hidden;padding:100px 20px 20px}.fj-toolbar-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:30px;animation:fadeSlide .6s ease forwards;opacity:0}.fj-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 20px;background:linear-gradient(135deg,#f8f6fa,#ece7f1);border-radius:12px;box-shadow:0 6px 18px #00000014}.fj-icon-btn{width:46px;height:46px;border-radius:10px;background:#fff;border:1px solid #e2dceb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,background .2s}.fj-icon-btn img{width:22px;height:22px;transition:.25s ease}.fj-icon-btn.active{background:linear-gradient(135deg,#d8c1e1,#b49fcc);color:#fff;transform:scale(1.15);box-shadow:0 4px 12px #b49fcc66;border:1px solid rgba(180,159,204,.6)}.fj-icon-btn.active img{filter:brightness(0) invert(1)}.fj-icon-btn:hover{transform:translateY(-3px);background:#f0e8fa;box-shadow:0 6px 14px #8c6e9440}.fj-ai-btn{display:flex;align-items:center;gap:10px;background:#8c6e94;color:#fff;padding:10px 22px;border-radius:10px;border:none;font-weight:600;transition:.25s ease}.fj-ai-btn:hover{background:#b29bc1;transform:translateY(-3px);box-shadow:0 6px 14px #8c6e9440}.fj-ai-btn img.fj-ai-icon{width:20px;height:20px;filter:brightness(1) invert(1)}.fj-journal-page{flex:1 1 auto;display:flex;justify-content:center;align-items:flex-start;width:100%;padding:0 40px 20px;box-sizing:border-box}.fj-paper{width:80%;max-width:1000px;height:90%;background:repeating-linear-gradient(#fff,#fff 36px,#e9e9e9 37px);border-radius:8px;padding:48px 40px 32px;box-shadow:0 6px 20px #00000014;position:relative;overflow-y:auto;transition:transform .2s ease,box-shadow .2s ease}.fj-paper:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.fj-paper-date{font-size:14px;font-weight:500;color:#777;position:absolute;top:16px;left:32px}.fj-textarea{width:100%;min-height:500px;background:transparent;border:none;outline:none;font-size:16px;line-height:38px;resize:none;font-family:Inter,sans-serif;padding-top:40px;margin-bottom:20px}.fj-hint-panel{position:fixed;right:24px;bottom:24px;width:320px;max-width:calc(100% - 48px);background:#ffffffe6;box-shadow:0 6px 24px #0000001f;border-radius:12px;padding:12px;z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fj-hint-card{padding:16px;border-radius:16px;margin-bottom:8px;background-color:#2e2e35;color:#fff;box-shadow:0 3px 8px #00000014;animation:fadeInFromRight .4s ease-out;position:relative}.fj-hint-text{font-size:15px;line-height:1.45;font-weight:500}.fj-hint-close{position:absolute;top:8px;right:12px;font-size:20px;cursor:pointer;color:#777;transition:.2s}.fj-hint-close:hover{color:#333;transform:scale(1.2)}.fj-hint-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px;background-color:#2e2e35;border-radius:14px;color:#fff;animation:fadeInFromRight .4s ease-out}.fj-quill-icon img{width:30px;height:30px;animation:quillWrite 1.4s infinite ease-in-out}.fj-tac-dots{display:flex;gap:5px}.fj-tac-dots span{width:7px;height:7px;background:#fff;border-radius:50%;animation:typingDots 1.3s infinite ease-in-out}.fj-tac-dots span:nth-child(1){animation-delay:0s}.fj-tac-dots span:nth-child(2){animation-delay:.15s}.fj-tac-dots span:nth-child(3){animation-delay:.3s}.fj-voice-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff4ea80;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:20}.fj-voice-overlay.active{opacity:1;pointer-events:auto}.fj-voice-box{background:#fff;padding:40px 32px;border-radius:20px;text-align:center;width:400px;max-width:90%;box-shadow:0 8px 25px #00000026;animation:popIn .5s ease forwards}.fj-visual-row{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:20px}.fj-voice-icon{width:50px;height:50px;animation:pulseMic 1.2s infinite ease-in-out}.fj-voice-dots-row{display:flex;gap:10px;justify-content:center;flex:1}.fj-voice-dots-row span{width:12px;height:12px;background:#8c6e94;border-radius:50%;animation:moveDotsToRight 1.2s infinite ease-in-out}.fj-voice-dots-row span:nth-child(2){animation-delay:.2s}.fj-voice-dots-row span:nth-child(3){animation-delay:.4s}.fj-journal-icon{width:40px;height:40px}.fj-ai-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2e2e35f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.fj-ai-container{background:#fff4ea;border-radius:20px;width:100%;max-width:700px;max-height:85vh;overflow:hidden;box-shadow:0 20px 60px #8c6e944d;border:1px solid rgba(140,110,148,.2);animation:fjSlideUp .4s ease-out}.fj-ai-header{background:linear-gradient(135deg,#8c6e94,#9a7ca0);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.2)}.fj-ai-title{display:flex;align-items:center;gap:.75rem}.fj-ai-title-icon{width:28px;height:28px;filter:brightness(0) invert(1)}.fj-ai-title h2{margin:0;font-size:1.6rem;font-weight:600;letter-spacing:-.5px;color:#fff}.fj-ai-close-btn{background:#fff3;border:none;color:#fff;font-size:1.8rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:300}.fj-ai-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.fj-ai-content{padding:0;max-height:calc(85vh - 80px);overflow-y:auto}.fj-ai-loading{padding:4rem 2rem;text-align:center;color:#2e2e35;display:flex;flex-direction:column;align-items:center;gap:2rem}.fj-ai-spinner-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.fj-magic-wand{width:80px;height:80px;position:relative}.fj-magic-circle{width:100%;height:100%;background:conic-gradient(from 0deg,#8c6e94,#ff9ff3,#8c6e94);border-radius:50%;animation:fjRotate 2s linear infinite;position:relative}.fj-magic-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff4ea;border-radius:50%}.fj-sparkle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;animation:fjPulse 1.5s ease-in-out infinite}.fj-dots-container{display:flex;gap:12px;align-items:center}.fj-dot{width:16px;height:16px;border-radius:50%;animation:fjBounce 1.4s ease-in-out infinite both}.fj-dot-1{background:#8c6e94;animation-delay:-.32s}.fj-dot-2{background:#9a7ca0;animation-delay:-.16s}.fj-dot-3{background:#a88bac;animation-delay:0s}.fj-dot-4{background:#b699b8;animation-delay:.16s}.fj-loading-text{font-size:1.3rem;font-weight:600;color:#2e2e35;margin:0;letter-spacing:.5px}.fj-loading-subtitle{height:24px;overflow:hidden;position:relative}.fj-loading-words{display:flex;flex-direction:column;animation:fjSlideWords 4.5s ease-in-out infinite}.fj-loading-words span{font-size:1rem;color:#8c6e94;font-weight:500;text-align:center;padding:.25rem 0;height:24px;display:flex;align-items:center;justify-content:center}.fj-ai-reflection{padding:2rem}.fj-ai-section{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:16px;border:1px solid rgba(140,110,148,.1);box-shadow:0 4px 12px #8c6e9414;transition:all .3s ease}.fj-ai-section:hover{box-shadow:0 6px 20px #8c6e941f;transform:translateY(-2px)}.fj-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.fj-section-icon{font-size:1.2rem;color:#8c6e94}.fj-section-header h3{margin:0;color:#2e2e35;font-size:1.1rem;font-weight:600}.fj-mood-section{text-align:center}.fj-mood-display{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:16px;font-weight:600;text-transform:capitalize;background:#8c6e941a;border:2px solid rgba(140,110,148,.2);color:#2e2e35;transition:all .3s ease}.fj-mood-display:hover{background:#8c6e9426;border-color:#8c6e944d;transform:translateY(-2px)}.fj-mood-text{font-size:1.2rem;letter-spacing:.5px}.fj-summary-text{color:#2e2e35;line-height:1.6;font-size:1rem;padding:.5rem 0}.fj-insights-grid{display:flex;flex-direction:column;gap:.75rem}.fj-insight-card{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#8c6e940d;border-radius:12px;border-left:3px solid #8c6e94;transition:all .3s ease}.fj-insight-card:hover{background:#8c6e9414;transform:translate(4px)}.fj-insight-bullet{width:8px;height:8px;background:#8c6e94;border-radius:50%;margin-top:.5rem;flex-shrink:0}.fj-insight-card p{margin:0;color:#2e2e35;line-height:1.5}.fj-questions-list{display:flex;flex-direction:column;gap:1rem}.fj-question-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff4eacc;border-radius:12px;border:1px solid rgba(140,110,148,.2);transition:all .3s ease}.fj-question-item:hover{background:#fff4ea;border-color:#8c6e944d}.fj-question-marker{background:#8c6e94;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;margin-top:.1rem}.fj-question-item p{margin:0;color:#2e2e35;line-height:1.5;font-style:italic}.fj-flower-section{text-align:center;background:linear-gradient(135deg,#8c6e941a,#fff4ea4d)}.fj-flower-message{color:#2e2e35;font-size:1rem;padding:.5rem 0}.fj-flower-highlight{color:#8c6e94;font-weight:600;font-style:italic}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fjSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fjRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fjPulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}@keyframes fjBounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.3);opacity:1}}@keyframes fjSlideWords{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-24px)}50%,70%{transform:translateY(-48px)}75%,95%{transform:translateY(-72px)}to{transform:translateY(0)}}@keyframes fadeInFromRight{0%{opacity:0;transform:translate(15px)}to{opacity:1;transform:translate(0)}}@keyframes quillWrite{0%{transform:translate(0) rotate(-10deg)}25%{transform:translate(6px) rotate(-12deg)}50%{transform:translate(12px) rotate(-8deg)}75%{transform:translate(6px) rotate(-12deg)}to{transform:translate(0) rotate(-10deg)}}@keyframes typingDots{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.3;transform:translateY(0)}}@keyframes pulseMic{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes moveDotsToRight{0%{transform:translate(0) scale(.8);opacity:.6}50%{transform:translate(20px) scale(1);opacity:1}to{transform:translate(0) scale(.8);opacity:.6}}.fj-ai-content::-webkit-scrollbar{width:6px}.fj-ai-content::-webkit-scrollbar-track{background:#8c6e941a;border-radius:3px}.fj-ai-content::-webkit-scrollbar-thumb{background:#8c6e94;border-radius:3px}.fj-ai-content::-webkit-scrollbar-thumb:hover{background:#7a5a82}@media(max-width:768px){.fj-ai-overlay{padding:1rem}.fj-ai-container{max-height:90vh}.fj-ai-reflection{padding:1rem}.fj-ai-section{padding:1rem;margin-bottom:1.5rem}.fj-toolbar{flex-wrap:wrap;gap:10px}.fj-paper{width:95%;padding:32px 20px 20px}}.fj-export-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2e2e35cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:2rem}.fj-export-confirm{background:#fff4ea;border-radius:16px;padding:2rem;width:100%;max-width:450px;box-shadow:0 10px 40px #0003;border:1px solid rgba(140,110,148,.2);animation:fjSlideUp .3s ease-out}.fj-export-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(140,110,148,.2)}.fj-export-icon{width:32px;height:32px;filter:brightness(.7)}.fj-export-header h3{margin:0;color:#2e2e35;font-size:1.4rem;font-weight:600}.fj-export-content{margin-bottom:2rem}.fj-export-content p{color:#2e2e35;line-height:1.5;margin-bottom:1.5rem}.fj-export-details{display:flex;flex-direction:column;gap:.5rem}.fj-export-info{color:#8c6e94;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.fj-export-actions{display:flex;gap:1rem;justify-content:flex-end}.fj-export-cancel{padding:.75rem 1.5rem;background:#8c6e941a;color:#8c6e94;border:1px solid rgba(140,110,148,.3);border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease}.fj-export-cancel:hover{background:#8c6e9426}.fj-export-confirm-btn{padding:.75rem 1.5rem;background:#8c6e94;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.fj-export-confirm-btn:hover:not(:disabled){background:#9a7ca0;transform:translateY(-1px)}.fj-export-confirm-btn:disabled{opacity:.7;cursor:not-allowed}.fj-export-spinner-small{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.fj-export-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid #8c6e94;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.fj-save-status{position:absolute;top:100%;left:50%;transform:translate(-50%);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-top:.5rem;z-index:10;animation:fadeInUp .3s ease-out}.fj-save-saving{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.fj-save-saved{background:#d1edff;color:#0c5460;border:1px solid #bee5eb}.fj-save-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.fj-save-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid transparent;border-top:2px solid #8c6e94;border-radius:50%;animation:spin 1s linear infinite}.fj-icon-btn.save-saving{background:#fff3cd}.fj-icon-btn.save-saved{background:#d1edff;animation:pulseSuccess .5s ease-in-out}.fj-icon-btn.save-error{background:#f8d7da;animation:shake .5s ease-in-out}@keyframes pulseSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.fj-voice-icon.pulsing{animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.fj-recording-indicator{width:8px;height:8px;background:#f44;border-radius:50%;position:absolute;top:5px;right:5px;animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}button.recording-active{background:#f44!important;color:#fff!important}.fj-saving-overlay{position:fixed;inset:0;background:#fff4eacc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:5000;animation:fadeIn .2s ease-out}.fj-saving-box{background:#fff;padding:25px 35px;border-radius:18px;box-shadow:0 6px 18px #00000026;text-align:center;animation:popIn .25s ease-out}.fj-saving-text{font-size:1.1rem;font-weight:500;color:#2e2e35;margin-top:10px}.fj-saving-dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.fj-saving-dots span{width:8px;height:8px;background:#8c6e94;border-radius:50%;animation:bounce .6s infinite alternate}.fj-saving-dots span:nth-child(2){animation-delay:.15s}.fj-saving-dots span:nth-child(3){animation-delay:.3s}.fj-saving-wand{position:relative;width:40px;height:40px;margin:0 auto 10px;animation:tiltWand .8s ease-in-out infinite alternate}.fj-saving-wand-stick{position:absolute;width:4px;height:32px;background:#2e2e35;border-radius:3px;left:50%;top:8px;transform:translate(-50%)}.fj-saving-wand-star{position:absolute;top:-2px;left:50%;transform:translate(-50%);font-size:20px;animation:sparkle 1s infinite ease-in-out}@keyframes bounce{to{transform:translateY(-6px)}}@keyframes tiltWand{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes sparkle{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.7;transform:scale(.9)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.voice-overlay{position:fixed;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000059;display:flex;justify-content:center;align-items:center;z-index:5000}.voice-box{background:#fff;padding:30px 40px;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.mic-icon{width:65px;height:65px;opacity:1}.recording .mic-icon{animation:pulseRecord 1.4s infinite ease-in-out;transform-origin:center}@keyframes pulseRecord{0%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}to{transform:scale(1);opacity:1}}.transcribing-text:after{content:" ...";display:inline-block;animation:dots 1.5s infinite}@keyframes dots{0%{content:" ·  "}33%{content:" ·· "}66%{content:" ···"}to{content:"  · "}}.recording-active{background-color:#ff6b6b;color:#fff;padding:10px 22px;border:none;border-radius:12px;font-size:16px;cursor:pointer;font-weight:600;transition:.3s ease}.recording-active:hover{background-color:#ff4b4b}.processing-btn{background:#d9d9d9;color:#656565;padding:10px 22px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:not-allowed;opacity:.8}.voice-text{font-size:17px;font-weight:500;color:#333}.guided-page{display:flex;flex-direction:column;align-items:center;font-family:Inter,sans-serif;background:#fff4ea;min-height:100vh;padding:100px 20px 20px}.guided-toolbar{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:16px;background-color:#2e2e35;box-shadow:0 2px 6px #0000001a;margin-bottom:32px;border-radius:16px}.toolbar-btn{background:#2e2e35;padding:12px;border-radius:50%;cursor:pointer;transition:.3s;font-size:1.2rem;color:#fff;border:1px solid #2E2E35}.toolbar-btn:hover{background:#1c1c1c;transform:scale(1.1)}.toolbar-btn i{margin:0}.gj-icon-btn.active{background:#2e2e35}.gj-icon-btn:hover{transform:translateY(-3px);background:#333;box-shadow:0 6px 14px #0000004d}.gj-icon-btn.change-topic-btn{background:#b49fcc;color:#fff;border:1px solid #B49FCC;padding:12px 24px;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;min-width:150px;transition:.25s ease;white-space:nowrap}.gj-icon-btn.change-topic-btn img.fj-ai-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;filter:none;transition:.2s ease}.gj-icon-btn.change-topic-btn:hover{background:#9b87b0;box-shadow:0 6px 14px #0000004d}.gj-icon-btn.change-topic-btn:hover img.fj-ai-icon{transform:rotate(8deg) scale(1.1)}.guided-journal{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%;max-width:1200px}.guided-date{font-size:1rem;color:#555;margin-bottom:24px;text-align:right;width:100%;position:absolute;top:40px;right:20px}.journal-paper{background:#fffbe6;padding:32px 28px;border-radius:16px;box-shadow:0 8px 20px #0000001a;width:100%;max-width:800px;position:relative;background-image:linear-gradient(to bottom,transparent 95%,#dcdcdc 95%);background-size:100% 40px}.journal-entry{margin-bottom:32px}.journal-question{font-weight:600;font-size:1rem;margin-bottom:12px;color:#2e2e35}.journal-textarea{width:100%;min-height:120px;border:none;padding:12px;font-family:Courier New,monospace;font-size:1rem;background:transparent;resize:vertical;outline:none;line-height:1.5em}.guided-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.guided-modal{background:#fff;padding:24px;border-radius:16px;max-width:400px;width:90%}.topic-list{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.topic-item{padding:8px 12px;border-radius:8px;background:#b49fcc;color:#fff;border:none;cursor:pointer;transition:.2s}.topic-item:hover{background:#9b87b0}.guided-close{padding:8px 12px;border-radius:8px;background:#2e2e35;color:#fff;border:none;cursor:pointer;float:right}@media(max-width:800px){.guided-page{flex-direction:column}.guided-left{width:100%;flex-direction:row;overflow-x:auto;padding:16px;gap:8px}.guided-journal{padding:20px}}.gj-toolbar-wrapper{width:100%;display:flex;justify-content:center;margin-bottom:30px;animation:fadeSlide .6s ease forwards;opacity:0}.gj-toolbar{display:flex;align-items:center;gap:14px;padding:12px 20px;background:#2e2e35;border-radius:12px;box-shadow:0 6px 18px #00000014}.gj-icon-btn{width:46px;height:46px;border-radius:10px;background:#fff;border:1px solid #2E2E35;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease,background .2s}.gj-icon-btn img{width:22px;height:22px;transition:.25s ease;filter:none!important;color:inherit!important}.gj-icon-btn.active{background:#e6e8ea}.gj-icon-btn.active img.active-icon{filter:none!important;color:inherit!important}.gj-icon-btn:hover{transform:translateY(-3px);background:#e6e8ea;box-shadow:0 6px 14px #0000004d}.gj-icon-btn.active img,.gj-icon-btn.change-topic-btn img{filter:none;color:inherit}.save-status{width:100%;text-align:center;padding:12px 0;font-size:15px;font-weight:500;animation:fadeIn .3s ease}.save-status-info{background:#e5f1f7;color:#2e2e35}.save-status-success{background:#e8f7e8;color:#2e2e35}.save-status-error{background:#fdecec;color:#2e2e35}.save-status-warning{background:#fff3e5;color:#2e2e35}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saved-journals-container{min-height:100vh;background:linear-gradient(180deg,#fff9f2,#f7f6f5);padding:100px 20px 36px;color:#2b2b2b;font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial}.sj-header{display:flex;gap:1.25rem;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto 28px;padding:0 12px}.sj-head-left{display:flex;flex-direction:column}.sj-title{font-family:Georgia,serif;font-size:2.1rem;color:#2b2b2b;margin:0;letter-spacing:-.02em}.sj-sub{margin:6px 0 0;color:#7b6b62;font-size:.98rem}.sj-controls{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.sj-search{display:flex;gap:8px;align-items:center}.sj-search input{min-width:260px;max-width:420px;padding:10px 12px;border-radius:10px;border:1px solid #e2d8d0;background:linear-gradient(180deg,#fff,#fffaf6);box-shadow:0 4px 10px #1e140a0a;font-size:.95rem;color:#2b2b2b}.sj-refresh{background:transparent;border:1px solid #e2d8d0;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:1rem;background:#fff;box-shadow:0 2px 6px #1e140a08}.sj-filter-row{margin-top:6px;display:flex;gap:10px}.sj-filter-row select{padding:8px 10px;border-radius:8px;border:1px solid #e9dfd6;background:#fff;font-size:.92rem;box-shadow:0 2px 6px #1e140a08}.sj-main{max-width:1200px;margin:0 auto;padding:12px}.sj-loading{display:flex;gap:18px;align-items:center;justify-content:center;padding:36px;color:#6b5a50}.sj-spinner{width:42px;height:42px;border-radius:50%;border:5px solid #efe8e2;border-top-color:#c9a98f;animation:sjSpin 1s linear infinite}@keyframes sjSpin{to{transform:rotate(360deg)}}.sj-empty{text-align:center;padding:56px 20px;color:#7b6b62;background:linear-gradient(180deg,#fffc,#fffdfacc);border-radius:12px;box-shadow:0 8px 24px #1e140a0d}.sj-empty-illustration{font-size:56px;margin-bottom:8px}.sj-empty h3{margin:8px 0}.sj-empty p{margin:0;font-size:.98rem;color:#837068}.sj-empty-actions{margin-top:18px;display:flex;gap:12px;justify-content:center}.sj-action{background:#b99a86;color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 6px 18px #b99a8626}.sj-action-soft{background:#e7f6f0;color:#177a5f;border:1px solid #d0eae2}.sj-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;padding:18px}.sj-card{display:flex;gap:12px;border-radius:12px;min-height:160px;cursor:pointer;position:relative;box-shadow:0 10px 26px #1e140a0f;transition:transform .22s ease,box-shadow .22s ease;overflow:visible;background:linear-gradient(180deg,#fffdfa,#fff8f2);border:1px solid rgba(0,0,0,.03)}.sj-card-spine{width:36px;border-radius:10px 0 0 10px;display:flex;align-items:center;justify-content:center;padding:8px 6px;writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;color:#fff;font-size:.82rem}.sj-spine-title span{transform:rotate(0);display:inline-block}.sj-card-cover{flex:1;padding:14px 14px 12px 12px;display:flex;flex-direction:column;justify-content:space-between}.sj-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sj-card-title{font-weight:700;font-size:1.02rem;color:#2b2b2b;line-height:1.1;max-height:2.4em;overflow:hidden}.sj-card-date{font-size:.82rem;color:#7b6b62}.sj-card-preview{margin-top:8px;color:#5f5149;line-height:1.45;max-height:4.35em;overflow:hidden;font-size:.94rem}.sj-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.sj-badge{background:#0000000f;padding:6px 10px;border-radius:999px;font-size:.8rem;color:#423733}.sj-delete-btn-small{background:transparent;border:1px solid rgba(0,0,0,.06);padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:700;color:#7b4b4b}.sj-tone-warm-beige .sj-card-spine{background:linear-gradient(180deg,#ad8b70,#a07a64)}.sj-tone-warm-beige{background:linear-gradient(180deg,#fffaf6,#fff6f0)}.sj-tone-sage .sj-card-spine{background:linear-gradient(180deg,#8da08a,#6e8b74)}.sj-tone-sage{background:linear-gradient(180deg,#fbfdfb,#f6fbf6)}.sj-tone-lavender .sj-card-spine{background:linear-gradient(180deg,#9c88a6,#7f6b8c)}.sj-tone-lavender{background:linear-gradient(180deg,#fbf9fc,#f6f2f8)}.sj-tone-rose .sj-card-spine{background:linear-gradient(180deg,#c78b92,#a66d73)}.sj-tone-rose{background:linear-gradient(180deg,#fff7f8,#fff4f5)}.sj-tone-blue .sj-card-spine{background:linear-gradient(180deg,#7fa2c1,#5f86a1)}.sj-tone-blue{background:linear-gradient(180deg,#f8fbfc,#f3f8fb)}.sj-tone-olive .sj-card-spine{background:linear-gradient(180deg,#8a9b6a,#6f7f4f)}.sj-tone-olive{background:linear-gradient(180deg,#fbfff9,#f7fbf6)}.sj-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #1e140a14}.sj-card-deleting{opacity:.45;transform:scale(.99);pointer-events:none;filter:grayscale(.2)}.sj-modal-overlay{position:fixed;z-index:1100;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#14100c59,#14100c80);padding:28px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sj-modal{width:100%;max-width:1000px;border-radius:12px;overflow:hidden;box-shadow:0 30px 80px #0a0a0a73;background:linear-gradient(180deg,#fbf8f3,#fff9f5);animation:sjPop .32s ease}@keyframes sjPop{0%{transform:translateY(8px) scale(.995);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sj-notebook{display:grid;grid-template-columns:320px 1fr;min-height:420px}.sj-left-notebook{padding:22px;border-right:1px solid rgba(0,0,0,.04);background:linear-gradient(180deg,#f9f5ef,#f6f2ec);display:flex;flex-direction:column;gap:14px}.sj-left-notebook h2{margin:0;font-family:Georgia,serif;font-size:1.2rem}.sj-modal-meta{color:#7b6b62;font-size:.92rem;margin-top:6px;display:flex;gap:8px;align-items:center}.sj-stats{color:#6b5a50;font-size:.95rem;margin-top:12px;display:flex;flex-direction:column;gap:8px}.sj-right-notebook{padding:18px 28px;background:linear-gradient(180deg,#fffdf9,#fffaf5);position:relative}.sj-article{max-height:66vh;overflow-y:auto;padding-right:8px}.sj-para{margin:0 0 18px;line-height:1.7;color:#2b2b2b;font-size:1rem;background-image:linear-gradient(transparent 42px,#00000005 42px);background-size:100% 42px;padding-bottom:8px}.sj-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 18px;border-top:1px solid rgba(0,0,0,.03);background:#fff9}.sj-btn{padding:10px 14px;border-radius:8px;border:1px solid rgba(0,0,0,.06);background:#f3e9e0;cursor:pointer;font-weight:600}.sj-btn:hover{transform:translateY(-2px)}.sj-danger{background:#f8e9e9;color:#8a2d2d;border-color:#8a2d2d14}.sj-toast{position:fixed;right:20px;top:20px;z-index:1200;border-radius:10px;padding:10px 14px;box-shadow:0 8px 22px #1414141f;display:flex;align-items:center}.sj-toast-inner{display:flex;gap:10px;align-items:center}.sj-toast-success{background:#2f9d56;color:#fff}.sj-toast-error{background:#c94b4b;color:#fff}.sj-toast-close{background:transparent;border:none;color:inherit;font-size:14px;cursor:pointer}@media(max-width:900px){.sj-notebook{grid-template-columns:1fr}.sj-left-notebook{order:2}.sj-right-notebook{order:1}.sj-search input{min-width:120px}.sj-header{flex-direction:column;align-items:flex-start;gap:10px}.sj-controls{align-items:stretch;width:100%}.sj-filter-row{justify-content:space-between}.sj-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}}.filters-container{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding:14px 20px;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;margin-bottom:28px;border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px #00000014;transition:all .25s ease}.filter-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.filter-label{font-size:13px;font-weight:600;color:#4a4a4a;letter-spacing:.2px}.filters-container select{padding:10px 14px;border-radius:10px;border:1px solid #ccc;background:#fff;font-size:14px;outline:none;transition:all .2s ease-in-out;cursor:pointer}.filters-container select:hover{border-color:#8ab4f8}.filters-container select:focus{border-color:#5c9ded;box-shadow:0 0 0 3px #8ab4f840}.search-box input{padding:10px 14px;border-radius:10px;border:1px solid #ccc;background:#fff;font-size:14px;outline:none;transition:all .2s ease-in-out;width:220px}.search-box input::-moz-placeholder{color:#999}.search-box input::placeholder{color:#999}.search-box input:hover{border-color:#8ab4f8}.search-box input:focus{border-color:#5c9ded;box-shadow:0 0 0 3px #8ab4f840}@media(max-width:650px){.filters-container{flex-direction:column;align-items:stretch;gap:12px}.search-box input,.filter-item{width:100%}}.sj-tone-sunset .sj-card-spine{background:linear-gradient(180deg,#ffb347,#ff6b6b)}.sj-tone-sunset{background:linear-gradient(180deg,#ffe5d9,#ffd2c2)}.sj-tone-mint .sj-card-spine{background:linear-gradient(180deg,#6fcf97,#2ecc71)}.sj-tone-mint{background:linear-gradient(180deg,#d9f9ea,#b2f2c9)}.sj-tone-amethyst .sj-card-spine{background:linear-gradient(180deg,#d8b4e2,#9b59b6)}.sj-tone-amethyst{background:linear-gradient(180deg,#f4e3fa,#e0c3f6)}.sj-tone-sky .sj-card-spine{background:linear-gradient(180deg,#a9d7ff,#67b9ff)}.sj-tone-sky{background:linear-gradient(180deg,#e3f2ff,#b8e0ff)}.sj-tone-berry .sj-card-spine{background:linear-gradient(180deg,#ffad9b,#e84a94)}.sj-tone-berry{background:linear-gradient(180deg,#ffe1e6,#ffb1c8)}.sj-tone-forest .sj-card-spine{background:linear-gradient(180deg,#a3e635,#6fcf97)}.sj-tone-forest{background:linear-gradient(180deg,#e4f9d6,#b9f2a8)}.sj-card-title,.sj-card-date,.sj-card-preview p,.sj-badge{mix-blend-mode:multiply}:root{--primary: #5e8fa8;--accent: #b49fcc;--text: #2e2e35}.profile-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#5e8fa840,#b49fcc26,#fff4eab3);font-family:Inter,sans-serif}.profile-card{width:400px;max-width:90%;background:#fff4ea;padding:35px 25px;border-radius:22px;box-shadow:0 12px 28px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:transform .25s ease,box-shadow .25s ease}.profile-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0000001f}.profile-header{margin-bottom:30px}.profile-avatar{width:90px;height:90px;border-radius:50%;margin-bottom:16px;transition:transform .25s ease}.profile-avatar:hover{transform:scale(1.05)}.profile-name{font-size:22px;color:var(--text);font-weight:600;margin-bottom:6px}.profile-email{font-size:15px;color:#6f6f77;margin-bottom:20px}.journal-summary{display:flex;gap:16px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}.journal-card{background:#fffc;border-radius:16px;padding:14px 16px;width:110px;display:flex;flex-direction:column;align-items:center;transition:transform .25s ease,box-shadow .25s ease;cursor:default}.journal-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #00000014}.journal-card img{width:32px;height:32px;margin-bottom:8px}.journal-info{display:flex;flex-direction:column;align-items:center}.journal-count{font-size:20px;font-weight:600;color:var(--text)}.journal-label{font-size:12px;color:#6f6f77}.profile-btn.garden-btn{padding:14px;background-color:var(--primary);color:#fff;font-size:16px;font-weight:500;border-radius:12px;border:none;cursor:pointer;width:100%;transition:all .3s ease}.profile-btn.garden-btn:hover{background-color:#4c7d93;box-shadow:0 6px 12px #0000001a}@media(max-width:500px){.profile-card{padding:25px 20px}.profile-avatar{width:80px;height:80px}}.progress-section{margin-top:25px;text-align:center}.progress-title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:10px}.progress-bar{width:100%;height:12px;background:#b49fcc40;border-radius:20px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:var(--primary);border-radius:20px;transition:width .4s ease}.progress-text{font-size:13px;color:#6f6f77}.floating-help-btn{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#8c6e94,#b49fcc);color:#fff;border-radius:50px;padding:14px 24px;font-weight:600;font-size:15px;border:none;cursor:pointer;box-shadow:0 6px 18px #00000040;z-index:9999;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;display:flex;align-items:center;gap:8px;animation:float 3s ease-in-out infinite;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.floating-help-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 10px 25px #0000004d;background:linear-gradient(135deg,#b49fcc,#8c6e94)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.floating-help-btn.active:after{content:"";position:absolute;width:100%;height:100%;border-radius:50px;top:0;left:0;box-shadow:0 0 12px 4px #c49fdc99;animation:pulse 1.8s infinite;pointer-events:none;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:.35}to{transform:scale(1);opacity:.6}}.va-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:linear-gradient(180deg,#0a0c1459,#0a0c1473);z-index:3000;padding:20px}.va-card{width:360px;max-width:calc(100% - 48px);background:linear-gradient(180deg,#ffffffeb,#faf8fdf2);border-radius:18px;padding:14px;box-shadow:0 18px 50px #1c1e2859;display:flex;flex-direction:column;gap:12px;overflow:visible;border:1px solid rgba(180,159,204,.12);font-family:Inter,sans-serif}.va-header{display:flex;justify-content:space-between;align-items:center}.va-title{display:flex;align-items:center;gap:12px}.va-dot{width:12px;height:12px;border-radius:50%;background:#cfc7d9;box-shadow:0 0 8px #b49fcc40;transition:transform .22s ease,background .22s ease}.va-dot.listening{background:#5e8fa8;box-shadow:0 0 14px #5e8fa873;transform:scale(1.25)}.va-dot.thinking{background:#b49fcc;box-shadow:0 0 14px #b49fcc73;transform:scale(1.15)}.va-dot.speaking{background:#7dbecf;box-shadow:0 0 16px #7dbecf80;transform:scale(1.25)}.va-name{font-weight:650;color:#2e2e35;font-size:15px}.va-close{background:transparent;border:none;cursor:pointer;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.va-close img{width:18px;height:18px;opacity:.8}.va-body{display:flex;justify-content:center;align-items:center;padding:4px 10px 2px}.va-orb-wrap{position:relative;width:170px;height:170px;display:grid;place-items:center}.va-ripple{position:absolute;width:160px;height:160px;border-radius:50%;opacity:0;transform:scale(.9);transition:opacity .25s ease;pointer-events:none}.va-ripple.active{opacity:1}.va-ripple-1{background:radial-gradient(circle at 30% 30%,#5e8fa824,#b49fcc0f);box-shadow:0 0 40px #5e8fa81f;animation:rippleFloat 2.2s infinite}.va-ripple-2{width:210px;height:210px;background:radial-gradient(circle at 70% 70%,#b49fcc14,#5e8fa808);animation:rippleFloat 2.9s infinite}.va-orb{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e6f7fb,#efe6fb);box-shadow:0 10px 30px #5e8fa81f,inset 0 -6px 18px #b49fcc0f;transition:transform .28s cubic-bezier(.2,.9,.3,1),box-shadow .28s;z-index:10}.va-orb.listening{transform:scale(1.06);box-shadow:0 18px 38px #5e8fa833,inset 0 -8px 20px #5e8fa80f}.va-orb.thinking{transform:scale(1.02);box-shadow:0 12px 30px #b49fcc29}.va-orb.speaking{transform:scale(1.08);box-shadow:0 24px 48px #7dbecf38}.va-orb-mic{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.08))}.va-eq{position:absolute;bottom:-18px;display:flex;gap:6px;align-items:end;z-index:5}.va-eq span{display:block;width:6px;height:calc(var(--h, .6) * 36px);background:linear-gradient(180deg,#b49fcc,#5e8fa8);border-radius:4px;animation:eqBeat .8s ease-in-out infinite}.va-eq span:nth-child(1){animation-delay:0ms}.va-eq span:nth-child(2){animation-delay:.12s}.va-eq span:nth-child(3){animation-delay:.24s}.va-eq span:nth-child(4){animation-delay:.36s}.va-eq span:nth-child(5){animation-delay:.48s}.va-dots-thinking{position:absolute;bottom:-22px;display:flex;gap:6px;align-items:center;z-index:5}.va-dots-thinking span{width:9px;height:9px;background:linear-gradient(180deg,#b49fcc,#9a7ca0);border-radius:50%;animation:dotsJump 1.2s infinite ease-in-out;opacity:.95}.va-dots-thinking span:nth-child(2){animation-delay:.1s}.va-dots-thinking span:nth-child(3){animation-delay:.2s}.va-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 12px}.va-actions{display:flex;gap:8px;align-items:center}.va-main-btn{background:linear-gradient(180deg,#5e8fa8,#4e7b92);color:#fff;border:none;padding:8px 14px;border-radius:12px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;font-weight:700;box-shadow:0 6px 18px #5e8fa82e;transition:transform .14s ease,box-shadow .14s}.va-main-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5e8fa838}.va-btn-inner img{width:18px;height:18px}.va-stop-btn{background:transparent;border:1px solid rgba(94,143,168,.18);color:#2e2e35;padding:6px 12px;border-radius:10px;cursor:pointer}.va-retry-btn{background:linear-gradient(180deg,#b49fcc,#9a7ca0);color:#fff;border:none;padding:6px 12px;border-radius:10px;cursor:pointer}.va-status{color:#5c5c66;font-size:13px;text-align:right;min-width:76px}@keyframes rippleFloat{0%{transform:scale(.95);opacity:.14}50%{transform:scale(1.08);opacity:.28}to{transform:scale(.95);opacity:.14}}@keyframes eqBeat{0%{transform:translateY(0);opacity:.75}50%{transform:translateY(-18px) scaleY(1.06);opacity:1}to{transform:translateY(0);opacity:.75}}@keyframes dotsJump{0%{transform:translateY(0);opacity:.5}40%{transform:translateY(-8px);opacity:1}80%{transform:translateY(0);opacity:.5}}@media(max-width:420px){.va-card{width:92%;padding:12px}.va-orb-wrap{width:140px;height:140px}.va-orb{width:92px;height:92px}}