@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--bg-1:#fff0f5;--bg-2:#ffd1dc;--card-bg:#fff;--card-border:#2d3436;--card-shadow:0 8px 0 #2d3436;--text:#2d3436;--text-muted:#636e72;--heading:#ff4757;--accent:#1e90ff;--accent-strong:#3742fa;--accent-soft:#ffeaa7;--accent-soft-border:#2d3436;--good:#2ed573;--danger:#ff4757;--crisis-bg:#ffcccb;--crisis-border:#2d3436;--reflection-bg:#eccc68;--gradient-btn:linear-gradient(to bottom, #70a1ff, #1e90ff);--gradient-btn-hover:linear-gradient(to bottom, #1e90ff, #3742fa);--btn-shadow:0 6px 0 #192a56}[data-theme=dark]{--bg-1:#2f3542;--bg-2:#57606f;--card-bg:#1e272e;--card-border:#f1f2f6;--card-shadow:0 8px 0 #000;--text:#f1f2f6;--text-muted:#ced6e0;--heading:#ff4757;--accent:#70a1ff;--accent-strong:#1e90ff;--accent-soft:#ffa502;--accent-soft-border:#f1f2f6;--good:#2ed573;--danger:#ff6348;--crisis-bg:#ff4757;--crisis-border:#f1f2f6;--reflection-bg:#3742fa;--gradient-btn:linear-gradient(to bottom, #ff7eb3, #ff758c);--gradient-btn-hover:linear-gradient(to bottom, #ff758c, #ff4757);--btn-shadow:0 6px 0 #8b0000}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;color:var(--text);background-color:var(--bg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Nunito,system-ui,sans-serif;transition:background .4s,color .4s;overflow-x:hidden}body:before{content:"";z-index:-1;background-color:var(--bg-1);background-image:radial-gradient(var(--bg-2) 15%, transparent 15%), radial-gradient(var(--bg-2) 15%, transparent 15%);background-position:0 0,15px 15px;background-size:30px 30px;position:fixed;inset:0}h1,h2,h3,h4,h5{letter-spacing:.5px;font-family:Nunito,sans-serif;font-weight:800}:focus-visible{outline:4px solid var(--accent);outline-offset:4px;border-radius:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-container{max-width:1400px;min-height:100vh;margin:0 auto;display:flex}.sidebar{background:var(--bg-1);border-right:4px solid var(--card-border);z-index:10;flex-direction:column;width:280px;padding:32px 24px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand h1{color:var(--heading);margin:0;font-size:2rem}.sidebar-tagline{color:var(--text-muted);margin-top:4px;font-size:.9rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:8px;margin-top:48px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:3px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:1.1rem;font-weight:800;transition:transform .1s,box-shadow .1s,border .1s;display:flex}.nav-item:hover{background:var(--accent-soft);color:var(--accent-strong);transform:translateY(-2px)}.nav-item.active{background:var(--accent);color:#fff;border:3px solid var(--card-border);box-shadow:0 4px 0 var(--card-border);transform:translateY(-2px)}.nav-item.active:active{box-shadow:0 0px 0 var(--card-border);transform:translateY(2px)}.nav-icon{font-size:1.4rem}.sidebar-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:24px;display:flex}.theme-toggle{border:3px solid var(--card-border);background:var(--card-bg);cursor:pointer;width:48px;height:48px;box-shadow:0 4px 0 var(--card-border);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;transition:transform .1s,box-shadow .1s;display:flex}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:active{box-shadow:0 0 0 var(--card-border);transform:translateY(4px)}.help-btn{background:var(--crisis-bg);color:var(--danger);border:3px solid var(--card-border);cursor:pointer;box-shadow:0 4px 0 var(--card-border);border-radius:999px;padding:10px 20px;font-size:1rem;font-weight:800;transition:transform .1s,box-shadow .1s}.help-btn:hover{transform:translateY(-2px)}.help-btn:active{box-shadow:0 0 0 var(--card-border);transform:translateY(4px)}.dashboard-main{flex-direction:column;flex:1;gap:24px;margin-left:280px;padding:40px 48px;display:flex}.main-header{margin-bottom:12px}.header-greeting h2{color:var(--heading);letter-spacing:-.02em;margin:0;font-size:2.4rem}.header-greeting p{color:var(--text-muted);margin:8px 0 0;font-size:1.1rem}@media (width<=960px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--card-border);width:100%;padding:20px;position:static}.dashboard-main{margin-left:0;padding:20px}}.dashboard-middle{grid-template-columns:1.2fr 1fr;align-items:start;gap:24px;display:grid}.dashboard-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}@media (width<=960px){.dashboard-middle,.dashboard-bottom{grid-template-columns:1fr}}.card{background:var(--card-bg);border:4px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:32px;margin-bottom:24px;padding:28px 32px;transition:transform .1s;animation:.6s both fadeUp;position:relative;overflow:hidden}.card:hover{transform:translateY(-2px)}.card h2{color:var(--heading);margin:0 0 14px}.card h3{color:var(--accent-strong);margin:16px 0 8px;font-size:1rem}.muted{color:var(--text-muted);font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.journal-form textarea{border:1px solid var(--accent-soft-border);resize:vertical;background:var(--card-bg);width:100%;color:var(--text);border-radius:14px;outline:none;padding:15px;font-family:inherit;font-size:1rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.journal-form textarea::placeholder{color:var(--text-muted)}.journal-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.form-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.count{color:var(--text-muted);font-size:.8rem}.card button{background:var(--gradient-btn);color:#fff;border:3px solid var(--card-border);letter-spacing:.02em;cursor:pointer;box-shadow:var(--btn-shadow);border-radius:16px;padding:14px 26px;font-size:1.1rem;font-weight:800;transition:transform .1s,box-shadow .1s}.card button:hover{background:var(--gradient-btn-hover);transform:translateY(-2px)}.card button:active{box-shadow:0 0 0 var(--card-border);transform:translateY(4px)}.card button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;border:none;transform:none}.privacy-note{color:var(--text-muted);margin:14px 0 0;font-size:.82rem;line-height:1.55}.mood-head{align-items:center;gap:14px;display:flex}.mood-head .emoji{font-size:2.8rem;animation:.4s pop}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.mood-label{font-size:1.1rem}.mood-label strong{text-transform:capitalize;color:var(--accent-strong)}.mood-score{color:var(--text-muted);font-size:.9rem}.mood-bar{background:var(--accent-soft);border-radius:999px;height:12px;margin:16px 0;overflow:hidden}.mood-bar-fill{background:linear-gradient(90deg,#ff9a8b 0%,#ffd36e 50%,#7bd389 100%);border-radius:999px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.reflection{background:var(--reflection-bg);border-left:3px solid var(--accent);color:var(--text);border-radius:10px;padding:14px 16px;line-height:1.6}.techniques{margin:8px 0 0;padding-left:18px}.techniques li{margin-bottom:8px;line-height:1.5}.source-note{color:var(--text-muted);margin-top:14px;font-size:.78rem}.crisis-banner{background:var(--crisis-bg);border:2px solid var(--crisis-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;margin-bottom:22px;padding:22px 26px;animation:.4s both fadeUp;box-shadow:0 10px 34px #c83c3c24}.crisis-banner h2{color:var(--danger);margin:0 0 8px}.crisis-msg{color:var(--text);margin:0 0 14px;line-height:1.6}.helplines{gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.helplines li{background:var(--card-bg);border:1px solid var(--crisis-border);border-radius:12px;grid-template-columns:90px 1fr auto;align-items:baseline;gap:10px;padding:10px 14px;font-size:.9rem;display:grid}.helplines .region{color:var(--danger);font-weight:700}.helplines .name{color:var(--text)}.helplines .contact{color:var(--text);font-weight:600}.helplines .hours{color:var(--text-muted);grid-column:2/4;font-size:.78rem}.emergency{color:var(--danger);margin:0;font-size:.88rem;font-weight:600}.mood-chart canvas{max-height:260px}.history ul{max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.history li{border-bottom:1px solid var(--accent-soft-border);gap:12px;padding:12px 0;display:flex}.history li:last-child{border-bottom:none}.h-emoji{font-size:1.5rem}.h-body{flex:1}.h-top{justify-content:space-between;align-items:baseline;display:flex}.h-mood{text-transform:capitalize;color:var(--accent-strong);font-weight:600}.h-date{color:var(--text-muted);font-size:.78rem}.h-excerpt{color:var(--text-muted);margin:4px 0 0;font-size:.88rem;font-style:italic}.empty-state{text-align:center;color:var(--text-muted);padding:30px 20px}.empty-state .empty-emoji{margin-bottom:10px;font-size:2.4rem;display:block}.form-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mic,.upload{font-weight:600;background:var(--accent-soft)!important;color:var(--accent-strong)!important;border:1px solid var(--accent-soft-border)!important;box-shadow:none!important;border-radius:999px!important;padding:8px 14px!important;font-size:.85rem!important}.mic:hover,.upload:hover{transform:translateY(-1px)}.mic.listening{animation:1.2s ease-in-out infinite pulse;background:var(--crisis-bg)!important;color:var(--danger)!important;border-color:var(--crisis-border)!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.img-preview{border:1px solid var(--accent-soft-border);background:var(--accent-soft);border-radius:14px;margin-top:14px;padding:10px}.img-preview img{border-radius:10px;max-width:100%;max-height:220px;margin:0 auto 8px;display:block}.img-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;font-size:.82rem;display:flex}.img-remove{background:var(--crisis-bg)!important;color:var(--danger)!important;border:1px solid var(--crisis-border)!important;box-shadow:none!important;border-radius:999px!important;padding:6px 12px!important;font-size:.8rem!important}.transcribed{background:var(--reflection-bg);border:1px solid var(--accent-soft-border);border-radius:12px;margin-bottom:16px;padding:12px 16px}.transcribed-label{color:var(--good);font-size:.78rem;font-weight:700}.transcribed p{color:var(--text);margin:6px 0 0;font-style:italic;line-height:1.5}.stats-row{text-align:center;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{background:var(--accent-soft);border-radius:18px;flex-direction:column;gap:4px;padding:16px 12px;transition:transform .2s;display:flex}.stat:hover{transform:translateY(-2px)}.stat-num{color:var(--accent-strong);font-family:Quicksand,sans-serif;font-size:1.8rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.insight{text-align:center;background:var(--gradient-btn);color:#fff;border-radius:16px;margin:20px 0 0;padding:14px 18px;font-size:.95rem;font-weight:600;box-shadow:0 8px 24px #8463e940}.breath-stage{justify-content:center;align-items:center;height:230px;display:flex}.breath-circle{background:radial-gradient(circle at 35% 30%, var(--accent-strong), var(--accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;font-weight:600;transition-property:transform;transition-timing-function:ease-in-out;display:flex;box-shadow:0 0 #6c5ce773,0 12px 36px #6c5ce766}.breath-circle.active{animation:4s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 #6c5ce759,0 12px 36px #6c5ce759}50%{box-shadow:0 0 0 22px #6c5ce700,0 12px 46px #6c5ce780}}.breath-controls{justify-content:center;align-items:center;gap:14px;display:flex}.breath-controls .cycles{color:var(--text-muted);font-size:.85rem}.card button.ghost{background:var(--accent-soft);color:var(--accent-strong);box-shadow:none}.card button.ghost:hover{box-shadow:none;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#14121f80;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:20px;width:100%;max-width:560px;max-height:85vh;padding:26px 28px;animation:.3s fadeUp;position:relative;overflow-y:auto;box-shadow:0 24px 70px #00000059}.modal h2{color:var(--heading);margin:0 0 12px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.6rem;line-height:1;position:absolute;top:14px;right:16px}.banner{text-align:center;border-radius:14px;max-width:700px;margin:0 auto 18px;padding:13px 16px;font-size:.92rem}.banner.error{background:var(--crisis-bg);color:var(--danger);border:1px solid var(--crisis-border)}.site-footer{background:var(--card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:20px;margin-top:40px;padding:26px 28px}.footer-top{border-bottom:1px solid var(--accent-soft-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.footer-brand{flex-direction:column;gap:2px;display:flex}.footer-logo{color:var(--heading);font-family:Quicksand,sans-serif;font-size:1.15rem;font-weight:700}.footer-tag{color:var(--text-muted);font-size:.85rem}.footer-links{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer-link{color:var(--accent-strong);cursor:pointer;background:0 0;border:none;padding:0;font-size:.86rem;font-weight:600;transition:opacity .2s}.footer-link:hover{opacity:.7;text-decoration:underline}.footer-static{color:var(--text-muted);font-size:.86rem}.footer-dot{color:var(--text-muted);font-size:.7rem}.footer-disclaimer{color:var(--text-muted);max-width:760px;margin:16px 0 0;font-size:.8rem;line-height:1.6}.footer-copy{color:var(--text-muted);margin:12px 0 0;font-size:.78rem}@media (width<=560px){.footer-top{flex-direction:column;align-items:flex-start}}.fade-in{animation:.5s cubic-bezier(.25,1,.5,1) both fadeInTab}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.breathe-fullscreen{justify-content:center;align-items:center;min-height:60vh;display:flex}.breathe-fullscreen .card{text-align:center;width:100%;max-width:600px;padding:60px 40px}.breathe-fullscreen .breath-stage{height:300px}.breathe-fullscreen .breath-circle{width:180px;height:180px;font-size:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--accent-soft-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}