:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}#root{margin:0;padding:0;width:100%;min-height:100vh}body{margin:0;font-family:Inter;background:linear-gradient(150deg,#faf6ef,#fef0e0);min-height:100vh;color:#2d2417}.sidebar{position:fixed;top:0;left:0;margin-top:55px;margin-left:20px;width:clamp(120px,20vw,230px);max-height:100vh;padding:10px 10px 20px;background-color:#fdebd8;box-shadow:2px 2px 16px #b4642826;border-radius:0 12px 12px 0;overflow-y:auto;text-align:left}.goals-header{text-align:center}.goals-header h3{margin-top:4px;margin-bottom:11px;color:#a85f30;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.goals-list ul{display:flex;flex-direction:column;align-items:center;padding-left:0;margin-top:0;margin-bottom:5px}.goal-item{list-style-type:none;border-bottom:1px solid rgba(168,95,48,.15);padding:5px;width:90%;display:flex;transition:border-left .15s}.goal-item:hover{border-left:3px solid #c2855a;padding-left:3px}.goal-content{display:flex;flex-direction:column;width:100%}.goal-title-input{background-color:transparent;border:none;border-radius:5px;width:100%;padding:5px;color:#2d2417;font-size:12px;font-weight:600;resize:none;overflow:hidden;font-family:inherit;line-height:1.4}.goal-description-input{background-color:transparent;border:none;border-radius:5px;width:100%;padding:3px 5px;color:#9e7a5e;font-size:11px;resize:none;overflow:hidden;font-family:inherit;line-height:1.4}.delete-goal-btn{background:none;border:none;color:#d4ab8e;font-size:11px;cursor:pointer;padding:2px 4px;align-self:flex-start;line-height:1}.delete-goal-btn:hover{color:#e55}.goals-footer{display:flex;justify-content:center;padding-top:10px}.add-goal-btn{background-color:#c2855a;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-family:inherit;color:#fff;cursor:pointer;font-weight:500}.add-goal-btn:hover:not(:disabled){background-color:#a8693e}.add-goal-btn:disabled{background-color:#e8cdb8;color:#c4a48e;cursor:default}.logout-btn{position:fixed;bottom:20px;left:20px;width:clamp(120px,20vw,230px);background-color:#e8cdb8;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-family:inherit;font-weight:500;color:#a85f30;cursor:pointer;text-align:center}.logout-btn:hover{background-color:#ddbfa6}.goal-item:first-child{border-top:1px solid rgba(168,95,48,.15)}.goal-item:last-child{border-bottom:1px solid rgba(168,95,48,.15)}.reflection-panel{position:fixed;top:55px;left:calc(clamp(120px,20vw,230px) + 50px);right:20px;bottom:20px;padding:10px 20px 20px;background-color:#fffcf8;box-shadow:2px 2px 16px #b464281f;border-radius:12px;text-align:left;overflow-y:auto;display:flex;flex-direction:column}.reflection-header-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-top:0;padding-bottom:5px;border-bottom:1px solid rgba(168,95,48,.12);margin-bottom:4px}.reflection-header-container h3,.reflection-header-container h4{margin:0}.reflection-header{color:#a85f30;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.reflection-week-nav{display:flex;flex-direction:row;align-items:center;gap:20px}.week-range-label{font-size:14px;color:#b8927a;text-transform:lowercase}.reflection-week-nav-btns{display:flex;flex-direction:row;align-items:center;gap:15px}.week-nav-btn{background:none;padding:0 3px 2px 0;border:none;cursor:pointer;font-size:25px;color:#c2855a}.week-nav-btn:disabled{color:#e0c4aa;cursor:default}.reflection-list{display:flex;flex-direction:column;list-style-type:none;width:100%;padding:0;margin:0;font-size:13px}.reflection-li{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid rgba(168,95,48,.08)}.reflection-li .day-label{min-width:80px;font-size:12px;font-weight:600;margin-right:10px;text-align:center;color:#a85f30;background-color:#fdebd8;border-radius:20px;padding:4px 10px;white-space:nowrap;text-transform:lowercase}.reflection-input{background-color:#fffaf5;border-color:#b4783c26;border-radius:6px;width:100%;padding:7px;margin:10px;color:#2d2417;font-family:inherit;font-size:inherit;resize:none;min-height:60px;overflow:hidden}.reflection-input:focus{outline:none;border-color:#c2855a;background-color:#fffdf9}.reflection-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;margin-top:auto}.summary-overlay{position:fixed;inset:0;background-color:#3c281973;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.summary-modal{position:relative;background-color:#fffdf9;border-radius:12px;padding:28px 32px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 12px 40px #3c281940}.summary-close-btn{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;line-height:1;color:#a85f30;cursor:pointer}.summary-title{margin:0;font-size:18px;color:#a85f30}.summary-dates{margin:4px 0 18px;font-size:12px;color:#c4a48e}.summary-text{margin:0 0 18px;font-size:14px;line-height:1.6;color:#4a3b2e}.summary-section{margin-bottom:16px}.summary-subtitle{margin:0 0 8px;font-size:13px;font-weight:600;color:#a85f30}.summary-bullets{margin:0;padding-left:18px}.summary-bullets li{font-size:14px;line-height:1.5;color:#4a3b2e;margin-bottom:4px}.generate-summary-btn{background-color:#e8cdb8;border:none;border-radius:6px;padding:6px 16px;font-size:12px;font-family:inherit;font-weight:500;color:#a85f30;cursor:pointer}.generate-summary-btn:hover:not(:disabled){background-color:#ddbfa6}.generate-summary-btn:disabled{background-color:#f2e4d8;color:#c4a48e;cursor:default}.auth-container{display:flex;align-items:center;justify-content:center;min-height:100vh}.auth-card{background-color:#fffcf8;box-shadow:2px 2px 24px #b464281f;border-radius:16px;padding:40px 48px;width:100%;max-width:380px;text-align:center}.auth-title{margin:0 0 4px;color:#a85f30;font-size:22px;font-weight:700;letter-spacing:.04em}.auth-subtitle{margin:0 0 28px;color:#b8927a;font-size:12px;letter-spacing:.04em}.auth-toggle{display:flex;background-color:#fdebd8;border-radius:8px;padding:3px;margin-bottom:24px}.auth-toggle-btn{flex:1;background:none;border:none;padding:7px 0;font-family:inherit;font-size:12px;font-weight:500;color:#b8927a;cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.auth-toggle-btn.active{background-color:#c2855a;color:#fff}.auth-form{display:flex;flex-direction:column;gap:16px;text-align:left}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:11px;font-weight:600;color:#a85f30;letter-spacing:.05em;text-transform:uppercase}.auth-input{background-color:#fffaf5;border:1px solid rgba(180,120,60,.2);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;color:#2d2417}.auth-input:focus{outline:none;border-color:#c2855a;background-color:#fffdf9}.auth-input::placeholder{color:#d4b8a8}.auth-submit-btn{margin-top:8px;background-color:#c2855a;border:none;border-radius:8px;padding:10px;font-family:inherit;font-size:13px;font-weight:600;color:#fff;cursor:pointer;width:100%;transition:background-color .15s}.auth-submit-btn:hover{background-color:#a8693e}.past-reflections-btn{position:fixed;bottom:20px;left:20px;width:clamp(120px,20vw,230px);background-color:#e8cdb8;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-family:inherit;font-weight:500;color:#a85f30;cursor:pointer;text-align:center}.past-reflections-btn:hover{background-color:#ddbfa6}.settings-overlay{position:fixed;inset:0;background-color:#3c281973;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.settings-modal{position:relative;background-color:#fffdf9;border-radius:12px;padding:28px 32px;width:100%;max-width:420px;box-shadow:0 12px 40px #3c281940}.settings-close-btn{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;line-height:1;color:#a85f30;cursor:pointer}.settings-title{margin:0 0 20px;font-size:18px;color:#a85f30}.settings-form{display:flex;flex-direction:column;gap:16px}.settings-field{display:flex;flex-direction:column;gap:5px}.settings-label{font-size:12px;font-weight:600;color:#a85f30;text-transform:lowercase}.settings-input{box-sizing:border-box;width:100%;padding:8px 10px;font-size:14px;font-family:inherit;color:#2d2417;background-color:#fffaf5;border:1px solid rgba(180,120,60,.25);border-radius:6px}.settings-input:focus{outline:none;border-color:#c2855a;background-color:#fffdf9}.settings-save-btn{margin-top:4px;align-self:flex-end;background-color:#c2855a;border:none;border-radius:6px;padding:8px 18px;font-size:13px;font-family:inherit;font-weight:500;color:#fff;cursor:pointer}.settings-save-btn:hover{background-color:#a8693e}.app-header{position:fixed;top:0;left:0;right:0;height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background-color:#fdebd8eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 10px #b464281f;z-index:700}.app-header-brand{display:flex;align-items:center;gap:10px}.app-header-title{font-size:18px;font-weight:600;color:#a85f30}.app-header-tagline{font-size:12px;color:#a08a76}.profile-menu{position:relative}.profile-icon{box-sizing:border-box;width:34px;height:34px;padding:0;border-radius:50%;border:none;background-color:#e8cdb8;color:#a85f30;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #b464282e;transition:background-color .15s}.profile-icon:hover{background-color:#ddbfa6}.profile-dropdown{position:absolute;top:44px;right:0;width:200px;background-color:#fffdf9;border-radius:10px;box-shadow:0 8px 24px #3c28192e;padding:6px;overflow:hidden}.profile-info{padding:10px 12px 8px}.profile-username{font-size:14px;font-weight:600;color:#2d2417}.profile-email{font-size:12px;color:#a08a76;margin-top:2px;word-break:break-all}.profile-divider{height:1px;background-color:#a85f3026;margin:4px 0}.profile-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;font-size:13px;font-family:inherit;color:#4a3b2e;border-radius:6px;cursor:pointer}.profile-dropdown-item:hover{background-color:#f7ece1}