@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--brand: #005b7f;--brand-dark: #003B52;--brand-mid: #005272;--brand-light: #00688F;--bg: #F8FAFC;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border: #f1f5f9;--radius-card: 2rem;--radius-btn: 1rem;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--shadow-brand: 0 8px 32px rgba(0,91,127,.18);--primary: var(--brand);--primary-light: rgba(0, 91, 127, .08);--card-bg: var(--surface)}html,body{height:100%;overflow:hidden;background:var(--bg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:flex;justify-content:center;align-items:stretch}.hide-scroll{-ms-overflow-style:none;scrollbar-width:none}.hide-scroll::-webkit-scrollbar{display:none}.app-shell{display:flex;flex-direction:column;width:100%;max-width:430px;height:100%;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 0 60px #0000001f}.app-header{padding:env(safe-area-inset-top,48px) 24px 16px;background:var(--bg);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo-wrap{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:#005b7f14;border:1px solid rgba(0,91,127,.15);border-radius:14px;display:flex;align-items:center;justify-content:center}.logo-b{font-family:"DM Serif Display",Georgia,serif;font-style:italic;font-size:28px;color:var(--brand);line-height:1;padding-bottom:2px}.logo-text{font-family:"DM Serif Display",Georgia,serif;font-size:28px;letter-spacing:-.5px;color:var(--text-primary);line-height:1;display:flex;align-items:baseline}.logo-dot{color:var(--brand);font-size:36px;font-family:Inter,sans-serif;margin-left:1px;line-height:0;transform:translateY(2px);display:inline-block}.header-profile-btn{background:#fff;border:1px solid var(--border);border-radius:100px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,transform .1s;box-shadow:var(--shadow-sm)}.header-profile-btn:hover{background:#f8fafc}.header-profile-btn:active{transform:scale(.94)}.app-main{flex:1;overflow-y:auto;padding:16px 16px 120px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(241,245,249,.7);padding:10px 8px env(safe-area-inset-bottom,12px);display:flex;justify-content:space-between;align-items:center;z-index:20;box-shadow:0 -8px 32px #0000000a}.nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;height:52px;border:none;background:transparent;cursor:pointer;border-radius:14px;transition:background .15s;position:relative}.nav-btn:hover{background:#0000000a}.nav-icon-wrap{transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center}.nav-btn.active .nav-icon-wrap{transform:translateY(-4px) scale(1.1)}.nav-label{font-size:10px;font-weight:700;letter-spacing:.3px;position:absolute;bottom:2px;transition:opacity .2s;color:var(--text-primary)}.nav-btn:not(.active) .nav-label{opacity:0}.nav-btn.active .nav-label{opacity:1}.card{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px}.card-gradient{background:linear-gradient(135deg,var(--brand-dark) 0%,var(--brand-mid) 50%,var(--brand-light) 100%);border-radius:var(--radius-card);box-shadow:var(--shadow-brand);padding:28px;position:relative;overflow:hidden;color:#fff}.card-gradient:before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:#fff;opacity:.04;border-radius:50%;filter:blur(24px)}.card-gradient:after{content:"";position:absolute;left:-40px;bottom:-40px;width:120px;height:120px;background:#00a1de;opacity:.15;border-radius:50%;filter:blur(20px)}.page-title{font-size:30px;font-weight:900;letter-spacing:-.8px;color:var(--text-primary);line-height:1.1}.page-subtitle{font-size:14px;font-weight:500;color:var(--text-muted);margin-top:4px}.progress-track{width:100%;background:#f1f5f9;border-radius:100px;overflow:hidden;height:10px}.progress-fill{height:100%;border-radius:100px;transition:width .6s cubic-bezier(.34,1.56,.64,1)}.pill-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-weight:700;cursor:pointer;border:none;transition:background .15s,transform .1s,box-shadow .15s}.pill-btn:active{transform:scale(.97)}.btn-primary{width:100%;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:700;padding:18px 24px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px #0f172a1f;transition:background .15s,transform .1s}.btn-primary:hover{background:#1e293b}.btn-primary:active{transform:scale(.98)}.btn-primary svg{opacity:.5;transition:opacity .15s,transform .15s}.btn-primary:hover svg{opacity:1;transform:translate(3px)}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.selector-btn{padding:14px;border-radius:14px;font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;border:1px solid var(--border);background:#f8fafc;color:#64748b}.selector-btn:hover{border-color:#cbd5e1}.selector-btn.selected{background:var(--text-primary);color:#fff;border-color:var(--text-primary);box-shadow:0 4px 12px #0f172a2e}.chip{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;border:1px solid}@keyframes pageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .35s cubic-bezier(.25,.46,.45,.94) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--border);border-radius:3px}input[type=range]::-webkit-slider-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary);cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 2px 8px #00000026}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--border);border-radius:3px}input[type=range]::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #00000026}@keyframes scaleIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) both}.weight-display{font-size:52px;font-weight:900;letter-spacing:-2px;line-height:1;color:var(--text-primary)}.badge-teal{display:inline-flex;align-items:center;gap:5px;background:#14b8a61a;color:#0d9488;font-size:13px;font-weight:700;padding:6px 12px;border-radius:100px;margin-top:12px}.med-progress-track{width:100%;background:#0003;border-radius:100px;height:6px;overflow:hidden;margin-top:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.med-progress-fill{height:100%;background:#fff;border-radius:100px;transition:width 1.2s cubic-bezier(.25,.46,.45,.94)}.chart-bar{background:#e2e8f0;border-radius:8px 8px 4px 4px;transition:background .2s;position:relative;overflow:hidden;min-height:10%;max-width:36px;width:100%}.chart-bar:hover{background:var(--brand)}.chart-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.06) 0%,transparent 100%)}.journal-textarea{width:100%;background:transparent;border:none;resize:none;outline:none;font-family:Inter,sans-serif;font-size:15px;color:var(--text-primary);line-height:1.6;padding:8px 0;height:128px}.journal-textarea::placeholder{color:var(--text-muted)}.news-tag{font-size:9px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:1px solid}.form-input{width:100%;background:#f8fafc;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #005b7f14}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}