*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0A0A0A;--surface: #131313;--surface2: #1A1A1A;--surface3: #222222;--surface4: #2A2A2A;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--gold: #D4A843;--gold-light:#F0C866;--teal: #3EBFAC;--coral: #E86B5F;--lavender: #9B7FD4;--mint: #52C98A;--text: #F2EDE4;--text2: #9A9186;--text3: #5A5550;--text4: #363330;--gold-dim: rgba(212,168,67,.15);--font-display: "Fraunces", Georgia, serif;--font-sans: "Syne", system-ui, sans-serif;--r-sm: 10px;--r: 14px;--r-lg: 20px;--r-xl: 28px}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-sans)}*{-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface4);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--surface4) transparent}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:68px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:16px 0 20px;gap:2px;flex-shrink:0;z-index:20}.sidebar-logo{width:38px;height:38px;background:var(--gold);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:18px;cursor:pointer;transition:transform .2s}.sidebar-logo:hover{transform:scale(1.05)}.nav-item{width:42px;height:42px;border:none;background:transparent;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:19px;transition:all .18s;position:relative}.nav-item:hover{background:var(--surface2);color:var(--text2)}.nav-item.active{background:#d4a84326;color:var(--gold)}.nav-item.active:before{content:"";position:absolute;left:-1px;width:3px;height:20px;background:var(--gold);border-radius:0 3px 3px 0}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:2px;align-items:center}.main-content{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.page{display:none;flex-direction:column;height:100%}.page.active{display:flex;animation:pageIn .25s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{padding:24px 28px 0;display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.page-title{font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.5px}.page-subtitle{font-size:12px;color:var(--text2);margin-top:3px;letter-spacing:.3px}.scroll-area{flex:1;overflow-y:auto;padding:20px 28px 40px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px}.card+.card,.card+.stat-grid,.stat-grid+.card,.milestone-wrap+.card,.card+.milestone-wrap{margin-top:12px}.card-gold{background:linear-gradient(135deg,#d4a8431f,#d4a8430a);border-color:#d4a84340}.section-label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);margin-bottom:14px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 12px;text-align:center}.stat-num{font-family:var(--font-display);font-size:26px;font-weight:400;color:var(--gold);line-height:1}.stat-label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--text3);margin-top:5px}.btn{border:none;cursor:pointer;border-radius:var(--r-sm);font-family:var(--font-sans);font-weight:500;transition:all .18s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;letter-spacing:.2px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#0a0a0a;padding:10px 18px;font-size:13px}.btn-primary:hover{background:var(--gold-light)}.btn-secondary{background:var(--surface2);color:var(--text);padding:9px 14px;font-size:13px;border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface3)}.btn-danger{background:#e86b5f1f;color:var(--coral);padding:9px 14px;font-size:13px;border:1px solid rgba(232,107,95,.25)}.btn-danger:hover{background:#e86b5f33}.btn-ghost{background:transparent;color:var(--text2);padding:8px 12px;font-size:12px}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.btn-lg{padding:14px 24px;font-size:15px;border-radius:var(--r)}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.4;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;border:1px solid;letter-spacing:.2px}.tag-green{background:#3ebfac1a;color:var(--teal);border-color:#3ebfac4d}.tag-gold{background:#d4a8431a;color:var(--gold);border-color:#d4a8434d}.tag-red{background:#e86b5f1a;color:var(--coral);border-color:#e86b5f4d}.tag-purple{background:#9b7fd41a;color:var(--lavender);border-color:#9b7fd44d}.tag-muted{background:var(--surface2);color:var(--text2);border-color:var(--border)}.progress-track{height:5px;background:var(--surface3);border-radius:3px;overflow:hidden}.progress-fill{height:100%;border-radius:3px;transition:width .6s ease}.form-group{margin-bottom:14px}.form-label{display:block;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--text2);margin-bottom:7px}.form-input,.form-select,.form-textarea{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);padding:11px 13px;color:var(--text);font-family:var(--font-sans);font-size:14px;transition:border-color .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#d4a84380}.form-input::placeholder,.form-textarea::placeholder{color:var(--text3)}.form-textarea{resize:none;line-height:1.55}.pill-group{display:flex;flex-wrap:wrap;gap:7px}.pill{padding:7px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:12px;cursor:pointer;transition:all .15s;font-family:var(--font-sans);letter-spacing:.2px}.pill:hover{border-color:var(--border2);color:var(--text)}.pill.selected{border-color:var(--gold);background:#d4a8431f;color:var(--gold)}.divider{height:1px;background:var(--border);margin:16px 0}.log-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.log-row:last-child{border-bottom:none;padding-bottom:0}.log-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:5px}.log-title{font-size:13px;font-weight:500}.log-meta{font-size:11px;color:var(--text2);margin-top:2px}.milestone-wrap{margin-top:12px}.milestone-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#d4a84324,#3ebfac12);border:1px solid rgba(212,168,67,.25);border-radius:var(--r-lg);margin-bottom:10px}.milestone-icon{font-size:28px;flex-shrink:0}.milestone-title{font-size:14px;font-weight:600;color:var(--gold)}.milestone-desc{font-size:12px;color:var(--text2);margin-top:2px}.risk-row{display:flex;align-items:center;gap:10px}.sos-btn{width:100%;background:var(--surface);border:1.5px solid rgba(232,107,95,.3);border-radius:var(--r-xl);padding:22px;cursor:pointer;transition:all .25s;text-align:center;margin-bottom:14px;position:relative;overflow:hidden}.sos-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(232,107,95,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s}.sos-btn:hover{border-color:#e86b5f99;transform:translateY(-2px)}.sos-btn:hover:before{opacity:1}.sos-btn:active{transform:scale(.99)}.sos-icon{font-size:32px;margin-bottom:8px;display:block}.sos-title{font-size:16px;font-weight:600;color:var(--coral);font-family:var(--font-sans)}.sos-sub{font-size:12px;color:var(--text2);margin-top:4px}.chat-wrap{display:flex;flex-direction:column;height:100%;min-height:0}.chat-messages{flex:1;overflow-y:auto;padding:20px 28px;display:flex;flex-direction:column;gap:14px}.msg{max-width:76%;display:flex;flex-direction:column;gap:4px}.msg-user{align-self:flex-end;align-items:flex-end}.msg-ai{align-self:flex-start;align-items:flex-start}.msg-bubble{padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.6;white-space:pre-wrap}.msg-user .msg-bubble{background:var(--gold);color:#0a0a0a;border-bottom-right-radius:4px}.msg-ai .msg-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.msg-time{font-size:10px;color:var(--text4);letter-spacing:.3px}.ai-avatar{width:26px;height:26px;border-radius:8px;background:#3ebfac26;border:1px solid rgba(62,191,172,.3);display:flex;align-items:center;justify-content:center;font-size:13px;margin-bottom:4px}.typing{display:flex;gap:4px;align-items:center;padding:12px 15px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text3);animation:typingBounce 1.2s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.chat-input-bar{padding:14px 28px 16px;border-top:1px solid var(--border);background:var(--surface);display:flex;gap:10px;align-items:flex-end}.chat-input{flex:1;background:var(--surface2);border:1px solid var(--border);border-radius:13px;padding:10px 14px;color:var(--text);font-family:var(--font-sans);font-size:13px;resize:none;min-height:42px;max-height:110px;line-height:1.5;transition:border-color .15s}.chat-input:focus{outline:none;border-color:#d4a84366}.chat-input::placeholder{color:var(--text3)}.send-btn{width:42px;height:42px;background:var(--gold);border:none;border-radius:11px;cursor:pointer;color:#0a0a0a;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .18s}.send-btn:hover{background:var(--gold-light)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.emergency{position:fixed;top:0;right:0;bottom:0;left:0;background:#080808;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;animation:emergencyIn .35s ease}@keyframes emergencyIn{0%{opacity:0}to{opacity:1}}.breathe-outer{width:150px;height:150px;border-radius:50%;border:1px solid rgba(62,191,172,.2);display:flex;align-items:center;justify-content:center;position:relative;margin:16px auto}.breathe-ring{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;border-radius:50%;border:1px solid rgba(62,191,172,.12);animation:ringPulse 4s ease-in-out infinite}@keyframes ringPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.06);opacity:.08}}.breathe-inner{width:96px;height:96px;border-radius:50%;background:#3ebfac1a;border:1.5px solid rgba(62,191,172,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:breathePulse 4s ease-in-out infinite}@keyframes breathePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.em-timer{font-family:var(--font-display);font-size:72px;font-weight:300;color:var(--gold);line-height:1;text-align:center;letter-spacing:-3px}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px 18px;margin-bottom:10px;transition:border-color .15s}.post-card:hover{border-color:var(--border2)}.post-avatar{width:32px;height:32px;border-radius:9px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.post-content{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:10px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.auth-box{width:100%;max-width:400px}.onboard-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 24px;background:var(--bg)}.step-dots{display:flex;gap:5px;justify-content:center;margin-bottom:28px}.step-dot{width:20px;height:3px;border-radius:2px;background:var(--surface4);transition:all .3s}.step-dot.active{background:var(--gold);width:36px}.step-dot.done{background:var(--teal)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .18s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r-xl);padding:26px;width:100%;max-width:380px;max-height:85vh;overflow-y:auto;animation:modalIn .2s ease}@keyframes modalIn{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal-title{font-family:var(--font-display);font-size:20px;font-weight:400;margin-bottom:16px}.toast-wrap{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:10px 16px;font-size:13px;color:var(--text);display:flex;align-items:center;gap:8px;animation:toastIn .3s ease;max-width:280px}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.health-item{margin-bottom:14px}.health-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.health-label span:first-child{color:var(--text2)}.health-label span:last-child{color:var(--teal);font-weight:500}.error-msg{color:var(--coral);font-size:12px;margin-top:6px}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--gold);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:24px 0;color:var(--text3);font-size:13px}