.display.svelte-1vs3kk9{display:flex;flex-direction:column;align-items:center;gap:20px}.ring-container.svelte-1vs3kk9{position:relative;width:200px;height:200px}.ring.svelte-1vs3kk9{display:block}.ring-content.svelte-1vs3kk9{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.time.svelte-1vs3kk9{font-size:36px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:2px}.phase-label.svelte-1vs3kk9{font-size:11px;color:var(--text-disabled);text-transform:uppercase;letter-spacing:1.5px}.cycles.svelte-1vs3kk9{font-size:12px;color:var(--text-disabled)}.controls.svelte-1vs3kk9{display:flex;gap:10px}.ctrl-btn.svelte-1vs3kk9{padding:9px 24px;font-size:13px;font-family:var(--font);font-weight:500;background:var(--elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;letter-spacing:.3px}.ctrl-btn.svelte-1vs3kk9:hover{border-color:var(--text-disabled)}.ctrl-btn.primary.svelte-1vs3kk9{background:var(--primary);border-color:var(--primary);color:#fff}.ctrl-btn.primary.svelte-1vs3kk9:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.settings.svelte-177o6xu{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.settings-header.svelte-177o6xu{display:flex;align-items:center;justify-content:space-between}.label.svelte-177o6xu{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-disabled);font-weight:600}.add-btn.svelte-177o6xu{font-size:12px;font-family:var(--font);color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.add-btn.svelte-177o6xu:hover{text-decoration:underline}.presets.svelte-177o6xu{display:flex;flex-direction:column;gap:2px}.preset-row.svelte-177o6xu{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.preset-row.active.svelte-177o6xu{border-color:var(--primary)}.preset-select.svelte-177o6xu{flex:1;display:flex;flex-direction:column;gap:2px;padding:9px 12px;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font)}.preset-select.svelte-177o6xu:hover{background:var(--elevated)}.preset-row.active.svelte-177o6xu .preset-select:where(.svelte-177o6xu){background:#155f4514}.preset-name.svelte-177o6xu{font-size:13px;color:var(--text-primary);font-weight:500}.preset-meta.svelte-177o6xu{font-size:11px;color:var(--text-disabled)}.preset-delete.svelte-177o6xu{font-size:10px;padding:0 10px;height:100%;background:none;border:none;border-left:1px solid var(--border);color:var(--text-disabled);cursor:pointer;font-family:var(--font)}.preset-delete.svelte-177o6xu:hover{color:var(--error);background:#cf667914}.modal-form.svelte-177o6xu{display:flex;flex-direction:column;gap:12px}.form-field.svelte-177o6xu{display:flex;flex-direction:column;gap:4px;flex:1}.form-row.svelte-177o6xu{display:flex;gap:12px}.form-label.svelte-177o6xu{font-size:11px;color:var(--text-secondary)}.form-input.svelte-177o6xu{width:100%;padding:7px 10px;font-size:13px}.form-error.svelte-177o6xu{font-size:12px;color:var(--error)}.timer-page.svelte-u5z8t2{display:flex;flex-direction:column;gap:32px;max-width:480px}.timer-body.svelte-u5z8t2{display:flex;flex-direction:column;align-items:center;gap:32px}.divider.svelte-u5z8t2{width:100%;height:1px;background:var(--border)}