:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;width:100%}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{background:linear-gradient(135deg,#ffc4df,#a2b4f5);padding:.5rem 2rem;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none;transition:transform .2s ease;display:flex;align-items:center;gap:.75rem}.nav-logo-img{height:45px}.nav-logo:hover{transform:scale(1.05)}.nav-menu{display:flex;list-style:none;gap:1rem;margin:0;padding:0}.nav-item{margin:0}.nav-icon-link{display:inline-block;text-decoration:none;transition:transform .3s ease}.nav-icon{height:50px;width:auto}.nav-icon-link:hover{animation:shake-scale .5s ease}@keyframes shake-scale{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-3deg)}50%{transform:scale(1.15) rotate(3deg)}75%{transform:scale(1.1) rotate(-2deg)}to{transform:scale(1.1) rotate(0)}}.nav-link{color:#ffffffe6;text-decoration:none;font-size:1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;display:flex;align-items:center;border-radius:50px;margin-top:7px;padding:1;color:#ffffffe6;transition:all .3s ease}.logout-btn:hover{color:#fff;transform:scale(1.1)}.nav-link:hover{background:#ffffff1a;color:#fff}@media(max-width:768px){.nav-menu{gap:1rem}.nav-link{padding:.4rem .8rem;font-size:.9rem}.navbar{padding:1rem}}@media(max-width:480px){.nav-container{flex-direction:column;gap:1rem}.nav-menu{gap:.5rem;flex-wrap:wrap;justify-content:center}}.intro-page{width:100%}.container{width:100%;margin:0;padding:0 5%}.hero-section{min-height:80vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffc4df,#a2b4f5);color:#3d29a4a6;text-align:center;padding:4rem 5%;width:100%}.hero-content{width:100%;max-width:100%}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;animation:fadeInUp .8s ease}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.6;animation:fadeInUp .8s ease .2s both}.cta-button-hero{display:inline-block;padding:1rem 3rem;background:#fff;color:#6b6ad7e2;text-decoration:none;border-radius:50px;font-weight:700;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #0003;animation:fadeInUp .8s ease .4s both}.cta-button-hero:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000004d}.mission-section{padding:5rem 0;background:#fff}.mission-section h2{text-align:center;font-size:2.5rem;color:#7d7fcee2;margin-bottom:2rem}.mission-text{text-align:center;width:100%;margin:0 auto 4rem;font-size:1.1rem;color:#495057;line-height:1.8}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-card{background:#f8f9fa;padding:2rem;border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #667eea26;border-color:#ffc4df}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#6b6ad7e2;margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:#6c757d;line-height:1.6}.about-section{padding:5rem 0;background:linear-gradient(to bottom,#f8f9fa,#e9ecef)}.about-section h2{text-align:center;font-size:2.5rem;color:#6b6ad7e2;margin-bottom:1rem}.about-text{text-align:center;width:100%;margin:0 auto 2rem;font-size:1rem;color:#495057;line-height:1.6}.about-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:.5rem}.about-left{display:flex;flex-direction:column;gap:1rem}.about-left .about-text{text-align:left;margin:0}.principles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.principle-card{background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 2px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.principle-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #6b6ad733}.principle-card h4{color:#6b6ad7e2;margin-bottom:.75rem;font-size:1.1rem}.principle-card p{color:#6c757d;line-height:1.6;font-size:.95rem}.hackathon-card{background:linear-gradient(135deg,#ffc4df,#a2b4f5)}.hackathon-card h4,.hackathon-card p{color:#fff}.hackathon-icon{text-align:center;margin-bottom:.5rem}.about-right{display:flex;align-items:center;justify-content:center}.team-photo{width:100%;max-width:500px;height:auto;border-radius:20px;margin-top:35px;box-shadow:0 8px 30px #00000026;transition:transform .3s ease,box-shadow .3s ease}.team-photo:hover{transform:scale(1.05);box-shadow:0 12px 40px #6b6ad74d}@media(max-width:968px){.about-content-wrapper{grid-template-columns:1fr;gap:2rem}.principles-grid{grid-template-columns:1fr}.team-photo{max-width:100%}}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.principle{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 2px 12px #00000014}.principle h4{color:#6b6ad7e2;margin-bottom:1rem;font-size:1.2rem}.principle p{color:#6c757d;line-height:1.6}.developers-section{padding:5rem 0;background:#fff}.developers-section h2{text-align:center;font-size:2.5rem;color:#6b6ad7e2;margin-bottom:1rem}.team-intro{text-align:center;width:100%;margin:0 auto 3rem;color:#6c757d;font-size:1.1rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.team-member{background:#f8f9fa;padding:2rem;border-radius:16px;text-align:center;transition:transform .3s ease}.team-member:hover{transform:translateY(-5px)}.member-placeholder{font-size:4rem;margin-bottom:1rem}.team-member h3{color:#212529;margin-bottom:.5rem}.member-role{color:#6b6ad7e2;font-weight:600;margin-bottom:1rem}.member-bio{color:#6c757d;line-height:1.6;font-size:.95rem;margin-bottom:1rem}.member-links{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.member-links a{transition:transform .2s ease;display:inline-flex;align-items:center}.member-links a:hover{transform:scale(1.2)}.final-cta{padding:5rem 0;background:linear-gradient(135deg,#ffc4df,#a2b4f5);color:#fff;text-align:center}.final-cta h2{font-size:2.5rem;margin-bottom:1rem}.final-cta p{font-size:1.2rem;margin-bottom:2.5rem;opacity:.95}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button-primary,.cta-button-secondary{display:inline-block;padding:1rem 2.5rem;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease}.cta-button-primary{background:#fff;color:#ffc4df}.cta-button-primary:hover{transform:translateY(-3px);box-shadow:0 6px 25px #0000004d}.cta-button-secondary{background:transparent;color:#fff;border:2px solid white}.cta-button-secondary:hover{background:#fff;color:#ffc4df;transform:translateY(-3px)}.github-section{margin-top:3rem;display:flex;justify-content:center}.github-button{display:inline-flex;align-items:center;padding:.8rem 2rem;background:#fff3;color:#fff;text-decoration:none;border-radius:50px;font-weight:600;font-size:1rem;border:2px solid white;transition:all .3s ease}.github-button:hover{background:#fff;color:#6b6ad7e2;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-section,.container{padding-left:3%;padding-right:3%}.features-grid,.team-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-button-primary,.cta-button-secondary{width:80%;max-width:300px}}.typing-dots{display:inline-block;animation:blink 1s infinite steps(1)}@keyframes blink{0%{opacity:.2}50%{opacity:1}to{opacity:.2}}.chatbot-page{min-height:calc(100vh - 80px);padding:2rem 5%;background:linear-gradient(to bottom,#f6f7ff,#eef0ff);display:flex;justify-content:center}.chatbot-container{width:100%;max-width:850px;background:#fff;border-radius:20px;padding:2rem 2.5rem;box-shadow:0 6px 24px #00000014;display:flex;flex-direction:column;gap:1.5rem}.chatbot-header{text-align:center;padding-bottom:1rem}.chatbot-header h1{color:#5a67d8;font-size:1.9rem;margin-bottom:.4rem}.chatbot-header p{color:#6b7280;font-size:.95rem}.messages-container{max-height:480px;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:1rem}.message{display:flex;width:100%}.message.user{justify-content:flex-end}.message.bot{justify-content:flex-start}.message-bubble{max-width:75%;padding:1rem 1.25rem;border-radius:18px;font-size:.95rem;line-height:1.45;box-shadow:0 2px 10px #0000000f}.message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.bot .message-bubble{background:#f9f9ff;border:1px solid #dfe3ff;color:#1a1a1a}.chat-section-bubble{background:#fff;color:#1a1a1a;border-radius:18px;padding:1.25rem 1.5rem;border:1px solid #e4e7ff;box-shadow:0 3px 12px #667eea1f;max-width:85%;margin-left:0;animation:fadeIn .25s ease}.chat-section-bubble h3{color:#5a67d8;margin-bottom:1rem}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.2rem;width:100%}.category-card{display:flex;align-items:center;justify-content:space-between;background:#fafaff;border:1px solid #cfd3ff;padding:.9rem 1.1rem;border-radius:14px;font-weight:500;color:#5a67d8;transition:all .25s ease;min-height:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card span{flex:1}.category-card:hover{background:#667eea;color:#fff;transform:translateY(-3px);box-shadow:0 6px 15px #667eea59}.category-remove{background:none;border:none;font-size:1.25rem;color:#d12c2c;cursor:pointer;margin-left:10px;flex-shrink:0}.category-remove:hover{color:#a82424}.add-category-row{margin-top:1.4rem;display:flex;gap:.8rem}.add-category-row input{flex:1;padding:.75rem 1rem;border-radius:12px;border:1px solid #cfd3ff;background:#f8f9ff;color:#333;outline:none;font-size:.95rem}.add-category-row input::placeholder{color:#777}.add-category-row button{background:#667eea;color:#fff;padding:0 1.25rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:.2s}.add-category-row button:hover{opacity:.85}.chat-section-bubble{width:100%;max-width:780px;margin-left:auto;margin-right:auto}.weights-grid{display:flex;flex-direction:column;gap:1rem}.weight-row{display:grid;grid-template-columns:180px 1fr 40px;align-items:center;gap:1rem;margin:.5rem 0}.weight-row input{width:70px;padding:.5rem;border-radius:10px;border:1px solid #cfd3ff;outline:none}.primary-button{display:inline-block;margin-top:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.75rem 1.6rem;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:transform .15s ease}.primary-button:hover{transform:scale(1.05)}.primary-button:active{transform:scale(.96)}.input-container{display:flex;gap:1rem;padding-top:1rem}.chat-input{flex:1;padding:1rem;border:2px solid #e2e6ff;border-radius:24px;font-size:1rem;transition:border-color .25s ease;outline:none}.chat-input:focus{border-color:#667eea}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:.9rem 1.8rem;border-radius:24px;color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease}.send-button:hover{transform:scale(1.05)}.chatbot-controls{padding:.75rem;background:#f7f8ff;border-radius:10px;border:1px solid #e3e5ff}.journal-toggle{display:flex;align-items:center;gap:.6rem;font-weight:500;color:#555}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.messages-container::-webkit-scrollbar{width:7px}.messages-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.ratings-table{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.ratings-header,.ratings-row{display:grid;grid-template-columns:180px repeat(2,1fr) 40px;align-items:center;gap:1rem}.ratings-header{font-weight:600;color:#4a55d2;border-bottom:1px solid #ccc}.ratings-category-col{font-weight:600}.ratings-option-col{text-align:center}.ratings-input{width:100%;padding:.45rem;border:1px solid #cfd3ff;border-radius:10px;font-size:.95rem;text-align:center;outline:none}.best-result-box{background:#f3f4ff;padding:1rem 1.25rem;border-radius:14px;border:1px solid #d9dcff;font-size:1.2rem;display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.score-tag{background:#667eea;color:#fff;padding:.35rem .75rem;border-radius:12px;font-weight:600}.scores-list{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.score-row{display:flex;justify-content:space-between;background:#fafaff;padding:.6rem .85rem;border-radius:10px;border:1px solid #e4e7ff}.slider{width:100%;height:8px;appearance:none;background:linear-gradient(to right,#667eea var(--percent),#d0d4ff var(--percent));border-radius:4px;outline:none;cursor:pointer;transition:background .2s ease}.slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:#667eea;border-radius:50%;box-shadow:0 0 6px #00000040;cursor:grab}.slider::-webkit-slider-thumb:active{cursor:grabbing}.slider-value{width:30px;text-align:center;font-weight:600;color:#5a67d8}.slider-wrapper{display:flex;align-items:center;gap:.5rem}.journal-page{min-height:calc(100vh - 80px);background:linear-gradient(to bottom,#f8f9fa,#e9ecef);padding:0;width:100%;border-left:none;box-shadow:none}.journal-container{display:grid;grid-template-columns:250px 1fr 200px;height:calc(100vh - 80px);width:100%;margin:0;border-left:none;box-shadow:none}.entries-sidebar{background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:1.5rem;border-bottom:2px solid #e9ecef;background:linear-gradient(135deg,#ffc4df,#a2b4f5)}.sidebar-header h2{margin:0 0 1rem;color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem}.new-entry-button{width:100%;padding:.75rem;background:#fff;color:#6b6ad7e2;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.new-entry-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.week-navigation{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#667eea0d;border-bottom:2px solid #e9ecef}.entries-list{flex:1;overflow-y:auto;padding:1rem}.no-entries{text-align:center;padding:3rem 1.5rem;color:#6c757d}.no-entries p:first-child{font-weight:600;font-size:1.1rem;margin-bottom:.5rem}.entry-item{padding:1rem;margin-bottom:.75rem;background:#f8f9fa;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;border-left:2px solid transparent;display:flex;flex-direction:column;position:relative}.entry-item:hover{background:#e9ecef;transform:translate(5px)}.entry-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#6b6ad7e2;border-left-color:#6b6ad7e2}.entry-date{font-weight:700;color:#6b6ad7e2;margin-bottom:.5rem;font-size:.9rem}.entry-mood-icon{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center}.entry-mood-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;margin-bottom:.5rem;text-transform:capitalize}.entry-preview{color:#495057;font-size:.9rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.entry-item.empty-entry .entry-preview{color:#9e9e9e;font-style:italic}.journal-content{overflow-y:auto;padding:2rem;display:flex;align-items:center;justify-content:center}.flip-card{background-color:transparent;max-width:650px;width:100%;min-height:600px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;min-height:600px;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;min-height:600px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{position:relative;background:linear-gradient(to right,#fefcf3 0% 40px,#fff 40px calc(100% - 20px),#fefcf3 calc(100% - 20px));padding:3rem 3rem 3rem 4.5rem;border-radius:8px;box-shadow:2px 4px 12px #00000026,inset 40px 0 #ffc87c1a;transform-style:preserve-3d}.flip-card-front:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,#ffc87c 5%,#ffc87c 95%,transparent 100%)}.flip-card-back{background:linear-gradient(135deg,#ffc4df,#a2b4f5);color:#fff;transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;border-radius:8px;box-shadow:2px 4px 12px #00000026}.flip-card-back h1{font-family:"M PLUS Rounded 1c",sans-serif;font-size:3rem;text-align:center;padding:2rem}.journal-entry-paper{position:relative;background:linear-gradient(to right,#fefcf3 0% 40px,#fff 40px calc(100% - 20px),#fefcf3 calc(100% - 20px));padding:3rem 3rem 3rem 4.5rem;border-radius:8px;box-shadow:2px 4px 12px #00000026,inset 40px 0 #ffc87c1a;min-height:600px;transform-style:preserve-3d;transition:transform .6s}.journal-entry-paper:before{content:"";position:absolute;left:40px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent 0%,#ffc87c 5%,#ffc87c 95%,transparent 100%)}.entry-display{position:relative}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #333;position:relative;z-index:1}.entry-header h1{margin:0;color:#000;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.5rem}.entry-header .MuiIconButton-root{color:#000!important}.edit-button{padding:.75rem 1.5rem;background:#ffc4df;color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.edit-button:hover{background:#a2b4f5;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.entry-text{position:relative;z-index:1;padding:4px 0 0;line-height:32px;font-size:1.1rem;color:#000;white-space:pre-wrap;min-height:300px;font-family:Raleway,sans-serif}.edit-mode{position:relative;z-index:1}.mood-sidebar{background:#fff;border-left:1px solid #e9ecef;padding:1.5rem 1rem;overflow-y:auto;display:flex;flex-direction:column}.mood-sidebar h3{color:#6b6ad7e2;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1rem;margin:0 0 1rem;text-align:center}.mood-sidebar .mood-options{display:flex;flex-direction:column;gap:.75rem}.mood-sidebar .mood-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:.75rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:56px}.mood-sidebar .mood-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea33;background:#fff}.mood-sidebar .mood-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#6b6ad7e2;transform:scale(1.02);box-shadow:0 4px 16px #667eea4d}.mood-sidebar .mood-label{font-size:.85rem;font-weight:600;color:#495057;flex:1;text-align:left;margin-left:.75rem}.mood-sidebar .mood-icon-wrapper{display:flex;align-items:center;justify-content:center}.mood-selector-journal{margin-bottom:1.5rem;position:relative;z-index:1}.mood-selector-journal h3{color:#6b6ad7e2;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.1rem;margin:0 0 1rem}.mood-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.mood-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:#fff;border:3px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease}.mood-option:hover{transform:translateY(-3px);box-shadow:0 4px 12px #667eea33}.mood-option.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.05);box-shadow:0 4px 16px #667eea4d}.mood-option span{margin-top:.5rem;font-size:.85rem;font-weight:600;color:#495057}.journal-textarea{width:100%;min-height:400px;padding:4px 0 0;border:none;background:transparent;font-family:Raleway,sans-serif;font-size:1.1rem;line-height:32px;resize:vertical;color:#000;outline:none}.journal-textarea:focus{outline:none}.edit-actions{display:flex;gap:1rem;margin-top:1.5rem;position:relative;z-index:1}.save-button,.cancel-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.save-button{background:#66bb6a;color:#fff}.save-button:hover{background:#43a047;transform:translateY(-2px);box-shadow:0 4px 12px #66bb6a4d}.cancel-button{background:#e0e0e0;color:#424242}.cancel-button:hover{background:#bdbdbd}.entry-meta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #c8e6c9;color:#757575;font-size:.9rem;font-style:italic;position:relative;z-index:1}.no-selection{display:flex;align-items:center;justify-content:center;min-height:500px;grid-column:2 / -1;gap:3rem;position:relative;padding-left:15rem}.no-selection-content{text-align:center;max-width:500px;padding:3rem}.no-selection-content h2{color:#6b6ad7e2;font-family:"M PLUS Rounded 1c",sans-serif;font-size:2.5rem;margin-bottom:1rem}.no-selection-content p{color:#616161;font-size:1.2rem;margin-bottom:2rem}.cta-button{padding:1rem 2rem;background:linear-gradient(135deg,#ffc4df,#a2b4f5);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea66}.ghost-animation{opacity:0;animation:ghostFlyIn 1.5s ease-out forwards,ghostFloat 3s ease-in-out 1.5s infinite;transform-origin:center;max-width:200px;height:auto}@keyframes ghostFlyIn{0%{opacity:0;transform:translate(200px) translateY(-100px) scale(.3)}60%{opacity:1;transform:translate(-10px) translateY(0) scale(1.05)}to{opacity:1;transform:translate(0) translateY(0) scale(1)}}@keyframes ghostFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.02)}}@media(max-width:968px){.journal-container{grid-template-columns:1fr;height:auto}.entries-sidebar{border-right:none;border-bottom:1px solid #e9ecef;max-height:400px}.mood-sidebar{border-left:none;border-top:1px solid #e9ecef;max-height:300px}.journal-content{padding:1.5rem}.entry-header h1{font-size:1.5rem}.entry-text{padding:1.5rem}.journal-page-container{max-width:100%}}.calendar-page{min-height:calc(100vh - 80px);background:linear-gradient(to bottom,#f8f9fa,#e9ecef);padding:2rem 3%;width:100%;font-family:Raleway,sans-serif}.calendar-container{max-width:1200px;margin:0 auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:16px;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef}.calendar-header h2{color:#6b6ad7e2;font-size:1.8rem;margin:0;font-family:"M PLUS Rounded 1c",sans-serif}.month-nav{background:#fffc;border:2px solid #ffc4df;color:#6b6ad7e2;font-size:1.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-weight:700}.month-nav:hover{background:#ffc4df;color:#fff;transform:scale(1.1)}.mood-statistics{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef}.mood-stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mood-statistics h3{color:#6b6ad7e2;margin:0;font-family:"M PLUS Rounded 1c",sans-serif}.mood-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.mood-stat-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f8f9fa;border-radius:12px;transition:transform .2s;border:1px solid #e9ecef}.mood-stat-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #667eea33}.mood-stat-label{flex:1;font-weight:500;color:#495057}.mood-stat-percentage{font-weight:700;color:#6b6ad7e2;font-size:1.1rem}.calendar-grid-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000001a;border:2px solid #e9ecef}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.5rem}.weekday-label{text-align:center;font-weight:700;color:#6b6ad7e2;padding:.5rem;font-size:.9rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;padding:.5rem;background:#fff9;border-radius:12px;cursor:pointer;position:relative;transition:all .3s ease;border:2px solid #e9ecef;min-height:80px}.calendar-day.empty{background:transparent;cursor:default;border:2px solid transparent}.calendar-day:not(.empty):hover{background:#ffffffe6;transform:translateY(-3px);box-shadow:0 4px 12px #667eea4d;border-color:#6b6ad7e2}.calendar-day.today{border:3px solid #ffc4df;font-weight:700;background:#667eea0d}.calendar-day.has-data{background:linear-gradient(135deg,#667eea1a,#764ba21a)}.day-number{font-size:.9rem;font-weight:600;color:#495057;margin-bottom:.25rem}.day-mood-icon{display:flex;align-items:center;justify-content:center;flex:1;margin:.25rem 0}.day-indicators{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem}.day-mood-indicator{display:flex;align-items:center;justify-content:center}.day-mood-indicator.clickable{cursor:pointer;transition:transform .2s;padding:.25rem;border-radius:8px}.day-mood-indicator.clickable:hover{transform:scale(1.15);background:#667eea1a}.day-mood-indicator.add-mood{opacity:.5}.day-mood-indicator.add-mood:hover{opacity:1}.journal-indicator,.decision-indicator{font-size:.9rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:24px;padding:2rem;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;color:#333}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.modal-header h3{margin:0;color:#6b6ad7e2;font-family:"M PLUS Rounded 1c",sans-serif}.modal-close{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f8f9fa;color:#6b6ad7e2}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.action-button{padding:1rem;border:2px solid #ffc4df;background:#fff;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#333}.action-button:hover{background:#ffc4df;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.current-data{padding:1rem;background:#f8f9fa;border-radius:12px;border-left:4px solid #ffc4df;color:#333}.current-mood,.current-journal{margin-bottom:1rem;color:#333}.current-mood:last-child,.current-journal:last-child{margin-bottom:0}.mood-selector-modal{background:#fff;border-radius:24px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d}.mood-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.mood-selector-header h3{margin:0;color:#6b6ad7e2;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.3rem}.mood-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.mood-selector-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border:3px solid #e9ecef;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#fff}.mood-selector-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px #667eea33}.mood-selector-item.selected{transform:scale(1.05);box-shadow:0 8px 24px #667eea4d}.mood-selector-label{margin-top:.75rem;font-weight:600;font-size:.9rem;color:#495057;text-align:center}.current-journal p{margin:.5rem 0 0;color:#495057;line-height:1.6}@media(max-width:768px){.calendar-page{padding:1rem 2%}.calendar-header h2{font-size:1.4rem}.month-nav{width:40px;height:40px;font-size:1.2rem}.mood-stats-grid{grid-template-columns:repeat(2,1fr)}.calendar-day{min-height:60px;padding:.35rem}.day-number{font-size:.8rem}.modal-content{padding:1.5rem}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}