*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg:#0a0d14;--c-surface:#111520;--c-surface-2:#181e2e;--c-surface-3:#1f2740;--c-border:#ffffff14;--c-border-2:#ffffff21;--c-text:#c8d0e0;--c-text-muted:#7a8499;--c-text-dim:#4a5168;--c-heading:#eef0f6;--c-primary:#4db8c8;--c-primary-lg:#7dd4e0;--c-primary-dk:#2a8fa0;--c-primary-bg:#4db8c81a;--c-primary-glow:#4db8c838;--c-secondary:#e8a84a;--c-secondary-bg:#e8a84a1f;--c-accent:#5ecba8;--c-accent-bg:#5ecba81a;--c-success:#4caf81;--c-warning:#e8a84a;--c-error:#e05c5c;--c-error-bg:#e05c5c1f;--c-crisis:#e05c5c;--c-crisis-bg:#e05c5c26;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-display:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.55;overflow-x:hidden}#root{flex-direction:column;display:flex}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.loading-screen{background:var(--c-bg);justify-content:center;align-items:center;height:100vh;display:flex}.loading-pulse{background:var(--c-primary-glow);width:48px;height:48px;box-shadow:0 0 0 0 var(--c-primary-glow);border-radius:50%;animation:1.4s ease-out infinite pulse-ring}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--c-primary-glow);transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 24px #4db8c800}to{transform:scale(.9);box-shadow:0 0 #4db8c800}}.auth-screen{min-height:100vh;padding:var(--sp-6);background:radial-gradient(ellipse 80% 60% at 50% 0%, #4db8c812 0%, transparent 60%), var(--c-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--c-surface);border:1px solid var(--c-border-2);border-radius:var(--r-xl);width:100%;max-width:400px;padding:var(--sp-10) var(--sp-8);box-shadow:var(--shadow-lg)}.auth-card--wide{max-width:560px}.auth-brand{text-align:center;margin-bottom:var(--sp-8)}.auth-logo{letter-spacing:-.5px;color:var(--c-primary);margin:0;font-size:32px;font-weight:700;line-height:1}.auth-tagline{color:var(--c-text-muted);margin-top:var(--sp-1);letter-spacing:.5px;text-transform:uppercase;font-size:12px}.auth-tabs{gap:var(--sp-1);background:var(--c-surface-2);border-radius:var(--r-lg);margin-bottom:var(--sp-6);padding:3px;display:flex}.auth-tab{padding:var(--sp-2) var(--sp-4);border-radius:calc(var(--r-lg) - 3px);color:var(--c-text-muted);transition:all .2s var(--ease);flex:1;font-size:13px;font-weight:500}.auth-tab--active{background:var(--c-surface-3);color:var(--c-heading);box-shadow:var(--shadow-sm)}.auth-tab:hover:not(.auth-tab--active){color:var(--c-text)}.auth-form{gap:var(--sp-4);flex-direction:column;display:flex}.auth-field{gap:var(--sp-2);flex-direction:column;display:flex}.auth-label{color:var(--c-text-muted);font-size:13px;font-weight:500}.auth-input{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-heading);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;font-family:inherit;font-size:14px}.auth-input::placeholder{color:var(--c-text-dim)}.auth-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-bg)}.auth-error{color:var(--c-error);padding:var(--sp-2) var(--sp-3);background:var(--c-error-bg);border-radius:var(--r-sm);font-size:13px}.auth-info{color:var(--c-accent);padding:var(--sp-2) var(--sp-3);background:var(--c-accent-bg);border-radius:var(--r-sm);font-size:13px}.auth-submit{width:100%;padding:var(--sp-3) var(--sp-4);background:var(--c-primary);color:#0a0d14;border-radius:var(--r-md);transition:opacity .2s var(--ease), transform .1s var(--ease);margin-top:var(--sp-2);font-size:14px;font-weight:600}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-footer-links{margin-top:var(--sp-4);justify-content:center;display:flex}.auth-link{color:var(--c-primary);cursor:pointer;padding:var(--sp-1) var(--sp-2);background:0 0;border:none;font-size:13px}.auth-link:hover{text-decoration:underline}.auth-disclaimer{color:var(--c-text-dim);text-align:center;margin-top:var(--sp-6);font-size:11px;line-height:1.5}.disclaimer-body{gap:var(--sp-5);flex-direction:column;display:flex}.disclaimer-heading{color:var(--c-heading);font-size:20px;font-weight:600}.disclaimer-text{gap:var(--sp-3);color:var(--c-text);flex-direction:column;font-size:14px;line-height:1.65;display:flex}.disclaimer-text ul{padding-left:var(--sp-6);gap:var(--sp-1);flex-direction:column;display:flex}.disclaimer-text li{list-style:outside}.disclaimer-actions{gap:var(--sp-3);flex-direction:column;align-items:center;display:flex}.app-root{background:radial-gradient(ellipse 100% 70% at 50% -10%, #4db8c80f 0%, transparent 55%), var(--c-bg);flex-direction:column;min-height:100vh;display:flex}.app-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0d14d9;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-brand{letter-spacing:-.3px;color:var(--c-primary);font-size:18px;font-weight:700}.app-nav{align-items:center;gap:var(--sp-3);display:flex}.nav-mode-badge{color:var(--c-accent);background:var(--c-accent-bg);padding:3px var(--sp-3);border-radius:var(--r-full);letter-spacing:.4px;text-transform:uppercase;border:1px solid #5ecba840;font-size:11px;font-weight:500}.nav-btn{color:var(--c-text-muted);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);transition:all .2s var(--ease);border:1px solid #0000;font-size:13px;font-weight:500}.nav-btn:hover{color:var(--c-heading);background:var(--c-surface-2);border-color:var(--c-border)}.crisis-banner{background:var(--c-crisis-bg);padding:var(--sp-3) var(--sp-6);animation:slide-down .3s var(--ease-out);border-bottom:1px solid #e05c5c4d}@keyframes slide-down{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.crisis-banner__inner{align-items:center;gap:var(--sp-4);flex-wrap:wrap;max-width:800px;margin:0 auto;display:flex}.crisis-banner__inner strong{color:var(--c-crisis);font-size:14px}.crisis-banner__inner span{color:var(--c-text);flex:1;font-size:14px}.crisis-link{color:var(--c-crisis);font-weight:700}.crisis-close{color:var(--c-text-muted);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);margin-left:auto;font-size:20px;line-height:1}.crisis-close:hover{color:var(--c-heading);background:#ffffff0f}.app-main{padding:var(--sp-8) var(--sp-6);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:340px;display:flex}.session-end-btn{margin-top:var(--sp-5);color:var(--c-text-muted);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--c-border);transition:all .2s var(--ease);font-size:12px;font-weight:500}.session-end-btn:hover{color:var(--c-text);border-color:var(--c-border-2);background:var(--c-surface-2)}.app-prompt{text-align:center;padding:var(--sp-4) var(--sp-6) var(--sp-8);animation:fade-in .8s var(--ease-out)}.app-prompt__text{color:var(--c-text-muted);font-size:16px}.app-prompt__sub{color:var(--c-text-dim);margin-top:var(--sp-1);font-size:13px}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-panel{width:100%;max-width:680px;padding:0 var(--sp-4) var(--sp-6);flex-direction:column;margin:0 auto;display:flex}.chat-panel--empty{padding-top:var(--sp-4)}.msg-list{gap:var(--sp-3);padding:var(--sp-4) 0 var(--sp-3);scrollbar-width:thin;scrollbar-color:var(--c-border) transparent;flex-direction:column;max-height:340px;display:flex;overflow-y:auto}.msg-row{display:flex}.msg-row--user{justify-content:flex-end}.msg-row--ai{justify-content:flex-start}.msg-bubble{max-width:78%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-lg);word-break:break-word;font-size:14px;line-height:1.6}.msg-bubble--user{background:var(--c-primary);color:#0a0d14;border-bottom-right-radius:var(--r-sm)}.msg-bubble--ai{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border);border-bottom-left-radius:var(--r-sm)}.chat-form{width:100%}.chat-input-row{align-items:flex-end;gap:var(--sp-2);background:var(--c-surface);border:1px solid var(--c-border-2);border-radius:var(--r-xl);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);display:flex}.chat-input-row:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-bg)}.chat-textarea{color:var(--c-heading);resize:none;max-height:120px;padding:var(--sp-2) 0;scrollbar-width:thin;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;line-height:1.5}.chat-textarea::placeholder{color:var(--c-text-dim)}.chat-send-btn{background:var(--c-primary);color:#0a0d14;width:36px;height:36px;transition:opacity .2s var(--ease), transform .1s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:active:not(:disabled){transform:scale(.94)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-hint{color:var(--c-text-dim);text-align:center;margin-top:var(--sp-2);font-size:11px}.cloud-scene{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;align-items:center;display:flex;position:relative}.cloud-scene canvas{display:block}.cloud-status{color:var(--c-text-muted);text-align:center;letter-spacing:.5px;text-transform:uppercase;margin-top:var(--sp-3);min-height:16px;transition:color .3s var(--ease);font-size:12px;font-weight:500}.cloud-status--listening{color:var(--c-primary)}.cloud-status--thinking{color:var(--c-secondary)}.cloud-status--speaking{color:var(--c-accent)}.app-footer{padding:var(--sp-5) var(--sp-6);border-top:1px solid var(--c-border);text-align:center}.app-footer p{color:var(--c-text-dim);font-size:11px;line-height:1.5}.app-footer a{color:var(--c-text-muted)}.app-footer__sub{margin-top:var(--sp-1);letter-spacing:.8px;text-transform:uppercase;color:var(--c-text-dim);font-size:10px}.dashboard{background:var(--c-bg);flex-direction:column;min-height:100vh;display:flex}.dashboard-header{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--c-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0a0d14e6;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.dashboard-brand{color:var(--c-primary);letter-spacing:-.3px;font-size:18px;font-weight:700}.dashboard-back{color:var(--c-text-muted);align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border);transition:all .2s var(--ease);font-size:13px;font-weight:500;display:flex}.dashboard-back:hover{color:var(--c-heading);border-color:var(--c-border-2);background:var(--c-surface-2)}.dashboard-tabs{padding:var(--sp-4) var(--sp-6) 0;border-bottom:1px solid var(--c-border);background:var(--c-surface);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.dashboard-tabs::-webkit-scrollbar{display:none}.dash-tab{padding:var(--sp-3) var(--sp-5);color:var(--c-text-muted);transition:all .2s var(--ease);white-space:nowrap;border-bottom:2px solid #0000;font-size:13px;font-weight:500}.dash-tab--active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.dash-tab:hover:not(.dash-tab--active){color:var(--c-text)}.dashboard-content{padding:var(--sp-6);flex:1;width:100%;max-width:860px;margin:0 auto}.dash-section{margin-bottom:var(--sp-8)}.dash-section-title{letter-spacing:.8px;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:var(--sp-4);font-size:11px;font-weight:600}.dash-cards{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.dash-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5);transition:border-color .2s var(--ease)}.dash-card:hover{border-color:var(--c-border-2)}.dash-card__label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--sp-2);font-size:11px;font-weight:500}.dash-card__value{color:var(--c-heading);font-size:28px;font-weight:700;line-height:1}.dash-card__sub{color:var(--c-text-muted);margin-top:var(--sp-1);font-size:12px}.dash-card--recovery{background:linear-gradient(135deg, #4db8c81f 0%, var(--c-surface) 100%);border-color:#4db8c833}.dash-card--recovery .dash-card__value{color:var(--c-primary)}.sparkline-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5)}.sparkline-title{color:var(--c-text-muted);margin-bottom:var(--sp-4);font-size:13px;font-weight:500}.sparkline{align-items:flex-end;gap:var(--sp-2);height:60px;display:flex}.sparkline-bar{min-width:8px;transition:height .4s var(--ease-out);background:var(--c-primary);opacity:.75;border-radius:3px 3px 0 0;flex:1}.sparkline-bar--empty{background:var(--c-border);opacity:1;height:4px!important}.checkin-form{gap:var(--sp-5);flex-direction:column;display:flex}.checkin-form .form-field{gap:var(--sp-3);flex-direction:column;display:flex}.checkin-form label{color:var(--c-text);justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.slider-val{color:var(--c-primary);font-size:13px;font-weight:600}input[type=range]{appearance:none;border-radius:var(--r-full);background:var(--c-surface-3);outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--c-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 0 0 3px var(--c-primary-bg);-webkit-transition:box-shadow .2s var(--ease);transition:box-shadow .2s var(--ease);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 5px var(--c-primary-bg)}.journal-list{gap:var(--sp-4);flex-direction:column;display:flex}.journal-entry{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-5);transition:border-color .2s var(--ease)}.journal-entry:hover{border-color:var(--c-border-2)}.journal-entry__date{color:var(--c-text-dim);margin-bottom:var(--sp-2);font-size:11px}.journal-entry__content{color:var(--c-text);font-size:14px;line-height:1.65}.journal-entry__summary{margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--c-border);color:var(--c-text-muted);font-size:13px;font-style:italic;line-height:1.55}.insight-list{gap:var(--sp-3);flex-direction:column;display:flex}.insight-item{background:var(--c-surface);border:1px solid var(--c-border);border-left:3px solid var(--c-accent);border-radius:0 var(--r-lg) var(--r-lg) 0;padding:var(--sp-4) var(--sp-5)}.insight-item__date{color:var(--c-text-dim);margin-bottom:var(--sp-2);font-size:11px}.insight-item__text{color:var(--c-text);font-size:14px;line-height:1.65}.sessions-list{gap:var(--sp-3);flex-direction:column;display:flex}.session-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);justify-content:space-between;align-items:center;display:flex}.session-item__mode{color:var(--c-text);font-size:13px;font-weight:500}.session-item__date{color:var(--c-text-dim);margin-top:2px;font-size:11px}.session-item__count{color:var(--c-text-muted);font-size:12px}.settings-list{gap:var(--sp-3);flex-direction:column;display:flex}.setting-row{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-4) var(--sp-5);justify-content:space-between;align-items:center;gap:var(--sp-4);display:flex}.setting-row__label{color:var(--c-text);font-size:14px;font-weight:500}.setting-row__desc{color:var(--c-text-muted);margin-top:2px;font-size:12px}.setting-input{max-width:240px;padding:var(--sp-2) var(--sp-3);background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-heading);transition:border-color .2s var(--ease);outline:none;flex:1;font-family:inherit;font-size:13px}.setting-input:focus{border-color:var(--c-primary)}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--c-surface-3);border-radius:var(--r-full);cursor:pointer;transition:background .2s var(--ease);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--c-text-muted);width:18px;height:18px;transition:transform .2s var(--ease), background .2s var(--ease);border-radius:50%;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--c-primary-bg);border:1px solid var(--c-primary)}.toggle input:checked+.toggle-slider:before{background:var(--c-primary);transform:translate(20px)}.btn-primary{padding:var(--sp-2) var(--sp-5);background:var(--c-primary);color:#0a0d14;border-radius:var(--r-md);transition:opacity .2s var(--ease);font-size:13px;font-weight:600}.btn-primary:hover:not(:disabled){opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:var(--sp-2) var(--sp-5);background:var(--c-surface-2);color:var(--c-text);border-radius:var(--r-md);border:1px solid var(--c-border);transition:all .2s var(--ease);font-size:13px;font-weight:500}.btn-secondary:hover{background:var(--c-surface-3);border-color:var(--c-border-2);color:var(--c-heading)}.btn-danger{padding:var(--sp-2) var(--sp-5);background:var(--c-error-bg);color:var(--c-error);border-radius:var(--r-md);transition:all .2s var(--ease);border:1px solid #e05c5c40;font-size:13px;font-weight:500}.btn-danger:hover{background:#e05c5c33}.btn-text{color:var(--c-text-muted);padding:var(--sp-2) var(--sp-3);font-size:13px}.btn-text:hover{color:var(--c-text)}.empty-state{text-align:center;padding:var(--sp-12) var(--sp-6);color:var(--c-text-muted)}.empty-state p{font-size:14px}.empty-state__sub{color:var(--c-text-dim);margin-top:var(--sp-2);font-size:13px}.dash-textarea{width:100%;padding:var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);color:var(--c-text);resize:vertical;min-height:120px;transition:border-color .2s var(--ease);outline:none;font-family:inherit;font-size:14px;line-height:1.65}.dash-textarea:focus{border-color:var(--c-primary)}.dash-textarea::placeholder{color:var(--c-text-dim)}.dash-feedback{padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);margin-top:var(--sp-3);font-size:13px}.dash-feedback--success{color:var(--c-success);background:#4caf811a}.dash-feedback--error{color:var(--c-error);background:var(--c-error-bg)}.intro-canvas{z-index:1000;background:#000;width:100%;height:100%;position:fixed;inset:0}@media (width<=600px){.auth-card{padding:var(--sp-8) var(--sp-5)}.dashboard-content{padding:var(--sp-4)}.app-header,.dashboard-header,.crisis-banner{padding:var(--sp-3) var(--sp-4)}.dash-cards{grid-template-columns:1fr 1fr}}