*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 20%),#000;min-height:100vh;background-color:#000;color:#f5f8ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container-fluid{display:flex;flex-direction:column;min-height:100vh;padding:12px}#header{text-align:center;padding:40px 20px 30px;margin-bottom:20px;background:#ffffff08;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}#title{font-size:clamp(48px,10vw,72px);font-weight:700;color:#fff;margin:0;letter-spacing:2px;background:linear-gradient(135deg,#00d4ff,#09f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Indie Flower,cursive}#version{font-size:14px;color:#00d4ff;margin-top:8px;font-weight:500;letter-spacing:1px}#main-content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;margin:20px 0}#countDown{font-size:clamp(60px,15vw,120px);font-weight:300;letter-spacing:4px;color:#00d4ff;text-shadow:0 0 20px rgba(0,212,255,.5);font-variant-numeric:tabular-nums;font-family:Courier New,monospace}h3{font-size:clamp(36px,8vw,64px);color:#00d4ff;font-weight:600;margin-bottom:10px}#repCount{font-family:Indie Flower,cursive;font-size:24px;color:#fff;opacity:.8;margin-bottom:20px}#copyright{font-family:Indie Flower,cursive;font-size:12px;color:#ffffff80;padding:30px 20px 20px;margin-top:auto;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.btn{border-radius:12px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:14px;letter-spacing:.5px;border:2px solid transparent}.btn-success{background:linear-gradient(135deg,#00d4ff,#09f);color:#0a0e27;border:none}.btn-success:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d;background:linear-gradient(135deg,#00e5ff,#0af)}.btn-success:active{transform:translateY(0)}.btn-outline-warning{color:orange;border-color:orange;background:#ffa5000d}.btn-outline-warning:hover{background:linear-gradient(135deg,#00d4ff,#09f);color:#0a0e27;border-color:transparent;transform:translateY(-2px);box-shadow:0 8px 24px #00d4ff4d}.btn-outline-danger{color:#ff6b6b;border-color:#ff6b6b;background:#ff6b6b0d}.btn-outline-danger:hover{background:#ff6b6b;color:#0a0e27;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b6b4d}.countdown-section,.reps-section,.time-buttons-section,.pause-buttons-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:20px;border-radius:16px;background:#ffffff05;border:1px solid rgba(0,212,255,.1)}.section-title{font-size:14px;color:#fff9;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.button-group{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%}@media (max-width: 768px){html,body{height:100%}body{min-height:100vh}.container-fluid{min-height:100vh;height:100vh;padding:8px}#header{padding:16px 12px 12px;margin-bottom:8px}#title{font-size:30px}#version{font-size:11px}#main-content{flex:1;justify-content:space-between;gap:12px;margin:0;overflow:hidden}#countDown{font-size:clamp(36px,14vw,72px);letter-spacing:2px}h3{font-size:26px}#repCount{font-size:16px;margin-bottom:8px}.btn{padding:8px 12px;font-size:11px}.button-group{gap:6px}.countdown-section,.reps-section,.time-buttons-section,.pause-buttons-section{padding:10px}#copyright{padding:12px 8px 8px;font-size:10px;margin-top:0}}