*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font-family:inherit}.app{background:#f8f7f5;min-height:100vh}.header{background:#fff;border-bottom:1px solid #e8e5e1;padding:32px 24px 24px}.header h1{color:#2d2926;margin:0;font-size:28px;font-weight:600}.header p{color:#77716c;margin:6px 0 0;font-size:14px}.main{max-width:520px;margin:0 auto;padding:32px 20px 48px}.welcome{margin-bottom:28px}.eyebrow{letter-spacing:1.5px;color:#9b756d;margin:0 0 8px;font-size:12px;font-weight:700}.welcome h2{color:#2d2926;margin:0;font-size:26px}.description{color:#77716c;margin:10px 0 0;line-height:1.5}.movement-card{text-align:center;background:#fff;border:1px solid #e8e5e1;border-radius:20px;padding:32px 24px}.movement-label{color:#77716c;margin:0;font-size:14px}.movement-count{color:#2d2926;margin:8px 0 28px;font-size:64px;font-weight:600;line-height:1}.movement-button{color:#fff;cursor:pointer;background:#9b756d;border:none;border-radius:14px;width:100%;padding:18px;font-size:17px;font-weight:600;transition:transform .1s}.movement-button:hover{transform:translateY(-1px)}.movement-button:active{transform:translateY(1px)}.movement-button span{margin-right:6px;font-size:22px}.info-card{background:#f1ece9;border-radius:18px;margin-top:20px;padding:24px}.info-card h3{color:#2d2926;margin:0 0 8px;font-size:17px}.info-card p{color:#665f5a;margin:0;font-size:14px;line-height:1.6}.movement-history{text-align:left;border-top:1px solid #e8e5e1;margin-top:28px;padding-top:24px}.movement-history h3{color:#2d2926;margin:0 0 14px;font-size:15px}.movement-item{color:#665f5a;border-bottom:1px solid #f0eeec;padding:10px 0;font-size:14px}.movement-item:last-child{border-bottom:none}.profile-card{background:#fff;border:1px solid #e8e5e1;border-radius:18px;margin-top:20px;padding:24px}.profile-card h2{color:#2d2926;margin:0 0 20px;font-size:20px}.profile-card label{color:#665f5a;margin-bottom:8px;font-size:14px;display:block}.profile-card input{color:#2d2926;border:1px solid #d8d3cf;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:16px}.profile-card p{color:#665f5a;margin:16px 0 0;font-size:14px}.bottom-nav{background:#fff;border-top:1px solid #e8e5e1;justify-content:center;gap:8px;padding:12px 20px;display:flex;position:sticky;bottom:0}.bottom-nav button{color:#77716c;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;max-width:160px;padding:12px 16px;font-size:14px;font-weight:600}.bottom-nav button.active{color:#2d2926;background:#f1ece9}.history-page{padding-bottom:20px}.history-page h2{color:#2d2926;margin:0 0 24px;font-size:26px}.history-list{flex-direction:column;gap:12px;display:flex}.history-day{background:#fff;border:1px solid #e8e5e1;border-radius:16px;padding:20px}.history-day h3{color:#2d2926;margin:0 0 6px;font-size:17px;font-weight:600}.history-day p{color:#77716c;margin:0;font-size:14px}.history-day{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8e5e1;border-radius:16px;width:100%;padding:20px;font-family:inherit}.history-day:hover{border-color:#d8d3cf}.history-day:active{transform:translateY(1px)}.back-button{color:#9b756d;cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-family:inherit;font-size:14px;font-weight:600}.back-button:hover{text-decoration:underline}.day-history{margin-top:24px}.week-summary{background:#fff;border:1px solid #e8e5e1;border-radius:18px;margin-bottom:28px;padding:20px}.week-summary h3{color:#2d2926;margin:0 0 18px;font-size:17px}.week-days{justify-content:space-between;gap:6px;display:flex}.week-day{text-align:center;flex:1}.week-day span{color:#77716c;margin-bottom:8px;font-size:12px;display:block}.week-day strong{color:#2d2926;font-size:18px;font-weight:600;display:block}.movement-confirmation{color:#6f756b;margin:14px 0 0;font-size:14px;font-weight:500}.trends-page h2{color:#2d2926;margin:0 0 24px;font-size:26px}.trend-card{background:#fff;border:1px solid #e8e5e1;border-radius:18px;padding:24px 20px}.trend-card h3{color:#2d2926;margin:0 0 24px;font-size:17px}.trend-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:180px;display:flex}.trend-day{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.trend-bar-area{justify-content:center;align-items:flex-end;width:100%;height:120px;display:flex}.trend-bar{background:#9b756d;border-radius:8px 8px 4px 4px;width:28px;min-height:4px;max-height:120px}.trend-day strong{color:#2d2926;margin-top:8px;font-size:13px}.trend-day span{color:#77716c;margin-top:4px;font-size:12px}.trend-summary{background:#f1ece9;border-radius:18px;margin-top:20px;padding:24px}.trend-summary h3{color:#665f5a;margin:0;font-size:15px}.trend-summary p{color:#2d2926;margin:8px 0 2px;font-size:36px;font-weight:600}.trend-summary span{color:#77716c;font-size:14px}.movement-subtitle{color:#77716c;margin:-18px 0 28px;font-size:13px}.movement-button{justify-content:center;align-items:center;gap:12px;min-height:64px;display:flex}.movement-button-icon{font-size:28px;line-height:1}.movement-button-text{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.movement-button-text small{opacity:.85;font-size:12px;font-weight:400}.movement-item{align-items:center;min-height:44px;display:flex}.history-times{color:#9a938e!important;margin-top:6px!important;font-size:12px!important}.trend-average{border-top:1px solid #ddd7d3;align-items:baseline;gap:8px;margin-top:20px;padding-top:16px;display:flex}.trend-average strong{color:#2d2926;font-size:24px}.trend-average span{color:#77716c;font-size:13px}