:root{--primary: #FF6B9D;--secondary: #4ECDC4;--bg: #FFF8E1;--card: #FFFFFF;--text: #5D4954;--mint: #C5F1D7;--pink: #FFD3E0;--blue: #D6E8FA}body{margin:0;padding:0;background-color:var(--bg);font-family:Quicksand,system-ui,-apple-system,sans-serif;color:var(--text);overflow:hidden}.app-container{max-width:480px;height:100vh;margin:0 auto;background:var(--bg);display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000d}.app-header{padding:20px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:0 0 30px 30px}.cloud-status{display:flex;align-items:center;gap:6px;font-size:12px;color:#8b7783}.spinning{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header h1{margin:0;font-size:24px;font-weight:800;color:var(--primary);letter-spacing:-1px}.content-area{flex:1;padding:20px 20px 100px;overflow-y:auto}.section-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text)}.dashboard-card{background:#fff;border-radius:30px 12px;padding:30px 20px;position:relative;box-shadow:0 10px 25px #ff6b9d1a;margin-bottom:20px}.tape-decoration{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:80px;height:25px;background:#c5f1d7b3;border-radius:4px}.calories-circle{width:180px;height:180px;margin:0 auto 25px;position:relative}.calories-circle svg{transform:rotate(-90deg)}.calories-circle circle{fill:none;stroke-width:8;stroke-linecap:round}.calories-circle .bg{stroke:#f0f0f0}.calories-circle .fg{stroke:var(--secondary);transition:stroke-dasharray 1s ease}.circle-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.circle-content .label{font-size:12px;color:#8b7783;display:block}.circle-content .value{font-size:36px;font-weight:800;color:var(--text)}.circle-content .unit{font-size:12px;font-weight:600}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.stat-item{background:#f9f9f9;padding:15px;border-radius:15px;display:flex;align-items:center;gap:10px}.stat-info .val{font-weight:700;display:block}.stat-info .lab{font-size:11px;color:#8b7783}.ai-preview-card{background:var(--pink);padding:15px;border-radius:20px;cursor:pointer}.ai-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:8px;color:var(--primary)}.ai-text{margin:0;font-size:14px;line-height:1.5;color:#5d4954}.list-item{background:#fff;padding:15px;border-radius:18px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 10px #00000005}.item-name{font-weight:600;display:block}.item-meta{font-size:12px;color:#8b7783}.del-btn{background:#fff0f0;border:none;color:#ff6b6b;padding:8px;border-radius:10px;cursor:pointer}.add-box{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px}.add-box button{white-space:nowrap;background:#fff;border:2px dashed var(--mint);padding:10px 15px;border-radius:12px;font-size:13px;color:var(--text);cursor:pointer}.chart-container{background:#fff;padding:20px;border-radius:25px;margin-bottom:20px}.weight-chart{width:100%;height:150px}.chart-labels{display:flex;justify-content:space-between;padding:0 20px;font-size:11px;color:#8b7783}.current-weight-card{background:var(--blue);padding:25px;border-radius:25px;text-align:center}.current-weight-card .value{font-size:42px;font-weight:800;color:var(--text)}.ai-coach-page{text-align:center;padding-top:20px}.ai-avatar{width:80px;height:80px;background:#fff;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #ff6b9d33}.ai-bubble{background:#fff;padding:25px;border-radius:25px 25px 25px 5px;line-height:1.6;text-align:left;margin-bottom:30px;box-shadow:0 5px 15px #0000000d;position:relative}.ai-refresh-btn{background:var(--primary);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px #ff6b9d4d}.bottom-nav{position:absolute;bottom:0;width:100%;height:80px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-radius:30px 30px 0 0;box-shadow:0 -10px 30px #0000000d}.bottom-nav button{background:none;border:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:#bdbdbd;cursor:pointer;transition:all .3s}.bottom-nav button.active{color:var(--primary);transform:translateY(-5px)}.bottom-nav button span{font-size:10px;font-weight:700}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--primary);font-weight:700}