*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:16px}.app{max-width:400px;margin:0 auto;background:white;border-radius:20px;padding:32px 24px;box-shadow:0 10px 30px #0000001a;min-height:calc(100vh - 32px);display:flex;flex-direction:column}.header{text-align:center;margin-bottom:32px}h1{font-size:28px;margin:0 0 16px;color:#333}.mango-emoji{font-size:64px;margin:16px 0}.mango-count{font-size:48px;font-weight:700;color:#ff6b35}.btn{width:100%;padding:16px;margin:8px 0;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .1s;min-height:48px}.btn:active{transform:scale(.98)}.btn-primary{background:#ff6b35;color:#fff}.btn-secondary{background:#f0f0f0;color:#333}.history{margin-top:32px;flex:1}h3{font-size:18px;margin:0 0 16px;color:#333}.empty-state{text-align:center;color:#999;padding:32px;font-size:14px}.history-item{padding:12px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;font-size:14px}.time{color:#666;font-size:12px}