.timer-ring.svelte-mzdu59{flex:0 0 auto}.timer-controls.svelte-mzdu59{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:100%}.pomodoro-note.svelte-mzdu59{position:relative;overflow:hidden;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid var(--border-subtle);border-left:3px solid var(--color-pbq);border-radius:.65rem;background:color-mix(in oklab,var(--surface-raised) 78%,transparent);color:var(--color-base-content);box-shadow:var(--shadow-premium)}.pomodoro-note.svelte-mzdu59 h4:where(.svelte-mzdu59){margin:0 0 .6rem;color:var(--color-base-content);font-family:var(--font-display);font-size:1.18rem;font-weight:600}.pomodoro-note.svelte-mzdu59 p:where(.svelte-mzdu59){margin:0 0 .85rem;color:var(--text-muted);font-size:.88rem;line-height:1.65}.pomodoro-note.svelte-mzdu59 ul:where(.svelte-mzdu59){display:grid;gap:.35rem;margin:0;padding-left:1.15rem;color:var(--text-muted);font-size:.84rem;line-height:1.55}.pomodoro-note.svelte-mzdu59 li:where(.svelte-mzdu59)::marker{color:var(--color-pbq)}@media(max-width:420px){.timer-ring.svelte-mzdu59{width:min(13.5rem,100%);height:auto;aspect-ratio:1}.timer-controls.svelte-mzdu59 .btn{flex:1 1 6rem;min-width:0}}