@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:4px solid #ffffff1a;border-left-color:#3b82f6;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin;display:inline-block}:root{--bg-dark:#020617;--card-dark:#1e293b;--card-glass:#1e293b99;--primary:#3b82f6;--primary-glow:#3b82f666;--accent:#10b981;--danger:#ef4444;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff14;--gradient-main:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%)}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#3b82f61a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#10b9810d 0%,#0000 40%);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.app-container{max-width:500px;min-height:100vh;margin:0 auto;padding:24px;position:relative}h1{letter-spacing:-1.5px;background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;text-shadow:0 2px 10px #ffffff1a;-webkit-background-clip:text;margin:0;font-size:32px;font-weight:900}.subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:1.2px;margin-top:4px;font-size:13px;font-weight:600}h2{letter-spacing:-.5px;margin:0 0 16px;font-size:24px;font-weight:700}h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:14px;font-weight:600}.card{background:var(--card-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;margin-bottom:24px;padding:24px;animation:.4s cubic-bezier(.16,1,.3,1) fadeSlideUp;box-shadow:0 10px 40px -10px #0000004d,inset 0 1px #ffffff0d}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}button:active{transform:scale(.96)}.btn-primary{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px -5px #3b82f680}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 12px 24px -5px #3b82f699}.btn-ghost{color:var(--text-muted);background:0 0;width:auto;padding:8px;font-size:14px;font-weight:500;display:inline-block}.btn-ghost:hover{color:var(--text-main)}.btn-icon-small{width:32px;height:32px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.btn-icon-small:hover{color:#fff;background:#ffffff1a}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mb-4{margin-bottom:16px}.text-center{text-align:center}.tile-btn{background:var(--card-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);text-align:left;border-radius:20px;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 4px 6px -1px #0000001a}.tile-btn:hover{border-color:var(--primary);background:#3b82f60d;transform:translateY(-2px)}.tile-btn h4{color:#fff;margin:0 0 6px;font-size:18px}.tile-btn p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.split-card{border:1px solid var(--border);background:#1e293b66;border-radius:20px;margin-bottom:16px;padding:20px;transition:border-color .2s}.split-card:hover{border-color:#fff3}.day-tag{text-align:center;cursor:pointer;background:#ffffff08;border:1px solid #0000;border-radius:12px;padding:12px;transition:all .2s}.day-tag:hover{border-color:var(--primary);background:#3b82f61a;transform:translateY(-2px)}.day-tag span{display:block}.day-name{color:var(--primary);margin-bottom:4px;font-size:14px;font-weight:700}.day-focus{color:var(--text-muted);font-size:11px}.day-tag:hover .day-focus{color:#fff}.input-glass{border:1px solid var(--border);color:#fff;box-sizing:border-box;background:#0000004d;border-radius:14px;outline:none;width:100%;padding:16px;font-family:inherit;font-size:16px;transition:border-color .2s}.input-glass:focus{border-color:var(--primary)}select.input-glass{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;padding-right:2.5rem}select.input-glass option{background-color:var(--card-dark);color:#fff}.label-mini{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.toggle-group{background:#0000004d;border-radius:14px;margin-bottom:24px;padding:4px;display:flex}.toggle-item{text-align:center;color:var(--text-muted);background:0 0;border-radius:10px;flex:1;padding:10px;font-size:13px;font-weight:600}.toggle-item.active{color:#fff;background:#ffffff14;box-shadow:0 2px 4px #0003}.tag{text-transform:uppercase;border-radius:99px;align-items:center;gap:4px;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.tag-outline{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all .2s}.tag-outline:hover{color:#fff;border-color:#fff}.status-badge{text-transform:uppercase;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.status-green{color:#34d399;background:#10b98126}.status-red{color:#f87171;background:#ef444426}.chart-container{background:linear-gradient(#ffffff05 0%,#0000 100%);border-radius:16px;margin-bottom:20px;padding:10px}.warmup-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.warmup-item:last-child{border-bottom:none}