body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}main.svelte-cknrl0.svelte-cknrl0{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.container.svelte-cknrl0.svelte-cknrl0{width:100%;max-width:500px}header.svelte-cknrl0.svelte-cknrl0{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}h1.svelte-cknrl0.svelte-cknrl0{font-size:2.5rem;margin:0;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2)}.settings-btn.svelte-cknrl0.svelte-cknrl0{background:#fff3;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff}.settings-btn.svelte-cknrl0.svelte-cknrl0:hover{background:#ffffff4d;transform:rotate(90deg)}.timer-card.svelte-cknrl0.svelte-cknrl0{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.mode-label.svelte-cknrl0.svelte-cknrl0{text-align:center;font-size:1.25rem;font-weight:600;margin-bottom:2rem;opacity:.9;text-transform:uppercase;letter-spacing:2px}.progress-ring.svelte-cknrl0.svelte-cknrl0{position:relative;width:280px;height:280px;margin:0 auto 2rem}.progress-ring-circle-bg.svelte-cknrl0.svelte-cknrl0{stroke:#ffffff1a}.progress-ring-circle.svelte-cknrl0.svelte-cknrl0{stroke:#fff;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .3s ease;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.time.svelte-cknrl0.svelte-cknrl0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(0,0,0,.2)}.controls.svelte-cknrl0.svelte-cknrl0{display:flex;gap:1rem;margin-bottom:2rem}button.svelte-cknrl0.svelte-cknrl0{font-family:inherit;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;border-radius:.75rem}.btn-primary.svelte-cknrl0.svelte-cknrl0,.btn-secondary.svelte-cknrl0.svelte-cknrl0{flex:1;padding:1rem}.btn-primary.svelte-cknrl0.svelte-cknrl0{background:#fff;color:#667eea;box-shadow:0 4px 15px #0003}.btn-primary.svelte-cknrl0.svelte-cknrl0:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary.svelte-cknrl0.svelte-cknrl0{background:#fff3;color:#fff}.btn-secondary.svelte-cknrl0.svelte-cknrl0:hover{background:#ffffff4d}.mode-switcher.svelte-cknrl0.svelte-cknrl0{display:flex;gap:.5rem;margin-bottom:2rem;background:#ffffff1a;padding:.5rem;border-radius:1rem}.mode-btn.svelte-cknrl0.svelte-cknrl0{flex:1;padding:.75rem;background:transparent;color:#ffffffb3;font-size:.9rem}.mode-btn.svelte-cknrl0.svelte-cknrl0:hover{background:#ffffff1a;color:#fff}.mode-btn.active.svelte-cknrl0.svelte-cknrl0{background:#ffffff40;color:#fff}.stats.svelte-cknrl0.svelte-cknrl0{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.stat.svelte-cknrl0.svelte-cknrl0{text-align:center;background:#ffffff1a;padding:1rem;border-radius:1rem}.stat-value.svelte-cknrl0.svelte-cknrl0{font-size:2rem;font-weight:700;margin-bottom:.25rem}.stat-label.svelte-cknrl0.svelte-cknrl0{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.settings.svelte-cknrl0.svelte-cknrl0{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:2rem;padding:2.5rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2)}.settings.svelte-cknrl0 h2.svelte-cknrl0{margin-top:0;margin-bottom:2rem;font-size:1.75rem}.setting.svelte-cknrl0.svelte-cknrl0{margin-bottom:1.5rem}.setting.svelte-cknrl0 label.svelte-cknrl0{display:block;margin-bottom:.5rem;font-weight:600;opacity:.9}.setting.svelte-cknrl0 input.svelte-cknrl0{width:100%;padding:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:.75rem;background:#ffffff1a;color:#fff;font-size:1rem;font-family:inherit;box-sizing:border-box}.setting.svelte-cknrl0 input.svelte-cknrl0:focus{outline:none;border-color:#fff9;background:#ffffff26}.setting-checkbox.svelte-cknrl0.svelte-cknrl0{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.setting-checkbox.svelte-cknrl0 label.svelte-cknrl0{display:flex;align-items:center;gap:.75rem;cursor:pointer;margin-bottom:0}.setting-checkbox.svelte-cknrl0 input[type=checkbox].svelte-cknrl0{width:auto;height:20px;cursor:pointer;accent-color:#667eea}.setting-checkbox.svelte-cknrl0 span.svelte-cknrl0{font-weight:600;opacity:.9}.save-btn.svelte-cknrl0.svelte-cknrl0{width:100%;padding:1rem;background:#fff;color:#667eea;font-weight:700;box-shadow:0 4px 15px #0003;margin-top:1rem}.save-btn.svelte-cknrl0.svelte-cknrl0:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}@media (max-width: 600px){h1.svelte-cknrl0.svelte-cknrl0{font-size:2rem}.timer-card.svelte-cknrl0.svelte-cknrl0,.settings.svelte-cknrl0.svelte-cknrl0{padding:1.5rem}.progress-ring.svelte-cknrl0.svelte-cknrl0{width:240px;height:240px}.time.svelte-cknrl0.svelte-cknrl0{font-size:3rem}.mode-btn.svelte-cknrl0.svelte-cknrl0{font-size:.8rem;padding:.6rem}.stat-value.svelte-cknrl0.svelte-cknrl0{font-size:1.5rem}}