@import"https://fonts.googleapis.com/css2?family=Jersey+20&family=Lobster&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Jersey+20&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Lobster&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:.2rem;text-align:center;background:#fcd5e3d4;opacity:0;animation:fadeIn 1.5s ease-out forwards;overflow-y:auto;position:relative}body.dark-mode .home-container{background:#5c396e}.home-title{font-size:5rem;color:#c2fbd7;font-family:Libre Baskerville,serif;font-weight:700;opacity:0;transform:translateY(-20px);animation:slideInDown .6s ease-out .2s forwards;margin-top:0;text-shadow:1px 1px 2px rgba(0,0,0,.6),-1px -1px 2px rgba(0,0,0,.6),0 0 8px rgba(255,160,163,.6),0 0 16px rgba(255,160,163,.4)}body.dark-mode .home-title{color:#6ea79a;text-shadow:1px 1px 2px rgba(0,0,0,.7),-1px -1px 2px rgba(0,0,0,.7),0 0 8px rgba(110,167,154,.6),0 0 16px rgba(110,167,154,.4)}.home-subtitle{font-size:1.6rem;color:#c2fbd7;margin-bottom:1rem;font-family:Ubuntu,sans-serif;font-style:italic;opacity:0;transform:translateY(-15px);animation:slideInDown .6s ease-out .4s forwards}body.dark-mode .home-subtitle{color:#6ea79a}.home-button{background-color:#baefcd;color:#b990a8;border:none;padding:.8rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .3s;font-family:Ubuntu,sans-serif;opacity:0;transform:translateY(-10px);animation:slideInDown .6s ease-out .6s forwards;margin-top:1rem;font-family:Libre Baskerville,serif;font-weight:700}body.dark-mode .home-button{background-color:#93c9bc;color:#422252b2}.home-button:hover{background-color:#bbe1c8}body.dark-mode .home-button:hover{background-color:#507068}.settings-link-button{position:absolute;top:20px;right:20px;padding:0;background:transparent;border:none;font-size:4rem;cursor:pointer;transition:background-color .3s ease;z-index:10}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.home-container{height:90vh}.home-title{font-size:3rem;margin-bottom:1.4rem}.home-subtitle{font-size:1.6rem;margin-bottom:3rem}.home-button{font-size:1.3rem;padding:.7rem 1.6rem}}@media (max-width: 400px){.home-title{font-size:4.2rem}.home-subtitle{font-size:1.3rem;margin-bottom:1.5rem}}.settings-link-button{position:absolute;top:20px;right:20px;padding:0;background:transparent;border:none;font-size:3rem;cursor:pointer;transition:background-color .3s ease;z-index:10}.settings-link-button:hover{background-color:transparent}.journal-container{max-width:600px;margin:2rem auto;padding:4rem 5rem 4rem 3rem;border-radius:12px;background-color:#fc65a61f;box-shadow:0 4px 12px #0000001a;border:3px solid #c2fbd7}body.dark-mode .journal-container{background-color:#968794!important;border:3px solid #6ea79a!important}h2{opacity:0;text-align:center;color:#5c5470;margin-bottom:1.3rem;font-family:Ubuntu,sans-serif;font-size:30px;animation-name:popOutAndBack;animation-duration:1.2s;animation-delay:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes popOutAndBack{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1;visibility:visible}}body.dark-mode h2{color:#68539c}.mood-buttons{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin-bottom:1.4rem}.custom-mood{display:flex;justify-content:center;align-items:center;padding:.7rem;margin:0 auto .8rem;border-radius:10px;border:2.5px solid #c2fbd7;font-family:Ubuntu,sans-serif;font-size:14px;width:220px;box-sizing:border-box}body.dark-mode .custom-mood{border:2.5px solid #6ea79a;background-color:#383838;color:#fff}.journal-entry{width:100%;max-width:100%;height:150px;padding:1rem;border-radius:6px;border:3px solid #c2fbd7;margin-bottom:1rem;resize:none;font-size:1rem;text-align:center;margin-left:auto;margin-right:auto;display:block}body.dark-mode .journal-entry{background-color:#383838;color:#fff;border:3px solid #6ea79a}.journal-actions{display:flex;justify-content:space-between}.voice-button,.submit-button{background-color:#ff91b8;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:background-color .3s}body.dark-mode .voice-button,body.dark-mode .submit-button{background-color:#3d2e62}.voice-button:hover,.submit-button:hover{background-color:#ff7b89}body.dark-mode .voice-button:hover,body.dark-mode .submit-button:hover{background-color:#2e2545}.journalhome-button,.history-button{background-color:#ff91b8;color:#fff;margin:.2rem;border:none;padding:.4rem;font-size:1.7rem;border-radius:8px;cursor:pointer;transition:background-color .3s}body.dark-mode .journalhome-button{background-color:#3d2e62}body.dark-mode .journalhome-button:hover{background-color:#2e2545}body.dark-mode .history-button{background-color:#3d2e62}.journalhome-button:hover,.history-button:hover{background-color:#ff7b89}body.dark-mode .history-button:hover{background-color:#2e2545}.mood-button{animation:zoomIn 1.2s ease-out forwards;opacity:0;background-color:#c2fbd7;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:transform .3s ease,background-color .3s ease,opacity .3s ease;color:#51394a}body.dark-mode .mood-button{background-color:#6ea79a}.highlighted-mood{margin-left:1rem;margin-top:1.5rem;margin-bottom:1.2rem;padding:1.1rem;border-radius:12px;background:linear-gradient(135deg,#ddf0f3,#ffb6b9);box-shadow:0 4px 12px #0000000d;text-align:center;animation:fadeIn .3s ease-in-out;transition:transform .3s ease}body.dark-mode .highlighted-mood{background:linear-gradient(to bottom,#3b1250b6,#0e3a41b6)}.highlighted-mood:hover{transform:scale(1.03)}.highlighted-mood h3{margin:0;font-size:1.6rem;color:#2d6a4f;font-weight:600}body.dark-mode .highlighted-mood h3{color:#6ea79a}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-response{background-color:#f0f8ff;border:3px solid #ddd;padding:1rem;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:2rem;font-family:Ubuntu,sans-serif;font-size:2rem;color:#555;overflow-y:auto;max-height:300px}body.dark-mode .ai-response{background-color:#4a5c6e;border:3px solid #443d58;color:#c5c3c3}.ai-response h3{color:#4a90e2;margin-top:0;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}body.dark-mode .ai-response h3{color:#74b3fc}.ai-response p{margin:0;line-height:1.8;font-size:1rem}.enter-button{background-color:#ff91b8;color:#fff;border:none;padding:.7rem 1.5rem;border-radius:8px;cursor:pointer;transition:background-color .3s}body.dark-mode .enter-button{background-color:#3d2e62}.enter-button:hover{background-color:#ff7b89}body.dark-mode .enter-button:hover{background-color:#2e2545}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popOutAndBack{0%{transform:scale(1);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.mood-button{animation:zoomIn 1.2s ease-out forwards;opacity:0}.mood-button:nth-child(1){animation-delay:.5s}.mood-button:nth-child(2){animation-delay:.7s}.mood-button:nth-child(3){animation-delay:.9s}.mood-button:nth-child(4){animation-delay:1.1s}.mood-button:nth-child(5){animation-delay:1.3s}.mood-button:nth-child(6){animation-delay:1.5s}.mood-button.selected{background-color:#79e3a5;font-weight:700;transform:scale(1.1);font-size:1.4rem;transition:transform .3s ease,background-color .3s ease,font-size .3s ease}.mood-button.dimmed{background-color:#79e3a556;opacity:.2;transform:scale(.9);transition:opacity .3s ease,transform .3s ease}.ai-response{animation:fadeIn 3s ease-in-out}.history-container{overflow-x:hidden;padding:2rem;background-color:#fcd5e3d4;min-height:100vh;font-family:Georgia,serif;display:flex;flex-direction:column;align-items:center;margin:0;box-sizing:border-box}body.dark-mode .history-container{background-color:#5c396e}.history-header{font-size:6rem;margin-bottom:1rem;color:#355e3b;display:flex;align-items:center;gap:.2rem}h2{font-size:3.3rem;margin-left:5rem;margin-right:1rem;font-family:Libre Baskerville,serif}.entries-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%;max-width:1200px}.journal-entry-card{background-image:repeating-linear-gradient(to bottom,#f0cdc8,#fffefe 24px,#f9caca 25px)!important;background-size:100% 25px;background-color:#fffef9;border:1px solid #e0d6c6;border-radius:12px;box-shadow:inset 0 0 0 2px #f3e6dc,3px 6px 12px #0000001a;padding:1.5rem;width:300px;min-height:200px;position:relative;transition:transform .2s ease;font-family:Libre Baskerville,serif;font-weight:700;border-left:8px solid #d4a5a5}body.dark-mode .journal-entry-card{background:#a6a188;border:3px solid #dcc399;background-image:repeating-linear-gradient(to bottom,#a88b7b,#ad9b8b 24px,#dba6db 25px)!important;border-left:8px solid #5a4621}.journal-entry-card:hover{transform:translateY(-5px)}.entry-mood{font-weight:700;font-size:1.5rem;color:#bc6c25;margin-bottom:.5rem}body.dark-mode .entry-mood{color:#7e4c21}.entry-date{font-size:1rem;color:#6a6a6a;margin-bottom:1rem}body.dark-mode .entry-date{color:#000}.entry-text{font-size:22px;color:#333;line-height:1.6;white-space:pre-wrap}body.dark-mode .entry-text{color:#f7d3d3}.book-background{background-image:linear-gradient(135deg,#fffef9 25%,#f5f2eb 25%,#f5f2eb 50%,#fffef9 50%,#fffef9 75%,#f5f2eb 75%,#f5f2eb);background-size:20px 20px}.no-entries{font-style:italic;color:#888;margin-top:2rem;font-family:Libre Baskerville,serif;font-weight:700}body.dark-mode .no-entries{color:#fff}.history-actions{margin:1rem 0 1.5rem;display:flex;gap:1.3rem;flex-wrap:wrap;justify-content:center}.export-button,.import-label{background-color:#ffe4e1;color:#333;border:2px solid #d8a4a4;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;font-family:Libre Baskerville,serif;font-weight:700;font-size:.9rem}body.dark-mode .export-button,body.dark-mode .import-label{background-color:#9b8886;border:2px solid #694c4c;color:#f8d9d9}.export-button:hover,.import-label:hover{background-color:#e7caca}body.dark-mode .export-button:hover,body.dark-mode .import-label:hover{background-color:#675a59}.import-input{display:none}.entry-ai-response{margin-top:.5rem;padding:.5rem;background-color:#f5f5f5;border-left:4px solid #5c9ead;font-size:1rem;line-height:1.8rem;font-style:italic;color:#333}body.dark-mode .entry-ai-response{background-color:#757575;border-left:4px solid #385f68;color:#e2dede}.clear-button{background-color:#f6675d;color:#fff;border:2px solid #ff0000;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .3s}.clear-button:hover{background-color:#d32f2f}.delete-entry-button{background-color:#ffe4e1;color:#333;border:2px solid #d8a4a4;border-radius:8px;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;font-family:Libre Baskerville,serif;font-weight:700;font-size:.8rem;margin:.5rem}.delete-entry-button:hover{background-color:#e7caca}body.dark-mode .delete-entry-button{background-color:#9b8886;border:2px solid #694c4c;color:#f8d9d9}.info-box{background-color:#ffe4e1;color:#333;border:3px solid #d8a4a4;border-radius:8px;padding:2.3rem 1rem;cursor:pointer;transition:background-color .2s ease;font-size:.9rem;margin:2rem auto;width:80%;max-width:600px;text-align:center}.info-box p{margin:5px 0;line-height:1.9;font-weight:600;font-family:Libre Baskerville,serif}.info-box strong{font-weight:700;font-size:20px}body.dark-mode .info-box{background-color:#9b8886;border:2px solid #694c4c;color:#f8d9d9}.reminder-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;box-sizing:border-box}.reminder-popup{background-color:#fff3cd;border:3px solid #d6b34b;padding:.8rem;max-width:400px;border-radius:10px;font-family:Libre Baskerville,serif;text-align:center;box-shadow:0 8px 16px #0003;font-weight:700}.reminder-buttons{margin-top:15px;gap:.5rem}.reminder-buttons button:hover{background-color:#d6b34b}.reminder-buttons button{margin:0 8px;padding:8px 14px;border:none;border-radius:6px;cursor:pointer;background-color:#ffd966;font-weight:700;transition:background-color .2s ease;color:#3a3a3a}@media (max-width: 768px){.reminder-popup{max-width:80%;font-size:.82rem;padding:.9rem}.reminder-buttons button{font-size:.8rem;padding:.5rem}}body.dark-mode .reminder-popup{background-color:#6b5e34;border:3px solid #836305;color:#d7d6d6}body.dark-mode .reminder-buttons button{background-color:#785b02;color:#d7d6d6}.toggle-advice:hover{text-decoration:underline}.toggle-advice{cursor:pointer;color:#5c9ead}body.dark-mode .toggle-advice{color:#385f68}.tip-container{position:relative;margin-top:10px}.tip-bubble{display:inline-block;position:relative;cursor:pointer;background-color:#fed1f9;padding:11px;border-radius:15rem;box-shadow:0 0 5px #0000001a;font-family:Libre Baskerville,serif;border:3px solid #ff91b8;text-align:center;font-size:13px;margin-bottom:2rem}.tip-bubble:hover .tip-info{visibility:visible;opacity:1;transition:opacity .3s;border:3px solid #ff91b8}.tip-info{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#fed1f9c8;color:#080808;padding:2rem;border-radius:20rem;visibility:hidden;opacity:0;width:200px;text-align:center;font-family:Libre Baskerville,serif;font-size:16px;box-shadow:0 0 5px #00000058}.tip-text{font-weight:700;color:#4c354a;font-family:Libre Baskerville,serif;text-align:center}body.dark-mode .tip-text{color:#f8d9d9;font-family:Libre Baskerville,serif}body.dark-mode .tip-bubble:hover .tip-info{border:3px solid #3d2e62}body.dark-mode .tip-bubble{background-color:#a98ba6;border:2px solid #3d2e62;color:#f8d9d9}body.dark-mode .tip-info{background-color:#a98ba6e3;color:#ffdfdf}.toggle-info-button{display:block;margin-top:1.3rem;background-color:#fed1f9;border:3px solid #ff91b8;padding:.7rem;border-radius:.5rem;cursor:pointer;font-family:Libre Baskerville,serif;font-weight:700;color:#4c354a}.info-toggle-section{margin-bottom:1rem;text-align:center}body.dark-mode .toggle-info-button{background-color:#a98ba6;border:3px solid #3d2e62;color:#f8d9d9}.entry-flipbook{display:flex;flex-direction:column;align-items:center;animation:fadeIn .4s ease-in-out}.entry-navigation{margin-top:1rem;display:flex;gap:1rem;align-items:center}.entry-navigation button{padding:.5rem 1rem;font-size:1rem}.page-container{perspective:1500px;position:relative;width:45%;display:flex;justify-content:center;transition:transform .6s ease-in-out}.journal-entry-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px #00000026;padding:1rem;width:90%;max-width:600px;transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1.7s ease-in-out}.flip-next{animation:flipNext 1.7s ease-out}.flip-prev{animation:flipPrev 1.7s ease-out}@keyframes flipNext{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes flipPrev{0%{transform:rotateY(-90deg)}to{transform:rotateY(0)}}.flip-next .journal-entry-card{transform:rotateY(-180deg)}.flip-prev .journal-entry-card{transform:rotateY(180deg)}.page-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);box-sizing:border-box}.arrow-button{background-color:transparent;border:none;padding:2rem;cursor:pointer;transition:background-color .3s;font-size:3rem;color:#67515b}body.dark-mode .arrow-button{color:#f8d9d9;background-color:transparent;border:none}@media (max-width: 768px){.history-container{padding:1rem;margin:0}.history-header{font-size:3rem;margin-bottom:1rem;text-align:center}h2{font-size:2rem;margin-left:0;margin-right:0}.entries-grid{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:none}.journal-entry-card{width:100%;max-width:90%;padding:1rem}.entry-mood{font-size:1.3rem}.entry-date{font-size:.9rem}.entry-text{font-size:1.5rem}.export-button,.import-label{font-size:.9rem;padding:.6rem 1.2rem}.clear-button,.delete-entry-button{font-size:.8rem;padding:.4rem .8rem}.info-box{width:90%;max-width:100%}.entry-ai-response{font-size:1.2rem;padding:1rem}.reminder-popup{max-width:80%;font-size:1rem;padding:1rem}.entry-navigation button{padding:.4rem .8rem;font-size:.9rem}.page-container{width:90%}.journal-entry-card{width:100%;max-width:100%;padding:1rem}.page-controls{width:135%}}.error-box{background-color:#ffe5e5;border:1px solid #ff9999;padding:1rem;margin-top:1rem;color:#c00;border-radius:8px;text-align:center}.spinner-container{display:flex;flex-direction:column;align-items:center;margin-top:1.5rem}.spinner-image{width:48px;height:48px;animation:spin 1.2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:.5rem;color:#888;font-style:italic}body.dark-mode .loading-text{color:#fff}@media (max-width: 768px){.journal-container{max-width:100%;margin:1rem;padding:2rem;border-radius:8px}.highlighted-mood{display:block;margin-left:auto;margin-right:auto;text-align:center}h2{font-size:2rem;margin-bottom:2rem;text-align:center;margin-left:auto;margin-right:auto}.mood-buttons{gap:.9rem;margin-bottom:1.6rem;flex-wrap:wrap;justify-content:center}.mood-button{padding:.8rem 1rem;font-size:1rem}.custom-mood{font-size:.95rem;padding:.6rem;text-align:center;display:flex;justify-content:center;width:220px;margin-bottom:.7rem;align-items:center;box-sizing:border-box}.journal-entry{font-size:1rem;height:350px;width:90%;margin-bottom:.8rem;text-align:center}.journal-actions{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1.7rem;margin:3rem}.voice-button,.submit-button,.enter-button{font-size:1rem;padding:.7rem 1rem;min-width:120px;margin:.4rem;flex-basis:calc(50% - 1rem);max-width:calc(50% - 1rem)}.journalhome-button,.history-button{font-size:2rem;padding:.3rem;top:.5rem;margin:.3rem}.ai-response.below-buttons{font-size:.9rem;padding:.8rem;margin-top:2.5rem;border-radius:8px}.ai-response.below-buttons h3{font-size:1.1rem;margin-bottom:.3rem}}@media (max-width: 400px){.voice-button,.submit-button,.enter-button{flex-basis:100%;max-width:100%;margin:.4rem 0}}@media (min-width: 401px) and (max-width: 600px),(width: 414px) and (height: 896px){.voice-button,.submit-button,.enter-button{min-width:80%;max-width:80%}}@media (min-width: 601px){.journal-actions{flex-direction:row;justify-content:center;flex-wrap:wrap}.voice-button,.submit-button,.enter-button{flex-basis:auto;max-width:none;min-width:120px;margin:.6rem}}@media (max-width: 600px){.home-container{min-height:100vh}}.settings-page-container{flex:1 1 400px;max-width:600px;margin:6rem 4rem;padding:3rem;background-color:#fc65a61f;border:3px solid #000000;box-shadow:2px 2px 10px #0000001a;background:#fffef9;border:1px solid #e0d6c6;border-radius:12px;box-shadow:inset 0 0 0 2px #f3e6dc,3px 6px 12px #0000001a;padding:1.5rem;min-height:200px;position:relative;transition:transform .2s ease;background-image:repeating-linear-gradient(to bottom,#e5e2df,#fffaf6 24px,#f5e8de 25px);background-size:100% 25px;border-left:8px solid #d79696;font-family:Ubuntu,sans-serif}.disclaimer{color:#810202!important;background-color:#ffecec;padding:10px;border-left:4px solid #830862;border-radius:6px;font-size:.95rem}body.dark-mode .disclaimer{background-color:#ae9393;color:#a30101!important;border-left:4px solid #560941}body.dark-mode .settings-page-container{border-left:8px solid #a87575;transition:transform .2s ease;box-shadow:inset 0 0 0 2px #807a76,3px 6px 12px #00000051;background-image:repeating-linear-gradient(to bottom,#4f3c3c75,#8f8b8b 24px,#615a55 25px)}.settings-header{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;margin-top:5rem;font-family:Ubuntu,sans-serif;z-index:1000}.settings-nav-button{background-color:#be4d91;color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:background-color .3s ease}.settings-nav-button:hover{background-color:#a03c77}.settings-form-wrapper{display:flex;flex-direction:column;gap:1.5rem}.settings-title{font-size:2.4rem;margin-bottom:1rem;color:#333;font-family:Ubuntu,sans-serif}.settings-success-message{color:green;font-weight:700}.settings-contact-form{display:flex;flex-direction:column;gap:.8rem}.settings-label,.message-label{font-size:20px;font-weight:700;color:#444}.settings-layout-wrapper{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin:2rem auto;max-width:1200px;padding:0 1rem}.message-submit-button{background-color:#d4a5a5;color:#fff;padding:.8rem;font-size:1.4rem;margin-left:5rem;margin-right:5rem;border:none;border-radius:8px;cursor:pointer;font-family:Ubuntu,sans-serif;transition:background-color .3s ease}body.dark-mode .message-submit-button{background-color:#9e7c7c}.message-submit-button:hover{background-color:#bc6c25}body.dark-mode .message-submit-button:hover{background-color:#7c481a}.settings-input{padding:.7rem}body.dark-mode .settings-input{background-color:#555555c2;color:#fff;border:2px solid #000000}.message-textarea{padding:1rem;min-height:150px;font-family:Ubuntu,sans-serif;font-size:1rem;line-height:1.5;resize:vertical;margin-bottom:1rem}body.dark-mode .message-textarea{background-color:#555555c2;color:#fff;border:2px solid #000000}.about-section-container{flex:1 1 300px;max-width:500px;background-color:#fbc4dcc0;border:1px solid #e0d6c600;border-left:8px solid #d79696;border-radius:12px;padding:2rem;font-family:Ubuntu,sans-serif;box-shadow:2px 2px 8px #0000000d;margin-bottom:4rem}body.dark-mode .about-section-container{background-color:#5e4a4a;border-left:8px solid #a87575}.about-section-container h3{font-size:24px;font-family:Ubuntu,sans-serif;color:#333}body.dark-mode .about-section-container h3{color:#ab9b9b}.about-section-container p{font-size:1rem;font-weight:600;line-height:1.6rem;color:#555;font-family:Ubuntu,sans-serif}body.dark-mode .about-section-container p{color:#b1b0b0}.tip-box{background-color:#fbc4dcc0;border:1px solid #e0d6c600;border-left:8px solid #d79696;border-radius:8px;padding:10px;margin:4px;font-family:Ubuntu,sans-serif;box-shadow:1px 1px 4px #0000001a;text-align:center;max-width:60%}body.dark-mode .tip-box{background-color:#5e4a4a;border-left:8px solid #a87575}.tip-box h3{font-size:2rem;margin-bottom:.3rem;color:#1e1c1c}body.dark-mode .tip-box h3{color:#ab9b9b}.tip-box p{font-size:1rem;padding:1rem;margin:.4rem auto;font-style:italic;font-weight:500;color:#333;line-height:1.4rem;text-align:center;max-width:50%;font-family:Ubuntu,sans-serif}body.dark-mode .tip-box p{color:#f0cccc}.tip-button{background-color:#d4a5a5;color:#fff;border:none;padding:.4rem .9rem;font-size:1.4rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease;margin-bottom:1rem}body.dark-mode .tip-button{background-color:#9e7c7c}.tip-button:hover{background-color:#bc6c25}body.dark-mode .tip-button:hover{background-color:#7c481a}.add-homescreen{flex:1 1 300px;max-width:500px;background-color:#fbc4dcc0;border:1px solid #e0d6c600;border-left:8px solid #d79696;border-radius:12px;padding:2rem;font-family:Ubuntu,sans-serif;box-shadow:2px 2px 8px #0000000d;margin-bottom:4rem}body.dark-mode .add-homescreen{background-color:#5e4a4a;border-left:8px solid #a87575}.add-homescreen h3{font-size:24px;font-family:Ubuntu,sans-serif;color:#333}body.dark-mode .add-homescreen h3{color:#ab9b9b}.add-homescreen h4{font-size:24px;font-family:Ubuntu,sans-serif;color:#333}body.dark-mode .add-homescreen h4{color:#ab9b9b}.add-homescreen p{font-size:1.2rem;font-weight:600;line-height:1.6rem;font-style:italic;color:#555;font-family:Ubuntu,sans-serif}body.dark-mode .add-homescreen p{color:#b1b0b0}.add-homescreen li{font-size:1rem;line-height:1.7rem;color:#000;font-family:Ubuntu,sans-serif}body.dark-mode .add-homescreen li{color:#f0cccc}@media (max-width: 768px){.settings-page-container{padding:1rem;margin:2rem}.settings-header{flex-direction:row;align-items:center;gap:.5rem}.message-submit-button{margin-left:2rem;margin-right:2rem;font-size:1.2rem}.tip-box{max-width:90%}.message-textarea{padding:.8rem;font-size:.9rem}.settings-title{font-size:2rem}.about-section-container{padding:1rem;margin-bottom:2rem}.tip-button{font-size:1.2rem;padding:.5rem 1rem}}@media (max-width: 480px){.settings-page-container{padding:1rem;margin:1rem}.settings-title{font-size:1.8rem}.settings-input,.message-textarea{font-size:.9rem}.message-submit-button{font-size:1rem;margin-left:1.5rem;margin-right:1.5rem}.tip-box p{font-size:.9rem}.tip-button{font-size:1rem;padding:.5rem .8rem}}.darkmode-topbar{border:none;background-color:transparent;display:flex;justify-content:flex-end}.darkmode-toggle{border:none;background:transparent;font-size:2.5rem;cursor:pointer;padding:.4rem .8rem;border-radius:8px;transition:background-color .3s ease}body.dark-mode .darkmode-toggle{border:none;background:#0000;transition:all .6s ease}.custom-cursor{position:fixed;top:0;left:0;width:45px;height:45px;background-size:contain;background-repeat:no-repeat;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}@media (hover: none) and (pointer: coarse){.custom-cursor{display:none}}#root{min-height:100vh}html,body{height:100%;margin:0;padding:0}body{background-color:#ffccdfd4}body.dark-mode{background-color:#5c396e}