.routine-detail-screen.svelte-fpwzjw{gap:clamp(1.2rem,3vw,2rem);display:grid}.routine-detail-hero.svelte-fpwzjw{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:15px;display:grid;overflow:hidden}.routine-detail-hero__media.svelte-fpwzjw{background:var(--surface-soft);min-height:18rem;position:relative;overflow:hidden}.routine-detail-hero__media.svelte-fpwzjw img:where(.svelte-fpwzjw){object-fit:cover;width:100%;height:100%;min-height:18rem;display:block}.routine-detail-hero__media.svelte-fpwzjw>span:where(.svelte-fpwzjw){color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00161bbd;border:1px solid #ffffff47;border-radius:15px;align-items:center;gap:.4rem;padding:.45rem .65rem;font-size:.72rem;font-weight:900;display:inline-flex;position:absolute;inset-block-end:.8rem;inset-inline-start:.8rem}.routine-detail-hero__content.svelte-fpwzjw{align-content:center;gap:clamp(1rem,2.7vw,1.5rem);padding:clamp(1rem,3vw,2rem);display:grid}.routine-detail-back.svelte-fpwzjw{width:fit-content;color:var(--muted);align-items:center;gap:.35rem;font-size:.72rem;font-weight:850;display:inline-flex}.routine-detail-hero__content.svelte-fpwzjw>div:where(.svelte-fpwzjw){gap:.45rem;display:grid}.routine-detail-hero__content.svelte-fpwzjw>div:where(.svelte-fpwzjw)>span:where(.svelte-fpwzjw),.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw) span:where(.svelte-fpwzjw),.routine-step__content.svelte-fpwzjw>header:where(.svelte-fpwzjw) span:where(.svelte-fpwzjw){color:var(--accent);font-size:.7rem;font-weight:900}.routine-detail-hero.svelte-fpwzjw h1:where(.svelte-fpwzjw){margin:0;font-size:clamp(1.65rem,5vw,2.8rem);font-weight:950;line-height:1.3}.routine-detail-hero__content.svelte-fpwzjw>div:where(.svelte-fpwzjw)>p:where(.svelte-fpwzjw){max-width:44rem;color:var(--muted);margin:0;font-size:.82rem;line-height:2}.routine-detail-hero.svelte-fpwzjw dl:where(.svelte-fpwzjw){border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.routine-detail-hero.svelte-fpwzjw dl:where(.svelte-fpwzjw)>div:where(.svelte-fpwzjw){gap:.25rem;padding:.75rem .5rem;display:grid}.routine-detail-hero.svelte-fpwzjw dl:where(.svelte-fpwzjw)>div:where(.svelte-fpwzjw)+div:where(.svelte-fpwzjw){border-inline-start:1px solid var(--line)}.routine-detail-hero.svelte-fpwzjw dt:where(.svelte-fpwzjw){color:var(--muted);font-size:.65rem;font-weight:800}.routine-detail-hero.svelte-fpwzjw dd:where(.svelte-fpwzjw){color:var(--text);margin:0;font-size:.88rem;font-weight:950}.routine-detail-hero.svelte-fpwzjw .primary-pill:where(.svelte-fpwzjw){justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.routine-detail-message.svelte-fpwzjw{color:var(--brand);margin:0;font-size:.75rem;font-weight:850}.routine-detail-steps.svelte-fpwzjw{border:1px solid var(--line);background:var(--surface);border-radius:15px;gap:clamp(1rem,2.5vw,1.5rem);padding:clamp(.9rem,2.7vw,1.5rem);display:grid}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw){border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw)>div:where(.svelte-fpwzjw){gap:.25rem;display:grid}.routine-detail-steps.svelte-fpwzjw h2:where(.svelte-fpwzjw),.routine-step.svelte-fpwzjw h3:where(.svelte-fpwzjw){color:var(--text);margin:0;font-weight:950;line-height:1.55}.routine-detail-steps.svelte-fpwzjw h2:where(.svelte-fpwzjw){font-size:clamp(1.15rem,3vw,1.55rem)}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw) p:where(.svelte-fpwzjw){color:var(--muted);margin:0;font-size:.72rem;line-height:1.8}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw)>strong:where(.svelte-fpwzjw){background:var(--surface-soft);min-width:3rem;min-height:3rem;color:var(--brand);border-radius:15px;place-items:center;font-size:1rem;font-weight:950;display:grid}.routine-step-list.svelte-fpwzjw{gap:.25rem;display:grid}.routine-step.svelte-fpwzjw{grid-template-columns:3rem minmax(0,1fr);gap:.8rem;display:grid}.routine-step__marker.svelte-fpwzjw{grid-template-rows:3rem minmax(0,1fr);justify-items:center;display:grid}.routine-step__marker.svelte-fpwzjw span:where(.svelte-fpwzjw){border:1px solid color-mix(in srgb, var(--brand) 35%, var(--line));background:var(--surface-soft);width:3rem;height:3rem;color:var(--brand);border-radius:15px;place-items:center;font-size:.82rem;font-weight:950;display:grid}.routine-step__marker.svelte-fpwzjw i:where(.svelte-fpwzjw){background:var(--line);width:1px;min-height:2rem}.routine-step__content.svelte-fpwzjw{gap:.8rem;padding-bottom:1.25rem;display:grid}.routine-step__content.svelte-fpwzjw>header:where(.svelte-fpwzjw){align-content:center;gap:.15rem;min-height:3rem;display:grid}.routine-step.svelte-fpwzjw h3:where(.svelte-fpwzjw){font-size:clamp(.95rem,2.5vw,1.18rem)}.routine-step__product.svelte-fpwzjw{max-width:22rem}.routine-step__empty.svelte-fpwzjw{border:1px dashed var(--line);background:var(--surface-soft);color:var(--muted);border-radius:15px;padding:1rem;font-size:.75rem;line-height:1.8}@media (width>=760px){.routine-detail-hero.svelte-fpwzjw{grid-template-columns:minmax(16rem,.82fr) minmax(0,1.18fr)}.routine-detail-hero__media.svelte-fpwzjw,.routine-detail-hero__media.svelte-fpwzjw img:where(.svelte-fpwzjw){min-height:34rem}}@media (width<=560px){.routine-detail-hero.svelte-fpwzjw dl:where(.svelte-fpwzjw){grid-template-columns:minmax(0,1fr)}.routine-detail-hero.svelte-fpwzjw dl:where(.svelte-fpwzjw)>div:where(.svelte-fpwzjw)+div:where(.svelte-fpwzjw){border-block-start:1px solid var(--line);border-inline-start:0}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw){align-items:flex-start}.routine-detail-steps.svelte-fpwzjw>header:where(.svelte-fpwzjw) p:where(.svelte-fpwzjw){display:none}.routine-step.svelte-fpwzjw{grid-template-columns:2.6rem minmax(0,1fr);gap:.65rem}.routine-step__marker.svelte-fpwzjw{grid-template-rows:2.6rem minmax(0,1fr)}.routine-step__marker.svelte-fpwzjw span:where(.svelte-fpwzjw){width:2.6rem;height:2.6rem}}