/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@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-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-2{top:calc(var(--spacing)*2)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-\[9999\]{z-index:9999}.flex{display:flex}.w-full{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.px-4{padding-inline:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-white{color:var(--color-white)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (hover:hover){.hover\:text-gray-400:hover{color:var(--color-gray-400)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.homepage{background-color:#fdeef4;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(221,160,221,.15) 0%,transparent 50%);min-height:100vh;color:#4a5568;overflow-x:hidden;height:auto;padding-bottom:2rem}.header{display:flex;justify-content:space-between;padding:16px 32px;background:transparent;transition:box-shadow .3s ease}.header:hover{box-shadow:0 2px 10px #0003}.logo{height:10rem;width:170px;margin-top:1.2rem}.textcontainer{position:absolute;margin-left:13rem}.tagline{font-weight:600;font-size:42px;color:#b9374c;margin-top:3rem}.sideline{font-size:1.5rem;color:#9c142b}.login{display:flex;gap:2rem;margin-top:2.8rem}.signup{padding:.5rem 1.7rem;background-color:#b9374c;border-radius:6px;color:#fff;font-size:clamp(14px,1.4vw,25px);cursor:pointer;transition:all .3s ease;text-decoration:none;height:4rem;display:flex;align-items:center;justify-content:center}.signup:hover{color:#000;background-color:#fff;text-decoration:underline;cursor:pointer;border:2px solid rgb(185,55,76)}.main{display:flex;position:relative;min-height:80vh}.homenavlinks{display:flex;flex-direction:column;gap:2.5rem;font-size:1.7rem;margin-left:3rem;margin-top:2.6rem;width:18rem;z-index:2}.homenavlinks a{padding:10px 15px;border-radius:8px;text-decoration:none;color:#000;font-weight:500;transition:transform .2s ease,box-shadow .2s ease}.homenavlinks a:hover{background-color:#d7bcc7;box-shadow:0 4px 10px #0000004d;transform:translate(4px)}.text{position:relative;z-index:2;margin-left:-3rem;margin-top:7rem;max-width:50%}.head{font-size:52px;font-weight:700;color:#7f2333;margin-bottom:2rem;line-height:1.2}.msg{width:83%;font-size:27px;color:#7f2333;line-height:1.5}.bgimghome{height:75vh;border-radius:16px;position:absolute;top:0rem;right:2rem;z-index:99}.features-section{padding:5rem 5%;background:#ffffff80;margin-top:5rem}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:2.5rem;font-weight:700;color:#7f2333;margin-bottom:1rem}.section-header p{font-size:1.2rem;color:#9c142b;max-width:700px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;padding:2rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 12px 30px #0000001a}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#b9374c1a;border-radius:50%;display:flex;align-items:center;justify-content:center}.feature-icon img{width:50px;height:50px}.feature-card h3{font-size:1.5rem;font-weight:600;color:#7f2333;margin-bottom:1rem}.feature-card p{color:#9c142b;line-height:1.6}.how-it-works{padding:5rem 5%;background:linear-gradient(135deg,#b9374c1a,#e8b4b81a)}.steps-container{display:flex;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.step{flex:1;background:#fffc;border-radius:16px;padding:2rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);position:relative;text-align:center}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:#b9374c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px #b9374c4d}.step h3{font-size:1.5rem;font-weight:600;color:#7f2333;margin:1rem 0}.step p{color:#9c142b;line-height:1.6}.testimonials{padding:5rem 5%;background:#ffffff80}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.testimonial-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;padding:2rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8)}.testimonial-content{font-style:italic;color:#7f2333;line-height:1.6;margin-bottom:1.5rem;position:relative}.testimonial-content:before{content:"";font-size:4rem;color:#b9374c33;position:absolute;top:-20px;left:-10px}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-name{font-weight:700;color:#7f2333}.author-title{color:#9c142b;font-size:.9rem}.cta-section{padding:8rem 5%;background:linear-gradient(135deg,#7f2333,#84545c);text-align:center;height:30rem;display:flex;flex-direction:column;justify-content:space-between}.cta-content h2{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-content p{font-size:1.2rem;color:#ffffffe6;max-width:700px;margin:0 auto 2rem;padding:1rem}.cta-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#b9374c;border:none;border-radius:30px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;text-decoration:none}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.footer-bottom{text-align:center;padding-top:1.5rem;border-top:2px solid rgba(238,235,235,.2);color:#fff;font-size:.9rem;margin-top:4rem;margin-top:auto}.fixed{position:fixed}.banner{animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1024px){.header{padding:6px 3%;height:60px}.logo{height:40px;width:80px}.tagline{font-size:20px}.sideline{margin-left:-8rem;font-size:12px}.signup{padding:.25rem .8rem;font-size:12px;min-height:28px}.login button{width:4rem}.main{padding:2rem 3%}.head{font-size:3rem}.msg{font-size:1.8rem}.bgimghome{height:60vh;right:2rem}.features-section,.how-it-works,.testimonials,.cta-section{padding:4rem 3%}}@media (max-width: 768px){.header{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 2%;height:50px}.logo{height:65px;width:70px}.textcontainer{flex-direction:row;align-items:center;gap:.5rem;margin-top:1.6rem}.tagline{font-size:16px;margin-top:0rem;margin-left:-8rem}.sideline{font-size:12px}.login{gap:.5rem}.login button{margin-top:-1.3rem;height:2.3rem}.signup{padding:.2rem .6rem;font-size:11px;min-height:24px}.main{flex-direction:row;align-items:flex-start;padding:1rem;margin-top:1rem;margin-left:-2rem;min-height:60vh}.homenavlinks{flex-direction:column;gap:.8rem;font-size:1rem;margin-left:0;margin-top:0;width:120px;padding:1rem;background:transparent;border-radius:12px;box-shadow:0 4px 12px #0000000a}.homenavlinks a{padding:6px 10px;border-radius:8px;text-decoration:none;color:#000;font-weight:500;transition:transform .2s ease,box-shadow .2s ease;font-size:.9rem}.homenavlinks a:hover{background-color:#d7bcc7;box-shadow:0 4px 10px #0000004d;transform:translate(4px)}.text{margin-left:1rem;margin-top:3rem;max-width:calc(100% - 150px)}.head{font-size:1.8rem;margin-bottom:1rem}.msg{font-size:1rem}.bgimghome{display:none}.features-section{padding:3rem 2%;width:95%;margin-left:.4rem;margin-top:0}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.feature-card{padding:1.5rem}.feature-icon{width:60px;height:60px;margin:0 auto 1rem}.feature-icon img{width:40px;height:40px}.feature-card h3{font-size:1.2rem;margin-bottom:.8rem}.feature-card p{font-size:.9rem}.how-it-works{padding:3rem 2%}.steps-container{flex-direction:column;gap:1rem}.step{padding:1.5rem;width:70%;margin-left:3.5rem;margin-top:1rem}.step-number{width:30px;height:30px;font-size:1.2rem}.step h3{font-size:1.2rem;margin:.8rem 0}.section-header h2{font-size:1.7rem}.step p{font-size:.9rem}.testimonials{padding:3rem 2%}.testimonials-grid{grid-template-columns:1fr;gap:1rem}.testimonial-card{padding:1.5rem;width:75%;margin-left:3rem}.testimonial-content{font-size:.9rem;margin-bottom:1rem}.cta-section{padding:3rem 2%;height:23rem;display:flex;flex-direction:column;justify-content:space-between}.cta-content h2{font-size:1.8rem}.cta-content p{font-size:1rem}.cta-button{padding:.8rem 2rem;font-size:1rem}.footer{padding:2rem 2% 1rem}.footer-content{flex-direction:column;justify-content:space-between}.footer-logo{align-items:flex-start;width:5rem}.footer-logo img{height:40px}.footer-links{justify-content:flex-end;flex-wrap:wrap;gap:1.5rem}.footer-column{min-width:60px;margin-top:-9rem;margin-left:-1rem}.footer-bottom{margin-top:auto;padding-top:1rem}}@media screen and (max-width: 767px){.bgimghome{display:none}.homenavlinks{box-shadow:none}.text{width:80%;margin-left:0;margin-top:3rem;padding-bottom:2rem}.text .head{font-size:1.5rem}.text .msg{font-size:.9rem}.logo{margin-left:-.6rem}.textcontainer{position:relative;margin-left:6rem;margin-top:1.4rem}.features-section{margin-top:2rem}.footer-bottom{margin-top:.8rem}}@media screen and (min-width: 768px) and (max-width: 1023px){.bgimghome{display:block;margin-top:2.4rem;position:absolute;right:.7rem;height:20rem;width:15rem}.homenavlinks{box-shadow:none}.text{width:25rem}.how-it-works .steps-container{flex-direction:row;flex-wrap:nowrap;gap:1rem}.how-it-works .step{flex:1;max-width:calc((100% / 3) - 1rem);padding:1rem}.testimonial-card{margin-left:7rem}.features-section{margin-top:0}}@media screen and (min-width: 1024px){.bgimghome{display:block}}.logmodal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000001a;display:flex;justify-content:center;align-items:center;z-index:999}.logmodal-content{background-color:#fff;border:solid 4px rgb(127,35,51);padding:2rem;border-radius:10px;width:550px;height:600px;position:relative;text-align:center;color:#7f2333}.logmodal-content h2{font-size:40px;font-weight:550;text-decoration:underline;margin-top:30px}.logmodal-content input{font-size:24px}.logmodal-content .logloginbtn{font-size:25px;margin-top:100px;width:85%}.logclose-btn{position:absolute;top:-20px;right:-15px;background:#7f2333;border:none;color:#fff;font-weight:700;border-radius:50%;width:55px;height:55px;cursor:pointer;font-size:22px}.loglogin-form input{width:90%;margin:10px 0;padding:30px;border:none;border-bottom:2px solid rgb(127,35,51);background:transparent;color:#7f2333;outline:none}.loglogin-form button{background-color:#7f2333;color:#fff;border:none;padding:12px 20px;font-size:1rem;border-radius:20px;margin-top:20px;cursor:pointer}.logmodal-content .logsigninbtn{font-size:25px;margin-top:70px;width:85%}.logsignupbox{height:700px;width:600px}.loglogin-form input[type=text],.loglogin-form input[type=email],.loglogin-form input[type=password]{width:90%;margin:10px 0;padding:30px 0;background:transparent;border:none;border-bottom:2px solid rgb(127,35,51);color:#7f2333;outline:none;box-shadow:none;border-radius:0;font-size:1.5rem;transition:border-bottom-color .2s ease}.loglogin-form input[type=text]:focus{border-bottom-color:#7f2333;background-color:transparent;box-shadow:none}.loglogin-form input:focus{background-color:transparent;box-shadow:none;border-bottom-color:#7f2333}@media screen and (max-width: 768px){.logmodal-overlay{padding:15px}.logmodal-content{max-width:500px;min-height:550px;padding:1.5rem}.logmodal-content h2{font-size:32px;margin-top:20px}.logmodal-content input{font-size:20px}.loglogin-form input{padding:20px 0;margin:8px 0}.logmodal-content .logloginbtn,.logmodal-content .logsigninbtn{font-size:20px;margin-top:50px;width:90%}.logclose-btn{width:44px;height:44px;font-size:18px;top:-15px;right:-10px}.logsignupbox{min-height:600px}}@media screen and (max-width: 480px){.logmodal-overlay{padding:10px}.logmodal-content{max-width:100%;min-height:400px;max-height:80vh;padding:.8rem;height:auto;overflow-y:auto}.logmodal-content h2{font-size:24px;margin-top:10px;margin-bottom:10px}.logmodal-content input{font-size:18px}.loglogin-form input{padding:15px 0;margin:6px 0;font-size:1.2rem}.logmodal-content .logloginbtn,.logmodal-content .logsigninbtn{font-size:18px;margin-top:30px;width:95%;padding:10px}.logclose-btn{width:40px;height:40px;font-size:16px;top:-12px;right:-8px}.logsignupbox{min-height:450px;max-height:80vh;height:auto;overflow-y:auto}.loglogin-form button{padding:10px 15px;font-size:.9rem}}@media screen and (max-width: 360px){.logmodal-content{padding:.6rem;min-height:350px}.logmodal-content h2{font-size:28px;margin-top:8px;margin-bottom:8px}.loglogin-form input{font-size:1rem;padding:10px 0;margin:4px 0}.logmodal-content .logloginbtn,.logmodal-content .logsigninbtn{font-size:16px;width:100%;margin-top:20px;padding:8px}.logclose-btn{width:35px;height:35px;font-size:14px}.logsignupbox{min-height:400px;max-height:75vh}}.journal{display:flex;min-height:100vh;background-color:#fdeef4;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(221,160,221,.15) 0%,transparent 50%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;position:relative;overflow:hidden}.journal:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/journalbg3-CEWiqAXf.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;z-index:0;pointer-events:none}.journal-container{width:100%;max-width:1000px;margin:0 auto;padding:40px;border-radius:20px;background-color:#ffffffeb;box-shadow:0 10px 40px #00000014;position:relative;z-index:10;transition:all .3s ease}.journal-container:hover{box-shadow:0 15px 50px #0000001f}.journhead{text-align:center;margin-bottom:30px}.journhead h2{font-size:3.2rem;color:#4a5568;margin-bottom:10px;font-weight:700;position:relative;display:inline-block}.journhead h2:after{content:"";position:absolute;bottom:-10px;left:25%;width:50%;height:3px;background:linear-gradient(90deg,#d4a5a5,#e8b4b8);border-radius:3px}.date{text-align:center;font-size:1.3rem;color:#718096;margin-bottom:30px;font-weight:500}.journal-form{display:flex;flex-direction:column;gap:25px}label{font-size:1.2rem;color:#4a5568;font-weight:600;margin-bottom:8px;display:flex;align-items:center}label:before{content:"✨";margin-right:10px;color:#d4a5a5}input[type=text],select,textarea{width:100%;padding:16px 18px;border:2px solid #E2E8F0;border-radius:12px;font-size:1.1rem;background-color:#ffffffe6;color:#2d3748;transition:all .3s ease;font-family:inherit}input[type=text]:focus,select:focus,textarea:focus{outline:none;border-color:#d4a5a5;box-shadow:0 0 0 3px #d4a5a533;background-color:#fff}textarea{min-height:250px;resize:vertical}.button-group{display:flex;justify-content:center;gap:25px;margin-top:15px}.save-btn,.cancel-btn{padding:14px 32px;border:none;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:180px}.save-btn{background:linear-gradient(135deg,#d4a5a5,#e8b4b8);color:#fff;box-shadow:0 6px 20px #d4a5a54d}.save-btn:hover{background:linear-gradient(135deg,#c49595,#d8a4a8);transform:translateY(-3px);box-shadow:0 8px 25px #d4a5a566}.cancel-btn{background-color:#edf2f7;color:#4a5568;box-shadow:0 4px 15px #0000000d}.cancel-btn:hover{background-color:#e2e8f0;transform:translateY(-3px)}.journal-right{position:relative;margin-top:40px;display:flex;flex-direction:column;align-items:center;width:100%;max-width:700px;margin-left:auto;margin-right:auto}.rightbg{display:none}.rightside{width:100%;max-width:700px;margin:12rem auto 0;position:relative}.responsebg{position:absolute;top:-15rem;right:-24rem;transform:translate(-50%);width:35rem;height:auto;z-index:15;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.response{background-color:#ffffffeb;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border-left:5px solid #D4A5A5;position:relative;z-index:10}.response h3{font-size:2rem;color:#4a5568;margin-bottom:20px;font-weight:700;position:relative;padding-bottom:15px}.response h3:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:3px;background:linear-gradient(90deg,#d4a5a5,#e8b4b8);border-radius:3px}.response p{font-size:1.2rem;line-height:1.7;color:#4a5568;margin:0}.image-wrapper{display:none}.errorMsg{color:#e53e3e;background-color:#fee2e2b3;padding:15px 25px;border-radius:10px;margin-top:20px;text-align:center;font-weight:500;box-shadow:0 4px 15px #e53e3e1a;font-size:1.1rem}@media (min-width: 1024px){.journal{flex-direction:row;align-items:flex-start;padding:40px;gap:40px}.journal-container{max-width:65%;margin:0;flex:0 0 65%}.journal-right{flex:0 0 30%;top:0;max-width:none}.rightbg,.rightside{max-width:none}}@media (max-width: 1023px){.journal-container,.journal-right{max-width:900px}}@media (max-width: 767px){.journal{flex-direction:column;align-items:center;padding:15px}.journhead h2{font-size:2rem}.journal-container p{font-size:1rem}.journal-container{max-width:100%;padding:25px;margin:0 0 30px}.journal-right{width:100%;max-width:100%;margin-top:0;margin-bottom:30px}.rightside{width:85%;max-width:100%;margin:0}.response{width:100%;padding:20px}.response h3{font-size:1.7rem}.response p{font-size:1.1rem}.responsebg{position:absolute;top:-25px;left:70%;transform:translate(-50%);width:140px;height:auto;z-index:15;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.button-group{flex-direction:column;align-items:center}.save-btn,.cancel-btn{width:100%;max-width:300px}}.loading-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-left:10px}@keyframes spin{to{transform:rotate(360deg)}}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234A5568' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}.floating-navbar{position:fixed;left:-25rem;top:50%;transform:translateY(-50%);background:transparent;border-radius:0 10px 10px 0;box-shadow:2px 0 10px #0000001a;z-index:1000;transition:left .3s ease-in-out;width:19rem;padding:2rem 0}.floating-navbar.visible{left:0}.navlinks{display:flex;flex-direction:column;gap:4rem;margin-top:10rem;margin-left:1.5rem;margin-bottom:9rem;font-size:1.7rem}.navlinks a{text-decoration:none;color:#333;font-weight:500;padding:8px 12px;border-radius:5px;transition:all .2s ease}.navlinks a:hover{background-color:#f0f0f0;box-shadow:0 4px 10px #0000004d;transform:translate(4px)}html,body{margin:0;padding:0;background:transparent!important;box-sizing:border-box;font-family:Segoe UI,sans-serif}.bgimg{z-index:-1;position:fixed;top:0;left:0;height:100vh;width:100vw;object-fit:cover;opacity:1;border-radius:0}.profile-page{position:relative;z-index:10;font-family:Segoe UI,sans-serif;padding:3rem 2rem;color:#333;min-height:150vh}.profile-header{display:flex;gap:2rem;align-items:center;background:none;box-shadow:none;padding:1.5rem;border-radius:10px;margin-bottom:2rem;box-shadow:0 2px 6px #0006;height:200px}.nojournal{font-size:2rem;border-radius:10px;height:9rem;display:flex;justify-content:center;align-items:center;margin-top:2.5rem;box-shadow:0 2px 6px #0006}.profile-header img{margin-left:3rem}.avatar{width:200px;height:160px;object-fit:cover;margin-right:3rem;margin-top:-1rem}.user-info{font-size:2rem;flex:1}.user-info h2{margin:0 0 .5rem;font-size:1.8rem;color:#222}.user-info p{margin:.2rem 0;font-size:1rem;color:#444}.edit-btn{background-color:#686464;color:#fff;padding:.4rem 1rem;border:none;border-radius:8px;font-size:1.5rem;margin-left:auto;margin-top:-6.5rem;margin-right:0rem;cursor:pointer}.dashboard{margin-bottom:2rem;background:none;box-shadow:none;text-align:center;padding:1.5rem;border-radius:10px;margin-top:2rem;height:38rem;box-shadow:0 2px 6px #00000080}.wlcmmsg{font-size:2.5rem;margin-bottom:.5rem;text-align:center}.stats{margin-top:1rem}.stats p{font-size:1.7rem;padding:.8rem;margin:.5rem 0 .5rem 3rem}.quote{font-style:italic;color:#666;margin-top:1rem}.start-writing-btn{background-color:#000;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:20px;font-size:1.7rem;margin-top:1.3rem;cursor:pointer;margin-left:4rem}.journal-section{padding:1rem;border-radius:10px;margin-top:2rem}.journal-section h3{font-size:2.5rem;margin-bottom:1rem;text-align:center;color:#222;font-weight:700}.journal-entry{font-size:1.8rem;font-weight:700;border-bottom:1px solid #ccc;cursor:pointer;border-radius:12px;box-shadow:0 2px 6px #0006;width:65%;margin-left:23rem;height:10rem}.journal-entry h4{font-size:1.5rem;color:#333;padding-top:4rem;padding-left:8rem}.close-btn{float:right;position:absolute;top:13px;right:19px;background:transparent;color:#000;border:none;border-radius:50%;font-size:2.2rem;cursor:pointer}.dlticon{width:auto;height:30px;cursor:pointer;position:absolute;right:20.4rem;padding-top:.3rem}.profilemodal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}.profilemodal-content{color:#000;padding:20px;max-width:1000px;max-height:87vh;overflow-y:auto;border-radius:8px;position:relative;display:flex;gap:20px;width:90%;height:100%;flex-wrap:wrap;box-shadow:0 4px 8px #0003;background-image:url(/assets/journalbg3-CEWiqAXf.png);filter:brightness(80%)}.journal-details{width:100%;position:relative}.journal-entry .prodate{font-size:1.2rem;color:#777;margin-left:50rem;margin-top:-2rem}.journal-details .date{position:relative;margin-left:17rem;color:#000;font-size:bold}.journal-details h2{margin-left:30rem}.title{display:flex;align-items:center;top:10px;font-size:2.3rem;margin-left:-4rem;margin-top:1rem;font-weight:600;gap:5px;width:100%;text-align:center}.entry-content p{font-size:1.6rem;margin-left:3rem;margin-top:1rem;width:52rem;text-align:start}.ai-response h3{font-size:2.3rem;margin-left:-15rem;margin-top:-1rem;font-weight:600;position:relative;top:4rem;margin-left:12%}.ai-response p{position:relative;top:5rem;left:3.5rem;text-align:start;font-size:1.25rem;width:52rem;padding:.4rem}.ai-response{margin-bottom:10rem}.mood-emoji:hover{transform:scale(1.1)}@media (min-width: 600px){.journal-details{flex-direction:row}.entry-content,.ai-response{width:48%;margin-top:0}}@media (max-width: 1024px){.profile-page{padding:2rem 1.5rem}.profile-header{flex-direction:column;text-align:center;height:auto;padding:1.5rem}.avatar{margin-right:0;margin-bottom:1rem}.user-info{font-size:1.5rem;width:100%}.user-info h2{font-size:1.6rem}.nojournal{font-size:1.5rem;height:5rem}.edit-btn{margin-left:0;margin-top:1rem}.dashboard{height:auto;padding:1.5rem}.wlcmmsg{font-size:2rem}.profile-header img{margin-top:3rem;margin-left:1rem}.user-info{margin-top:-2rem}.stats p{font-size:1.4rem;margin-left:0;padding:.5rem}.start-writing-btn{margin-left:0;font-size:1.4rem}.journal-entry{width:90%;margin-left:5%;height:auto;padding:1rem 0}.journal-entry h4{padding-left:2rem;padding-top:1rem}.prodate{margin-left:2rem!important;margin-top:0!important}.dlticon{right:1rem!important}}@media (max-width: 768px){.profile-page,.profile-header{padding:1rem}.avatar{width:100px;height:100px}.user-info{font-size:1.2rem}.user-info h2{font-size:1.4rem}.user-info p{font-size:.9rem}.edit-btn{font-size:1rem;padding:.3rem .8rem}.dashboard{height:auto;padding:1rem}.wlcmmsg{font-size:1.6rem}.stats p{font-size:1.2rem;padding:.4rem}.quote{font-size:1rem}.start-writing-btn{font-size:1.2rem;padding:.5rem 1rem}.journal-section h3{font-size:1.8rem}.journal-entry{height:auto;min-height:5rem;margin-top:1.4rem}.journal-entry h4{font-size:1.2rem;padding-top:.8rem;padding-left:1rem}.prodate{font-size:1rem;margin-left:1rem!important}.dlticon{height:20px}}.profilemodal-content{background-color:#eaf2f5fc;background-image:none;filter:none;max-width:70%;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.title{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;margin-top:0;margin-left:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.title h2{margin:0;text-align:center;font-size:2rem;color:#333}.mood-emoji{font-size:2.4rem!important;cursor:default;-webkit-user-select:none;user-select:none;line-height:1}.journal-details .date{text-align:center;margin:0 0 1.5rem;font-size:1rem;color:#666;font-weight:400}.entry-content{margin:0 auto 2rem;width:100%}.entry-content p{margin:0 auto;width:90%;text-align:left;font-size:1.2rem;line-height:1.6;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ai-response{margin:0;width:100%;padding:1.5rem;background-color:#eaf2f5f2;border-radius:10px;border-left:4px solid rgba(50,107,128,.95)}.ai-response h3{margin:0 0 1rem;text-align:center;font-size:1.5rem;color:#333;position:static;top:auto;left:auto}.ai-response p{margin:0;width:100%;text-align:left;font-size:1.1rem;line-height:1.5;color:#444;position:static;top:auto;left:auto;padding:0}.close-btn{position:absolute;top:-10px;right:-10px;background:transparent;color:#3b3939;border:none;border-radius:50%;width:36px;height:36px;font-size:2rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background-color:#0000001a;color:#333}@media (max-width: 768px){.profilemodal-content{padding:1.5rem;width:95%;max-height:90vh}.title h2{font-size:1.6rem}.mood-emoji{font-size:2rem!important}.entry-content p{font-size:1.1rem;width:100%}.ai-response{padding:1rem}.ai-response h3{font-size:1.3rem}.ai-response p{font-size:1rem}.close-btn{width:30px;height:30px;font-size:1.2rem}}@media (max-width: 480px){.profilemodal-content{padding:1rem}.title{flex-direction:column;gap:.5rem}.title h2{font-size:1.4rem}.mood-emoji{font-size:1.8rem!important;margin-left:0}.entry-content p{font-size:1rem}.ai-response h3{font-size:1.2rem}.ai-response p{font-size:.95rem}}:root{--card-bg: #07183a;--text-on-dark: #f7fbff;--muted: #9fb0d1;--accent: #f97316;--primary-bg: #FDEEF4;--card-background: rgba(255, 255, 255, .92);--text-color: #2d3748;--border-color: #e2e8f0;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-hover: 0 10px 15px rgba(0, 0, 0, .1);--radius: 12px}.cal__wrap{margin:0 auto;padding:2rem;background-color:var(--primary-bg);background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(221,160,221,.15) 0%,transparent 50%);border-radius:var(--radius);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;width:100%}.cal__header{text-align:center;margin-bottom:2rem}.cal__header h2{margin:0 0 .5rem;font-size:2.8rem;font-weight:700;color:#6d5353;display:flex;align-items:center;justify-content:center;gap:10px}.cal__subtitle{margin:0 0 1rem;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:1.3rem}.cal__loading{margin-top:2rem;text-align:center;font-size:1.2rem;color:var(--text-color)}.calendar-container{max-width:900px;margin:0 auto 3rem;background-color:var(--card-background);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#d4a5a5,#e8b4b8);color:#fff}.calendar-header h2{margin:0;font-size:1.8rem;font-weight:600}.nav-button{background:#fff3;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-button:hover{background:#ffffff4d;transform:scale(1.1)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--border-color)}.calendar-weekday{padding:1rem 0;text-align:center;font-weight:600;background-color:#f8f9fa;color:var(--text-color);font-size:1.1rem}.calendar-day{position:relative;min-height:100px;background-color:#fff;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.calendar-day:hover{background-color:#f0f8ff;transform:scale(1.02)}.calendar-day.other-month{color:#ccc;background-color:#f9f9f9}.mood-emoji-background{position:absolute;top:.8rem;right:1.5rem;font-size:3rem;opacity:.8;z-index:1}.day-number{font-size:1rem;color:var(--text-color);margin-top:.5rem;position:relative;z-index:2;font-weight:600}.has-entry{background-color:#d4a5a51a}.calmodal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.calmodal-content{background:var(--card-background);padding:2rem;border-radius:var(--radius);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 30px #0003}.calclose-btn{position:absolute;top:1rem;right:1rem;background:transparent;color:#718096;border:none;border-radius:50%;width:36px;height:36px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.calclose-btn:hover{background:#0000001a;color:var(--text-color)}.caljournal-details .caltitle{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;margin-top:0}.caljournal-details .caltitle h2{font-size:2rem;color:var(--text-color);margin:0;text-align:center}.caljournal-details .date{text-align:center;color:#718096;font-size:1rem;margin-bottom:1.5rem;font-weight:500}.calentry-content{margin:0 auto 2rem;width:100%}.calentry-content p{font-size:1.2rem;line-height:1.6;color:var(--text-color);margin:0;text-align:left}.ai-response{margin-top:2rem;padding:1.5rem;background-color:#f5f5fab3;border-radius:var(--radius);border-left:4px solid #D4A5A5}.ai-response h3{margin-top:0;margin-bottom:1rem;color:var(--text-color);font-size:1.5rem;font-weight:600}.ai-response p{font-size:1.1rem;line-height:1.6;color:var(--text-color);margin:0}.streak-container{max-width:900px;margin:0 auto 3rem;padding:2rem;background:linear-gradient(135deg,#f59485,#e75c77,#f59485);color:#fff;border-radius:20px;box-shadow:0 10px 30px #ff9a8b4d;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;overflow:hidden}.streak-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.streak-header h2{margin:0;color:#fff;font-size:1.8rem;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.1)}.current-streak{display:flex;align-items:center;font-size:1.2rem;font-weight:600;color:#fff;background:#fff3;padding:.5rem 1rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 8px #0000001a}.streak-number{font-size:2rem;margin-right:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.streak-days{display:flex;justify-content:space-between;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem;position:relative;z-index:1}.day-item{display:flex;flex-direction:column;align-items:center;width:60px;flex-shrink:0;transition:transform .2s ease}.day-item:hover{transform:translateY(-5px)}.emoji{font-size:2rem;margin-bottom:.5rem;height:50px;width:50px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;transition:all .3s ease}.date-label{font-size:.9rem;color:#ffffffe6;font-weight:500}.day-item.active .emoji{background:#ffffff4d;animation:pulse 1.5s infinite;box-shadow:0 0 15px #ffffff80}.day-item.inactive .emoji{opacity:.7;background:#ffffff1a}.streak-legend{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.3);position:relative;z-index:1}.legend-item{display:flex;align-items:center;font-size:1rem;color:#ffffffe6;background:#ffffff26;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.legend-emoji{margin-right:.5rem;font-size:1.2rem}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}@media (max-width: 1024px){.streak-container{padding:1.5rem;max-width:95%}.streak-header h2{font-size:1.5rem}.current-streak{font-size:1rem;padding:.4rem .8rem}.streak-number{font-size:1.5rem}.day-item{width:50px}.emoji{font-size:1.5rem;width:40px;height:40px}}@media (max-width: 768px){.streak-container{padding:1rem;width:100%}.streak-header{flex-direction:column;gap:1rem;align-items:flex-start}.streak-header h2{font-size:1.3rem}.current-streak{font-size:1rem;padding:.3rem .7rem}.streak-number{font-size:1.3rem}.day-item{width:40px}.emoji{font-size:1.2rem;width:35px;height:35px}.date-label{font-size:.8rem}.streak-legend{gap:1rem;flex-wrap:wrap;justify-content:center}.legend-item{font-size:.9rem;padding:.3rem .7rem}}@media (max-width: 480px){.streak-container{padding:.8rem}.streak-header h2{font-size:1.1rem}.current-streak{font-size:.9rem}.streak-number{font-size:1.1rem}.day-item{width:35px}.emoji{font-size:1rem;width:30px;height:30px}.date-label{font-size:.7rem}.streak-legend{flex-direction:column;gap:.5rem;align-items:center}.legend-item{width:80%;justify-content:center}}@media (max-width: 1024px){.cal__wrap{padding:1.5rem}.cal__header h2{font-size:2.4rem}.calendar-container{margin-bottom:2rem}.calendar-day{min-height:80px}.mood-emoji-background{font-size:1.5rem}.streak-container{padding:1.5rem}.streak-header h2{font-size:1.5rem}.current-streak{font-size:1rem}.streak-number{font-size:1.5rem}.day-item{width:50px}.emoji{font-size:1.5rem}}@media (max-width: 768px){.cal__wrap{padding:1rem}.cal__header h2{font-size:2rem}.cal__subtitle{font-size:1.1rem}.calendar-header{padding:1rem}.calendar-header h2{font-size:1.5rem}.nav-button{width:36px;height:36px;font-size:1.2rem}.calendar-weekday{padding:.7rem 0;font-size:.9rem}.calendar-day{min-height:60px;padding:.3rem}.mood-emoji-background{font-size:1.2rem}.day-number{font-size:.9rem}.calmodal-content{padding:1.5rem}.caljournal-details .caltitle h2{font-size:1.6rem}.calentry-content p{font-size:1rem}.ai-response h3{font-size:1.3rem}.ai-response p{font-size:.95rem}.streak-container{padding:1rem}.streak-header{flex-direction:column;gap:1rem;align-items:flex-start}.streak-header h2{font-size:1.3rem}.current-streak{font-size:1rem}.streak-number{font-size:1.3rem}.day-item{width:40px}.emoji{font-size:1.2rem}.date-label{font-size:.8rem}.streak-legend{gap:1rem}}@media (max-width: 480px){.cal__header h2{font-size:1.8rem}.calendar-container{margin-bottom:1.5rem}.calendar-header{padding:.8rem}.calendar-header h2{font-size:1.3rem}.calendar-weekday{font-size:.8rem;padding:.5rem 0}.calendar-day{min-height:50px}.mood-emoji-background{font-size:1rem}.day-number{font-size:.8rem}.calmodal-content{padding:1rem}.caljournal-details .caltitle{flex-direction:column;gap:.5rem}.caljournal-details .caltitle h2{font-size:1.4rem}.calentry-content p{font-size:.9rem}.ai-response{padding:1rem}.ai-response h3{font-size:1.1rem}.ai-response p{font-size:.85rem}.streak-container{padding:.8rem}.streak-header h2{font-size:1.1rem}.current-streak{font-size:.9rem}.streak-number{font-size:1.1rem}.day-item{width:35px}.emoji{font-size:1rem}.date-label{font-size:.7rem}.streak-legend{flex-direction:column;gap:.5rem;align-items:center}}.chart-page{max-width:100%;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fdeef4;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(221,160,221,.15) 0%,transparent 50%);border-radius:16px;min-height:100vh}.chart-header{text-align:center;margin-bottom:2.5rem}.chart-type-selector{height:3.5rem;padding:.5rem}.chart-header h1{color:#4a5568;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.chart-header p{color:#718096;font-size:1.2rem}.chart-controls{display:flex;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.time-range-selector,.chart-type-selector{display:flex;gap:1rem;background:#ffffffb3;padding:.5rem;border-radius:12px;box-shadow:0 4px 6px #0000000d;min-height:50px;align-items:center}.time-range-selector button,.chart-type-selector button{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;color:#4a5568;font-size:1rem}.time-range-selector button:hover,.chart-type-selector button:hover{background:#d4a5a533}.time-range-selector button.active,.chart-type-selector button.active{background:linear-gradient(135deg,#d4a5a5,#e8b4b8);color:#fff;box-shadow:0 4px 10px #d4a5a54d}.summary-stats{display:flex;gap:1.5rem;margin-bottom:2.5rem;flex-wrap:wrap}.stat-card{flex:1;min-width:200px;padding:1.5rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;text-align:center;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000001a}.stat-card h3{margin:0 0 1rem;font-size:1.1rem;color:#718096;font-weight:600}.stat-card p{margin:0;font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#d4a5a5,#e8b4b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-container{height:450px;margin-bottom:2.5rem;background:#fffc;border-radius:16px;padding:1.5rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);overflow:hidden;position:relative}.no-data{display:flex;justify-content:center;align-items:center;height:100%;color:#718096;font-style:italic;font-size:1.2rem}.emotion-legend{background-color:#fffc;border-radius:16px;padding:1.5rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);margin-bottom:2rem}.emotion-legend h3{margin-top:0;margin-bottom:1.5rem;color:#4a5568;font-size:1.3rem;font-weight:600;text-align:center}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.8rem;padding:.5rem 1rem;background-color:#ffffff80;border-radius:30px;transition:transform .2s ease}.legend-item:hover{transform:scale(1.05)}.legend-color{width:24px;height:24px;border-radius:6px;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.legend-item span{color:#4a5568;font-size:1rem;font-weight:500}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:1.5rem;color:#4a5568}@media (max-width: 1024px){.chart-page{padding:1.5rem}.chart-header h1{font-size:2.2rem}.chart-controls{flex-direction:row;gap:1rem}.time-range-selector,.chart-type-selector{flex:1;min-width:0}.time-range-selector button,.chart-type-selector button{padding:.6rem 1rem;font-size:.9rem}.summary-stats{gap:1rem}.stat-card{min-width:150px}.stat-card p{font-size:1.8rem}.chart-container{height:400px;padding:1rem;overflow:auto}.emotion-legend{padding:1.2rem}.emotion-legend h3{font-size:1.2rem;margin-bottom:1.2rem}.legend-items{gap:1.2rem;max-height:150px;overflow-y:auto;justify-content:flex-start}.legend-item{padding:.4rem .9rem}.legend-color{width:20px;height:20px}.chart-type-selector{height:2.5rem}.legend-item span{font-size:.95rem}}@media (max-width: 768px){.chart-page{padding:1rem}.chart-header h1{font-size:1.8rem}.chart-header p{font-size:1rem}.chart-controls{flex-direction:row;gap:.8rem;margin-bottom:1.5rem}.time-range-selector,.chart-type-selector{flex:1;min-width:0;padding:.4rem}.time-range-selector button,.chart-type-selector button{padding:.5rem .8rem;font-size:.8rem}.summary-stats{flex-direction:column;gap:1rem}.stat-card{width:100%;padding:1.2rem}.stat-card h3{font-size:1rem}.stat-card p{font-size:1.6rem}.chart-container{height:350px;padding:1rem;overflow:auto}.emotion-legend{padding:1rem}.emotion-legend h3{font-size:1.1rem;margin-bottom:1rem}.legend-items{gap:1rem;max-height:120px;overflow-y:auto;justify-content:flex-start}.legend-item{padding:.4rem .8rem}.legend-color{width:18px;height:18px}.legend-item span{font-size:.9rem}}@media (max-width: 480px){.chart-page{padding:.8rem}.chart-header h1{font-size:1.6rem}.chart-controls{flex-direction:column;gap:.8rem;margin-bottom:1rem}.time-range-selector,.chart-type-selector{width:100%;justify-content:center;overflow-x:auto}.time-range-selector button,.chart-type-selector button{padding:.5rem .8rem;font-size:.8rem;white-space:nowrap}.stat-card{padding:1rem}.stat-card h3{font-size:.9rem}.stat-card p{font-size:1.4rem}.chart-container{height:300px;padding:.8rem;overflow:auto}.emotion-legend{padding:.8rem}.emotion-legend h3{font-size:1rem;margin-bottom:.8rem}.legend-items{gap:.8rem;max-height:100px;overflow-y:auto;justify-content:flex-start}.legend-item{padding:.3rem .6rem}.legend-color{width:16px;height:16px}.legend-item span{font-size:.85rem}}.reflection-page{max-width:100%;margin:0 auto;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fdeef4;background-image:radial-gradient(circle at 10% 20%,rgba(255,182,193,.15) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(221,160,221,.15) 0%,transparent 50%);border-radius:16px;min-height:100vh;color:#4a5568}.reflection-header{text-align:center;margin-bottom:2.5rem}.reflection-header h1{color:#4a5568;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.reflection-header p{color:#718096;font-size:1.2rem}.time-range-selector{display:flex;justify-content:center;margin-bottom:2.5rem;gap:3rem;flex-wrap:wrap}.time-range-selector button{padding:.75rem 1.5rem;border:none;border-radius:8px;background-color:#ffffffb3;color:#4a5568;cursor:pointer;transition:all .3s ease;font-weight:600;font-size:1rem;box-shadow:0 2px 4px #0000000d}.time-range-selector button:hover{background-color:#d4a5a533;transform:translateY(-2px)}.time-range-selector button.active{background:linear-gradient(135deg,#d4a5a5,#e8b4b8);color:#fff;box-shadow:0 4px 10px #d4a5a54d}.no-data{text-align:center;padding:3rem;background-color:#fffc;border-radius:16px;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8)}.no-data h3{color:#718096;margin-left:8rem;margin-bottom:4rem;font-size:1.5rem}.no-data p{position:relative;margin-left:-32rem;margin-top:6rem}.analysis-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2.5rem}.analysis-card{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;padding:1.5rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);transition:transform .3s ease,box-shadow .3s ease}.analysis-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0000001a}.analysis-card h3{color:#4a5568;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.score-container{display:flex;align-items:center;margin-bottom:1rem}.score-bar{flex-grow:1;height:12px;background-color:#ffffff80;border-radius:6px;overflow:hidden}.score-fill{height:100%;background:linear-gradient(90deg,#d4a5a5,#e8b4b8);border-radius:6px}.score-value{margin-left:1rem;font-weight:700;color:#4a5568;font-size:1.1rem}.analysis-level{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#d4a5a5}.analysis-details{color:#718096;line-height:1.6;font-size:1rem}.recommendations-container{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;padding:2rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8);margin-bottom:2.5rem}.recommendations-container h2{color:#4a5568;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(212,165,165,.3);font-size:1.8rem;font-weight:600}.recommendations-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.recommendation-item{display:flex;align-items:flex-start;padding:1.5rem;background-color:#ffffff80;border-radius:12px;transition:all .3s ease;border:1px solid rgba(255,255,255,.8)}.recommendation-item:hover{background-color:#d4a5a51a;transform:translateY(-3px)}.recommendation-number{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:linear-gradient(135deg,#d4a5a5,#e8b4b8);color:#fff;border-radius:50%;margin-right:1rem;flex-shrink:0;font-weight:700;font-size:1rem;box-shadow:0 2px 4px #d4a5a54d}.recommendation-item p{margin:0;line-height:1.6;color:#4a5568;font-size:1rem}.insights-summary{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:16px;padding:2rem;box-shadow:0 8px 20px #0000000f;border:1px solid rgba(255,255,255,.8)}.insights-summary h2{color:#4a5568;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(212,165,165,.3);font-size:1.8rem;font-weight:600}.insights-content{line-height:1.7}.insights-content p{margin-bottom:1.5rem;color:#4a5568;font-size:1rem}.loading{text-align:center;padding:3rem;font-size:1.3rem;color:#718096;background:#ffffff80;border-radius:16px;margin:2rem auto;max-width:600px;box-shadow:0 4px 12px #0000000d}@media (max-width: 1024px){.reflection-page{padding:1.5rem}.reflection-header h1{font-size:2.2rem}.reflection-header p{font-size:1.1rem}.time-range-selector{margin-bottom:2rem}.analysis-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.recommendations-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}@media (max-width: 768px){.reflection-page{padding:1rem}.reflection-header h1{font-size:1.8rem}.reflection-header p{font-size:1rem}.time-range-selector{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:.5rem;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.time-range-selector::-webkit-scrollbar{display:none}.time-range-selector{width:90%;gap:1.5rem;margin-left:2rem;display:flex;justify-content:center}.time-range-selector button{flex:0 0 auto;padding:.6rem 1rem;font-size:.9rem;white-space:nowrap}.analysis-container{grid-template-columns:1fr;gap:1rem}.analysis-card{padding:1.2rem;width:90%;margin:0 auto}.analysis-card h3{font-size:1.1rem}.recommendations-container{padding:1.5rem;width:90%;margin:0 auto 2.5rem}.recommendations-container h2{font-size:1.5rem}.recommendations-list{grid-template-columns:1fr;gap:1rem}.insights-summary{padding:1.5rem;width:90%;margin:0 auto}.insights-summary h2{font-size:1.5rem}}@media (max-width: 480px){.reflection-page{padding:.8rem}.reflection-header h1{font-size:1.6rem}.time-range-selector button{padding:.5rem .8rem;font-size:.85rem}.analysis-card{padding:1rem;width:85%}.analysis-card h3{font-size:1rem}.score-bar{height:10px}.score-value{font-size:1rem}.recommendations-container{padding:1.2rem;width:85%}.recommendation-item{padding:1rem}.recommendation-number{width:25px;height:25px;font-size:.9rem}.insights-summary{padding:1.2rem;width:85%}.insights-summary h2{font-size:1.3rem}.time-range-selector{width:84%;gap:1.3rem;margin-left:2rem}.loading{padding:2rem 1rem;font-size:1.1rem}}