@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=light]{--bg:#fafaf8;--surface:#fff;--surface2:#f4f2ec;--surface3:#eeecea;--text:#1c1a16;--text-muted:#6b6660;--text-faint:#a8a49e;--accent:#4b4acf;--accent-mid:#7f77dd;--accent-light:#eeedfe;--accent-hover:#3c3489;--purple:#8b5cf6;--purple-light:#f5f3ff;--green:#0f6e56;--green-light:#e1f5ee;--green-text:#085041;--amber:#854f0b;--amber-light:#faeeda;--amber-text:#633806;--orange:#993c1d;--orange-light:#faece7;--orange-text:#712b13;--red:#a32d2d;--red-light:#fcebeb;--red-text:#791f1f;--border:#00000012;--border2:#00000021;--border3:#0003;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #0000000f, 0 4px 12px #0000000a;--shadow-lg:0 4px 6px #0000000d, 0 10px 30px #00000014;--r:12px;--r-sm:8px;--r-pill:999px}[data-theme=dark]{--bg:#0e0d0b;--surface:#1a1915;--surface2:#24231f;--surface3:#2e2d28;--text:#ede9e0;--text-muted:#888780;--text-faint:#55534e;--accent:#afa9ec;--accent-mid:#7f77dd;--accent-light:#26215c;--accent-hover:#cec8f8;--purple:#a78bfa;--purple-light:#1e1b4b;--green:#5dcaa5;--green-light:#04342c;--green-text:#9fe1cb;--amber:#ef9f27;--amber-light:#412402;--amber-text:#fac775;--orange:#f0997b;--orange-light:#4a1b0c;--orange-text:#f5c4b3;--red:#e24b4a;--red-light:#501313;--red-text:#f7c1c1;--border:#ffffff12;--border2:#ffffff1f;--border3:#fff3;--shadow-sm:0 1px 2px #0000004d;--shadow:0 1px 3px #0000004d, 0 4px 12px #0003;--shadow-lg:0 4px 6px #0000004d, 0 10px 30px #00000040}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-size:16px}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{letter-spacing:.01em;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;font-size:15px;line-height:1.6;transition:background .25s,color .25s}#root{min-height:100svh}h1,h2,h3,h4{color:var(--text);font-family:DM Serif Display,Georgia,serif;font-weight:400;line-height:1.2}p{margin:0}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100svh;padding:2rem 1rem;display:flex}.auth-card{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:2.5rem 2rem 2rem}.auth-brand{align-items:center;gap:.875rem;margin-bottom:2rem;display:flex}.auth-brand-text{flex-direction:column;gap:.2rem;display:flex}.brand-logo{color:var(--accent);letter-spacing:-.5px;font-family:DM Serif Display,Georgia,serif;font-size:1.75rem}.brand-sub{color:var(--text-muted);font-size:13px;font-style:italic}.field{margin-bottom:1rem}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.4rem;font-size:11px;font-weight:500;display:block}.field input{background:var(--surface2);border:.5px solid var(--border2);border-radius:var(--r-sm);width:100%;color:var(--text);outline:none;padding:.65rem .875rem;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--accent-mid);box-shadow:0 0 0 3px var(--accent-light)}.field input::placeholder{color:var(--text-faint)}.btn{border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;border:.5px solid #0000;justify-content:center;align-items:center;gap:6px;padding:.65rem 1.25rem;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);width:100%}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-muted);border-color:var(--border2);background:0 0;width:auto}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-accent{background:var(--accent-light);color:var(--accent);border-color:var(--accent-mid);width:auto}.btn-accent:hover:not(:disabled){background:var(--accent-mid);color:#fff}.btn-sm{width:auto;padding:.4rem .875rem;font-size:13px}.auth-toggle{text-align:center;color:var(--accent);cursor:pointer;margin-top:1.25rem;font-size:13px;display:block}.auth-toggle:hover{text-decoration:underline}.app{max-width:820px;margin:0 auto;padding:0 1.5rem 4rem}.header{border-bottom:.5px solid var(--border);background:var(--bg);z-index:50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1.1rem 0;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.625rem;display:flex}.header-brand{flex-direction:column;gap:.05rem;display:flex}.logo{color:var(--accent);letter-spacing:-.5px;font-family:DM Serif Display,Georgia,serif;font-size:1.3rem;line-height:1}.logo-tag{color:var(--text-muted);font-size:10px;font-style:italic;line-height:1}.header-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.section{margin-bottom:2rem}.section-title{color:var(--text);margin-bottom:.875rem;font-family:DM Serif Display,Georgia,serif;font-size:1.2rem;font-weight:400}.section-desc{color:var(--text-muted);margin-bottom:.875rem;font-size:13px;font-style:italic}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:.875rem 1rem}.stat-streak{border-color:var(--accent-mid)!important}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;font-size:11px;font-weight:500}.stat-val{color:var(--text);font-family:DM Serif Display,Georgia,serif;font-size:1.75rem;line-height:1}.stat-score-sub{color:var(--text-faint);margin-top:.2rem;font-size:11px}.score-color-minimal{color:var(--green)}.score-color-mild{color:var(--amber)}.score-color-moderate{color:var(--orange)}.score-color-severe{color:var(--red)}.mood-chart{grid-template-columns:repeat(7,1fr);gap:.5rem;display:grid}.mood-day{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r-sm);flex-direction:column;align-items:center;gap:.3rem;padding:.625rem .25rem;display:flex}.mood-day-emojis{flex-direction:column;align-items:center;gap:.1rem;min-height:1.5rem;font-size:1.1rem;display:flex}.mood-day-empty{color:var(--text-faint);font-size:1.2rem}.mood-day-label{color:var(--text-muted);font-size:11px;font-weight:500}.tab-bar{border-bottom:.5px solid var(--border);gap:.375rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--r-sm) var(--r-sm) 0 0;background:0 0;border:none;padding:.45rem .875rem;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:all .15s}.tab-btn:hover{background:var(--surface2);color:var(--text)}.tab-btn.active{background:var(--accent-light);color:var(--accent);border:.5px solid var(--accent-mid);border-bottom:none}.mood-strip{flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem;display:flex}.mood-btn{border-radius:var(--r-pill);border:.5px solid var(--border2);background:var(--surface);cursor:pointer;padding:.35rem .75rem;font-size:1.1rem;line-height:1;transition:all .15s}.mood-btn:hover,.mood-btn.active{background:var(--accent-light);border-color:var(--accent-mid)}.journal-box{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.journal-textarea{width:100%;min-height:130px;color:var(--text);resize:none;background:0 0;border:none;outline:none;padding:1rem 1.25rem;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.75}.journal-textarea::placeholder{color:var(--text-faint);font-style:italic}.journal-footer{border-top:.5px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.char-count{color:var(--text-faint);font-size:12px}.entries-list{flex-direction:column;gap:.75rem;display:flex}.entry-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.entry-card:before{content:"";background:var(--accent-mid);width:3px;position:absolute;top:0;bottom:0;left:0}.gratitude-card:before{background:var(--purple)!important}.entry-card:hover{border-color:var(--border3);box-shadow:var(--shadow)}.entry-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.entry-meta{align-items:center;gap:.625rem;display:flex}.entry-mood{font-size:1.25rem;line-height:1}.entry-date{color:var(--text-muted);font-size:12px}.entry-text{color:var(--text-muted);font-size:14px;line-height:1.7}.delete-btn{color:var(--text-faint);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:3px 5px;font-size:13px;line-height:1;transition:color .15s,background .15s}.delete-btn:hover{color:var(--red);background:var(--red-light)}.empty-state{text-align:center;color:var(--text-muted);border:.5px dashed var(--border2);border-radius:var(--r);padding:3.5rem 1rem}.empty-icon{opacity:.4;margin-bottom:.75rem;font-size:2.5rem;display:block}.ai-panel{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.ai-panel-header{border-bottom:.5px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.ai-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.5rem;font-size:13px;font-weight:500;display:flex}.ai-dot{background:var(--accent-mid);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.ai-empty{color:var(--text-muted);padding:1.5rem 1.25rem;font-size:14px;font-style:italic;line-height:1.6}.ai-loading{color:var(--text-muted);align-items:center;gap:.875rem;padding:1.5rem 1.25rem;font-size:14px;font-style:italic;display:flex}.ai-spinner{border:2px solid var(--border2);border-top-color:var(--accent-mid);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ai-content{padding:1.25rem}.ai-response{color:var(--text-muted);font-size:14px;line-height:1.75}.ai-section-title{color:var(--accent);margin:1rem 0 .35rem;font-family:DM Serif Display,Georgia,serif;font-size:1rem}.ai-section-title:first-child{margin-top:0}.ai-line{margin-bottom:.25rem}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:.5px solid var(--border2);border-radius:var(--r);width:100%;max-width:540px;max-height:90vh;box-shadow:var(--shadow-lg);padding:2rem;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-title{margin-bottom:.25rem;font-size:1.5rem}.modal-sub{color:var(--text-muted);margin-bottom:1.75rem;font-size:13px;font-style:italic;line-height:1.5}.modal-actions{gap:.625rem;margin-top:1.5rem;display:flex}.modal-actions .btn{flex:1}.breathing-modal{text-align:center;max-width:380px}.breath-circle-wrap{justify-content:center;margin:1.5rem 0;display:flex}.breath-svg{filter:drop-shadow(0 4px 16px #4b4acf40)}.breath-cycles{color:var(--text-muted);margin-bottom:.5rem;font-size:13px}.crisis-overlay{z-index:200;background:#000000bf}.crisis-modal{max-width:520px;border:1.5px solid var(--red)!important}.crisis-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.crisis-icon{font-size:1.75rem;line-height:1}.crisis-title{color:var(--red)!important}.crisis-sub{margin-bottom:1.5rem;font-size:14px;line-height:1.7;color:var(--text)!important;font-style:normal!important}.crisis-resources{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.crisis-resource-card{background:var(--red-light);border:.5px solid var(--red);border-radius:var(--r-sm);flex-direction:column;gap:.25rem;padding:.875rem 1rem;text-decoration:none;transition:all .15s;display:flex}.crisis-resource-card:hover{background:var(--red)}.crisis-resource-card:hover .crisis-resource-name,.crisis-resource-card:hover .crisis-resource-phone,.crisis-resource-card:hover .crisis-resource-link{color:#fff!important}.crisis-resource-name{color:var(--red-text);font-size:13px;font-weight:500}.crisis-resource-phone{color:var(--red);font-size:12px;font-weight:500}.crisis-resource-link{color:var(--red);margin-top:.2rem;font-size:11px}.crisis-note{color:var(--text-muted);background:var(--surface2);border-radius:var(--r-sm);margin-bottom:1.25rem;padding:.75rem;font-size:12px;line-height:1.6}.crisis-close{width:100%;color:var(--text-muted)}.q-item{margin-bottom:1.25rem}.q-text{color:var(--text);margin-bottom:.5rem;font-size:14px;line-height:1.5}.q-options{flex-wrap:wrap;gap:.4rem;display:flex}.q-opt{border:.5px solid var(--border2);border-radius:var(--r-pill);cursor:pointer;background:var(--surface);color:var(--text-muted);padding:.3rem .7rem;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s}.q-opt:hover{background:var(--surface2);color:var(--text)}.q-opt.selected{background:var(--accent-light);border-color:var(--accent-mid);color:var(--accent)}.score-section{border-top:.5px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.score-meta{color:var(--text-muted);margin-bottom:.5rem;font-size:13px}.score-bar{background:var(--surface2);border-radius:4px;height:8px;margin-bottom:.75rem;overflow:hidden}.score-fill{border-radius:4px;height:100%;transition:width .5s}.score-fill[data-color=green]{background:var(--green)}.score-fill[data-color=amber]{background:var(--amber)}.score-fill[data-color=orange]{background:var(--orange)}.score-fill[data-color=red]{background:var(--red)}.result-badge{border-radius:var(--r-pill);align-items:center;margin-bottom:.875rem;padding:.3rem .875rem;font-size:13px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green-text)}.badge-amber{background:var(--amber-light);color:var(--amber-text)}.badge-orange{background:var(--orange-light);color:var(--orange-text)}.badge-red{background:var(--red-light);color:var(--red-text)}.score-disclaimer{color:var(--text-faint);font-size:12px;line-height:1.6}.toast{background:var(--text);color:var(--bg);border-radius:var(--r-sm);z-index:300;pointer-events:none;box-shadow:var(--shadow-lg);padding:.6rem 1.1rem;font-size:13px;font-weight:500;animation:.25s toastIn;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (width<=640px){.app{padding:0 1rem 3rem}.stats-grid{grid-template-columns:1fr 1fr}.header-actions{gap:.3rem}.modal{padding:1.5rem}.q-options{flex-direction:column}.crisis-resources{grid-template-columns:1fr}.mood-chart,.tab-bar{gap:.25rem}.tab-btn{padding:.4rem .6rem;font-size:12px}}@media (width<=400px){.stats-grid{grid-template-columns:1fr}}