.routines-screen.svelte-mdbb8q{gap:clamp(1rem,3vw,1.75rem);display:grid}.routine-filters.svelte-mdbb8q{scrollbar-width:none;gap:.5rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.routine-filters.svelte-mdbb8q::-webkit-scrollbar{display:none}.routine-filters.svelte-mdbb8q button:where(.svelte-mdbb8q){border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:15px;flex:none;padding:.55rem .8rem;font-size:.72rem;font-weight:850}.routine-filters.svelte-mdbb8q button.is-active:where(.svelte-mdbb8q){border-color:var(--brand);background:var(--brand);color:var(--on-brand,#fff)}.routine-card-grid.svelte-mdbb8q{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2.2vw,1.25rem);display:grid}.routine-card.svelte-mdbb8q{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:15px;display:grid;overflow:hidden}.routine-card__media.svelte-mdbb8q{background:var(--surface-soft);position:relative;overflow:hidden}.routine-card__media.svelte-mdbb8q img:where(.svelte-mdbb8q){aspect-ratio:16/10;object-fit:cover;width:100%;transition:transform .22s;display:block}.routine-card.svelte-mdbb8q:hover .routine-card__media:where(.svelte-mdbb8q) img:where(.svelte-mdbb8q){transform:scale(1.02)}.routine-card__media.svelte-mdbb8q>span:where(.svelte-mdbb8q){color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00181db8;border:1px solid #ffffff47;border-radius:15px;align-items:center;gap:.35rem;padding:.38rem .58rem;font-size:.68rem;font-weight:850;display:inline-flex;position:absolute;inset-block-end:.7rem;inset-inline-start:.7rem}.routine-card__body.svelte-mdbb8q{align-content:space-between;gap:1rem;padding:clamp(.8rem,2.3vw,1.15rem);display:grid}.routine-card__body.svelte-mdbb8q>div:where(.svelte-mdbb8q):first-child{gap:.35rem;display:grid}.routine-card.svelte-mdbb8q h2:where(.svelte-mdbb8q){margin:0;font-size:clamp(.95rem,2.5vw,1.18rem);font-weight:950;line-height:1.6}.routine-card.svelte-mdbb8q h2:where(.svelte-mdbb8q) a:where(.svelte-mdbb8q){color:var(--text)}.routine-card.svelte-mdbb8q p:where(.svelte-mdbb8q){color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.75rem;line-height:1.85;display:-webkit-box;overflow:hidden}.routine-card__steps.svelte-mdbb8q{align-items:center;min-height:2.6rem;display:flex}.routine-card__steps.svelte-mdbb8q>span:where(.svelte-mdbb8q){border:2px solid var(--surface);background:var(--surface-soft);border-radius:15px;place-items:center;width:2.55rem;height:2.55rem;display:grid;overflow:hidden}.routine-card__steps.svelte-mdbb8q>span:where(.svelte-mdbb8q)+span:where(.svelte-mdbb8q){margin-inline-start:-.55rem}.routine-card__steps.svelte-mdbb8q img:where(.svelte-mdbb8q){object-fit:cover;width:100%;height:100%}.routine-card__steps.svelte-mdbb8q b:where(.svelte-mdbb8q),.routine-card__steps-more.svelte-mdbb8q{color:var(--brand);font-size:.7rem;font-weight:950}.routine-card.svelte-mdbb8q footer:where(.svelte-mdbb8q){border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-top:.8rem;display:flex}.routine-card.svelte-mdbb8q footer:where(.svelte-mdbb8q)>span:where(.svelte-mdbb8q){color:var(--muted);font-size:.68rem;font-weight:800}.routine-card.svelte-mdbb8q footer:where(.svelte-mdbb8q)>a:where(.svelte-mdbb8q){color:var(--brand);align-items:center;gap:.3rem;font-size:.72rem;font-weight:900;display:inline-flex}@media (width<=640px){.routine-card-grid.svelte-mdbb8q{grid-template-columns:minmax(0,1fr)}}