*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#ffeef8,#ffe0f0);min-height:100vh;color:#333}#app{max-width:400px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}h1{font-size:28px;color:#ff6b6b;font-weight:700;margin-bottom:8px}.date{color:#666;font-size:16px}main{display:flex;flex-direction:column;gap:30px}.status-container{background:#fff;border-radius:20px;padding:40px 30px;text-align:center;box-shadow:0 4px 20px #ff6b6b1a}.pet-icon{font-size:60px;margin-bottom:20px}.status-text{font-size:20px;color:#666;margin-bottom:30px;font-weight:500}.feed-btn{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;border:none;border-radius:50px;padding:16px 32px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;margin:0 auto;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.feed-btn:active{transform:scale(.95);box-shadow:0 2px 10px #ff6b6b66}.feed-btn.fed{background:linear-gradient(135deg,#51cf66,#6bcf7f);box-shadow:0 4px 15px #51cf664d}.btn-icon{font-size:24px}.history{background:#fff;border-radius:20px;padding:25px;box-shadow:0 4px 20px #ff6b6b1a}.history h3{font-size:18px;color:#333;margin-bottom:15px}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.history-item:last-child{border-bottom:none}.history-date{font-size:14px;color:#666}.history-status{font-size:14px;font-weight:600}.status-fed{color:#51cf66}.status-not-fed{color:#ff6b6b}@media (max-width: 480px){#app{padding:15px}.status-container{padding:30px 20px}}