.gtp-app { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; }
.gtp-btn { display: inline-block; padding: 12px 24px; border: none; border-radius: 6px; cursor: pointer; font-size: 16px; font-weight: 600; transition: all 0.3s; }
.gtp-btn-primary { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
.gtp-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102,126,234,0.4); }
.gtp-exercise-item { background: #fff; padding: 15px; margin: 10px 0; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.gtp-exercise-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.gtp-exercise-image { width: 80px; height: 80px; object-fit: cover; border-radius: 6px; margin-right: 15px; }
.gtp-set-row { display: flex; gap: 10px; margin: 5px 0; }
.gtp-set-row input { padding: 8px; border: 1px solid #ddd; border-radius: 4px; width: 80px; }
.gtp-timer { font-size: 48px; font-weight: 700; text-align: center; margin: 20px 0; color: #667eea; }
.gtp-confetti { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 100px; z-index: 9999; animation: confetti-burst 2s ease-out; }
@keyframes confetti-burst { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.2); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1); } }
.gtp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0; }
.gtp-stat-box { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 20px; border-radius: 8px; text-align: center; }
.gtp-stat-box h3 { margin: 0; font-size: 14px; opacity: 0.9; }
.gtp-stat-box .value { font-size: 32px; font-weight: 700; margin: 10px 0; }