@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Share+Tech+Mono&display=swap";:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Share Tech Mono", monospace;--bg-primary: #0b0f19;--bg-secondary: #131b2e;--bg-tertiary: #1e293b;--bg-glass: rgba(19, 27, 46, .7);--border-glass: rgba(255, 255, 255, .08);--accent-blue: #3b82f6;--accent-pink: #ec4899;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--shadow-neon: 0 0 20px rgba(59, 130, 246, .35);--shadow-neon-pink: 0 0 20px rgba(236, 72, 153, .35);--shadow-neon-emerald: 0 0 20px rgba(16, 185, 129, .35);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.1) 0px,transparent 50%)}#root{width:100%;max-width:600px;min-height:100vh;display:flex;flex-direction:column;padding:1.5rem}.glass-card{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 8px 32px #0000005e;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#ffffff26}.btn{font-family:var(--font-sans);font-weight:600;font-size:1rem;padding:.8rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan));color:#fff;box-shadow:var(--shadow-neon)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 25px #06b6d480}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border:1px solid var(--border-glass)}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.btn-danger{background:linear-gradient(135deg,var(--accent-rose),#e11d48);color:#fff}.btn-danger:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 20px #f43f5e66}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;background:linear-gradient(135deg,#ffffff 30%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;text-align:center}h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}h3{font-size:1.1rem;font-weight:600;color:var(--text-secondary)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.form-input{width:100%;padding:.8rem 1rem;background:#0f172a99;border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.time-display{font-family:var(--font-mono);font-size:4.5rem;font-weight:700;text-align:center;color:var(--text-primary);text-shadow:0 0 15px rgba(255,255,255,.15);letter-spacing:-2px;line-height:1;margin:1.5rem 0}.time-ms{font-size:2.5rem;color:var(--accent-pink);text-shadow:0 0 10px rgba(236,72,153,.2)}.countdown-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 0}.countdown-number{font-size:3rem;font-weight:800;text-transform:uppercase;color:var(--accent-cyan);animation:pulse-countdown 1s ease-in-out infinite}.countdown-mark{color:var(--accent-amber)}.countdown-set{color:var(--accent-pink)}.countdown-go{color:var(--accent-emerald);font-size:5rem;text-shadow:var(--shadow-neon-emerald)}@keyframes pulse-countdown{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.1);opacity:1}to{transform:scale(.9);opacity:.7}}.laps-container{max-height:250px;overflow-y:auto;margin-top:1rem;padding-right:.25rem}.laps-container::-webkit-scrollbar{width:6px}.laps-container::-webkit-scrollbar-track{background:transparent}.laps-container::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:var(--radius-sm)}.lap-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-glass);font-family:var(--font-mono)}.lap-row:last-child{border-bottom:none}.lap-number{color:var(--text-muted);font-family:var(--font-sans);font-weight:600}.lap-time{color:var(--text-primary)}.lap-overall{color:var(--accent-cyan)}.row-flash{animation:success-flash 1.5s ease-out}@keyframes success-flash{0%{background-color:#10b98140}to{background-color:transparent}}.history-item{border-left:4px solid var(--accent-blue)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.history-date{font-size:.85rem;color:var(--text-muted)}.history-time{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;color:var(--accent-cyan)}.avatar-grid{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.avatar-option{width:44px;height:44px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.avatar-option.selected{border-color:#fff;transform:scale(1.1);box-shadow:0 0 12px #fff6}.profile-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.profile-info{display:flex;align-items:center;gap:.75rem}.profile-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 8px #00000026}.profile-name{font-weight:600;font-size:1.1rem}.desktop-only{display:block}.mobile-only{display:none}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}