html,body,#root{margin:0;padding:0;height:100%}.landing-container{display:flex;flex-direction:row;width:100vw;height:100vh;background:linear-gradient(to right,#e0f0e3,#333446);overflow:hidden}.desk-column{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;box-sizing:border-box}.right-column{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.right-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.buttons-box{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}@media (max-width: 640px){.buttons-box{flex-direction:column}}.desk-wrapper{width:100%;flex-grow:1;display:flex;justify-content:center;align-items:flex-end}@media (max-width: 768px){.landing-container{flex-direction:column-reverse}.desk-column,.right-column{width:100%;height:50%}}.button{width:clamp(100px,30vw,300px);cursor:pointer;transition:transform .3s ease,filter .3s ease}.button:hover{transform:scale(1.05);filter:brightness(1.1)}.typing-title{font-family:"DM Serif Display",serif;font-size:clamp(2rem,8vw,5rem);font-weight:700;margin-bottom:1rem;color:#613a2b;padding-left:2rem}.cursor{display:inline-block;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}.typing-subtitle{font-size:clamp(1rem,2.5vw,1.5rem);color:#613a2b;max-width:90%;margin:0 auto;font-weight:400;line-height:1.6}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-ext-400-normal-Blb-9wdu.woff2) format("woff2"),url(/assets/dm-serif-display-latin-ext-400-normal-PXvcj19R.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Serif Display";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-serif-display-latin-400-normal-BuEalnvp.woff2) format("woff2"),url(/assets/dm-serif-display-latin-400-normal-DDjqlErn.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.rain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.drop{position:absolute;top:-10px;width:2px;height:20px;background:#ffffff4d;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh)}}.form-page-wrapper{background:linear-gradient(to right,#e0f0e3,#333446);min-height:100vh;display:flex;justify-content:center;align-items:center}.form-container{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 12px #0003;width:100%;max-width:400px;margin-top:60px}.form-input{width:90%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-button{width:95%;padding:10px;margin:20px 0;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out}.form-button:hover{background-color:#0056b3}.feedback{font-size:.85rem;color:#666;margin-bottom:8px}.input-error{border:1px solid red}.input-success{border:1px solid green}.input-warning{border:1px solid orange}.back-button-container{text-align:center;margin-top:1rem}.form-back-button{background-color:#f0f0f0;color:#333;border:1px solid #ccc;padding:10px 16px;font-size:14px;border-radius:6px;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.form-back-button:hover{background-color:#e0f0e3;box-shadow:0 2px 6px #00000026}.form-error{color:red;font-size:14px;text-align:center;margin-top:12px}.loader-container{display:flex;justify-content:center;align-items:center}.loader{border:5px solid #f3f3f3;border-top:5px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar-container{position:relative}.navbar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1001;background:#d8f3dc;padding:.5rem;border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #0000001a}.navbar{position:fixed;top:0;left:0;height:100%;width:200px;background-color:#fff;padding-top:3rem;display:flex;flex-direction:column;gap:1rem;box-shadow:2px 0 5px #0003;z-index:1000}.navbar button{background:none;border:none;color:#1b4332;text-align:left;padding:1rem;font-size:1rem;cursor:pointer;transition:background .2s ease}.navbar button:hover{background-color:#b7e4c7}@media (max-width: 768px){.navbar{left:-200px;transition:left .3s ease-in-out}.navbar.open{left:0}.navbar-toggle{display:block}}.app-description-box{background:#fff;padding:30px;max-width:600px;margin:3rem auto;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0000001a}.app-description-box h2{font-size:28px;margin-bottom:1rem}.app-description-box p{font-size:16px;line-height:1.6;color:#444}.top-bar{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:1rem auto 0;padding:0 10px}.logout-button{background-color:#e74c3c;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.logout-button:hover{background-color:#c0392b}.note-container{padding:10px;margin:20px 0;border:1px solid #ccc;border-radius:5px}.note-title{color:#333}.note-content{color:#666}.note-date{color:#999;font-size:.8rem}.note-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:500px;margin:2rem auto}.note-form label{display:block;font-weight:700;margin-top:10px}.note-form input,.note-form textarea{width:100%;padding:8px;margin-top:4px;margin-bottom:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.note-form input[type=submit]{background-color:#007bff;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px}.note-form input[type=submit]:hover{background-color:#0056b3}.note-list{list-style:none;padding:0;margin:0 auto;max-width:600px}.note-item{background-color:#f9f9f9;margin:10px 0;padding:10px 15px;border-radius:5px;box-shadow:0 1px 3px #0000001a}.note-actions{display:flex;gap:10px;margin-top:10px}.summarize-btn{background:linear-gradient(to right,#7fb685,#3a4d39);color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.summarize-btn:hover{transform:scale(1.05);box-shadow:0 4px 10px #0003}div{font-family:Arial,sans-serif}.home-container{min-height:100vh;width:100%;background:linear-gradient(to right,#e0f0e3,#333446);display:flex;flex-direction:column}.main-content{padding:2rem}.main-content h2{text-align:center;color:#333;font-size:24px}.todo-form-stacked{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:500px;margin:0 auto 2rem;display:flex;flex-direction:column;gap:10px}.todo-form-stacked label{display:flex;flex-direction:column;font-weight:700;color:#333;font-size:16px}.todo-form-stacked input,.todo-form-stacked select{height:42px;padding:6px 12px;border-radius:6px;border:1px solid #ccc;font-size:15px;margin-top:2px;box-sizing:border-box}.todo-form-stacked button{background-color:#007bff;color:#fff;border:none;padding:8px;font-weight:700;font-size:16px;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.todo-form-stacked button:hover{background-color:#0056b3}.todo-list{list-style:none;padding:0;margin:0 auto;max-width:600px}.todo-item{display:flex;align-items:flex-start;background-color:#f9f9f9;margin:10px 0;padding:12px 16px;border-radius:5px;box-shadow:0 1px 3px #0000001a;gap:12px}.todo-checkbox{transform:scale(1.2);margin-top:4px;cursor:pointer}.todo-main{flex:1;cursor:pointer}.todo-main strong{display:block;margin-bottom:4px}.meta{display:flex;flex-direction:row;align-items:center;gap:16px;font-size:13px;color:#444;margin-top:2px;flex-wrap:wrap}.meta span{white-space:nowrap;line-height:1}.todo-actions{margin-left:10px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.pagination-controls button{background-color:#3a4d39;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-weight:700}.pagination-controls button:disabled{background-color:#aaa;cursor:not-allowed}@media (min-width: 769px){.main-content{margin-left:200px}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-section{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.event-panel{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;max-width:320px;display:flex;flex-direction:column;gap:16px}.event-panel h3{font-size:18px;color:#333;font-weight:700}.event-list{list-style-type:disc;padding-left:20px;margin:0;font-size:15px;color:#444}.event-form{display:flex;flex-direction:column;gap:8px}.event-form input{height:42px;padding:8px 12px;font-size:15px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.event-form button{height:42px;background-color:#007bff;color:#fff;font-weight:700;font-size:15px;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.event-form button:hover{background-color:#0056b3}.icon-btn{background:none;border:none;color:#c0392b;font-size:18px;cursor:pointer;padding:4px;transition:transform .2s ease}.icon-btn:hover{transform:scale(1.1);color:#e74c3c}