.beauty-routine{--bg:#fbfaf8;--ink:#181617;--muted:#7f777a;--line:rgba(24,22,23,.14);--accent:#d86086;--tone:#f7e5ea;--ease:cubic-bezier(.2,.85,.2,1)}.beauty-routine *{box-sizing:border-box;font-family:inherit}.beauty-routine{background:var(--bg);scroll-behavior:smooth}.beauty-routine{margin:0;background:var(--bg);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased}.beauty-routine button{font:inherit;color:inherit}.beauty-routine .experience{height:480vh;position:relative}.beauty-routine .hero{height:100vh;min-height:690px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fff 0%,var(--bg) 74%);transition:background .65s var(--ease)}.beauty-routine .hero::before{content:"";position:absolute;left:50%;top:52%;width:min(48vw,720px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--tone) 0 26%,color-mix(in srgb,var(--tone) 52%,transparent) 53%,transparent 72%);filter:blur(4px);opacity:.95;z-index:-3;transition:background .65s var(--ease)}.beauty-routine .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.48),transparent 31%,transparent 69%,rgba(255,255,255,.48));z-index:-2;pointer-events:none}.beauty-routine .brand{position:absolute;right:30px;top:24px;z-index:30;display:flex;align-items:center;gap:9px;font-size:20px;font-weight:800;letter-spacing:-.03em}.beauty-routine .brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#111;color:white;font-size:13px}.beauty-routine .brand-flower{color:#e582a5;font-size:22px;margin-right:-5px;transform:rotate(-12deg)}.beauty-routine .intro{position:absolute;top:26px;left:50%;transform:translateX(-50%);z-index:28;text-align:center;width:min(520px,58vw);pointer-events:none}.beauty-routine .intro h1{font-size:clamp(18px,1.8vw,27px);margin:0;font-weight:800;letter-spacing:-.035em;line-height:1.25}.beauty-routine .intro p{font-size:11px;color:var(--muted);margin:5px 0 0}.beauty-routine .stage-summary{position:absolute;top:82px;left:50%;transform:translateX(-50%);z-index:29;display:flex;align-items:center;gap:9px;white-space:nowrap}.beauty-routine .stage-chip{font-size:10px;color:#fff;background:var(--accent);padding:7px 11px;border-radius:999px;transition:background .45s var(--ease)}.beauty-routine .stage-message{font-size:15px;font-weight:750;letter-spacing:-.02em}.beauty-routine .visual{position:absolute;inset:112px 28px 118px;max-width:1560px;margin:auto;z-index:5}.beauty-routine .portrait-shell{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(35.5vw,515px);height:min(69vh,650px);z-index:7;filter:drop-shadow(0 30px 34px rgba(53,37,44,.10))}.beauty-routine .portrait-aura{position:absolute;inset:4% -8% -1%;border-radius:50%;border:1px solid rgba(24,22,23,.05)}.beauty-routine .portrait-aura::before,.beauty-routine .portrait-aura::after{content:"";position:absolute;border-radius:50%;inset:9%;border:1px dashed rgba(24,22,23,.055)}.beauty-routine .portrait-aura::after{inset:20%;border-style:solid;opacity:.65}.beauty-routine .portrait-frame{position:absolute;inset:0;overflow:hidden;border-radius:46% 46% 38% 38%/33% 33% 12% 12%;background:transparent}.beauty-routine .portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transform:scale(.986) translateY(5px);transition:opacity .72s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.beauty-routine .portrait.active{opacity:1;transform:scale(1) translateY(0)}.beauty-routine .portrait-fade{position:absolute;left:-7%;right:-7%;bottom:-1px;height:18%;background:linear-gradient(180deg,transparent,var(--bg) 84%);z-index:8;pointer-events:none}.beauty-routine .connector-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:9}.beauty-routine .connector-path{fill:none;stroke:rgba(40,34,37,.30);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:0;vector-effect:non-scaling-stroke}.beauty-routine .connector-dot{fill:#fff;stroke:#1c191a;stroke-width:1.4;vector-effect:non-scaling-stroke}.beauty-routine .connector-end{fill:#1c191a;opacity:.62}.beauty-routine .callouts{position:absolute;inset:0;z-index:12}.beauty-routine .callout{position:absolute;top:var(--y);width:248px;min-height:72px;border:1px solid rgba(24,22,23,.105);background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 12px 30px rgba(45,35,39,.07);padding:8px 9px;display:grid;grid-template-columns:58px minmax(0,1fr) 29px;align-items:center;gap:9px;direction:ltr;text-align:right;cursor:pointer;opacity:0;transform:translateY(9px) scale(.98);transition:opacity .42s var(--ease),transform .5s var(--ease),border-color .25s,box-shadow .25s}.beauty-routine .callout.visible{opacity:1;transform:translateY(0) scale(1)}.beauty-routine .callout:hover,.beauty-routine .callout:focus-visible{outline:none;border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 18px 40px rgba(45,35,39,.11);transform:translateY(-2px)}.beauty-routine .callout[data-side="left"]{left:2.1%}.beauty-routine .callout[data-side="right"]{right:2.1%}.beauty-routine .product-thumb{width:58px;height:56px;border-radius:14px;background:#f7f5f4;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(24,22,23,.055)}.beauty-routine .product-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.beauty-routine .product-copy{direction:rtl;min-width:0}.beauty-routine .product-copy strong{display:block;font-size:12px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beauty-routine .product-copy small{display:block;font-size:9.5px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beauty-routine .product-no{width:25px;height:25px;border:1px solid rgba(24,22,23,.12);border-radius:50%;display:grid;place-items:center;font-size:9px;color:var(--muted);direction:rtl}.beauty-routine .callouts.dense .callout{width:220px;min-height:56px;border-radius:17px;padding:6px 7px;grid-template-columns:45px minmax(0,1fr) 25px;gap:7px}.beauty-routine .callouts.dense .product-thumb{width:45px;height:43px;border-radius:11px}.beauty-routine .callouts.dense .product-copy strong{font-size:10.5px}.beauty-routine .callouts.dense .product-copy small{font-size:8.5px;margin-top:2px}.beauty-routine .callouts.dense .product-no{width:22px;height:22px;font-size:8px}.beauty-routine .corner-flower{position:absolute;left:28px;top:19px;z-index:39;color:#111;font-size:24px;line-height:1}.beauty-routine .scroll-cue{position:absolute;left:30px;top:55px;z-index:40;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);direction:rtl}.beauty-routine .mouse{width:21px;height:31px;border:1.5px solid #2a2728;border-radius:13px;position:relative;background:rgba(255,255,255,.55)}.beauty-routine .mouse::before{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;border-radius:4px;background:#292627;transform:translateX(-50%);animation:wheel 1.65s ease-in-out infinite}.beauty-routine .scroll-arrow{width:7px;height:7px;border-left:1px solid #777;border-bottom:1px solid #777;transform:rotate(-45deg);margin-right:-2px;animation:arrow 1.65s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%,0)}30%{opacity:1}75%{opacity:0;transform:translate(-50%,8px)}100%{opacity:0}}@keyframes arrow{0%,100%{transform:rotate(-45deg) translate(0,0);opacity:.4}50%{transform:rotate(-45deg) translate(-3px,3px);opacity:1}}.beauty-routine .stage-nav{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:35;width:min(650px,calc(100% - 40px));direction:rtl}.beauty-routine .progress-caption{text-align:center;font-size:10px;color:var(--muted);margin-bottom:8px}.beauty-routine .stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:5px;background:rgba(255,255,255,.86);border:1px solid rgba(24,22,23,.12);border-radius:999px;box-shadow:0 10px 30px rgba(45,35,39,.055);backdrop-filter:blur(14px)}.beauty-routine .stage-tab{border:0;background:transparent;border-radius:999px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px;color:var(--muted);transition:.3s var(--ease)}.beauty-routine .stage-tab b{font-size:13px;color:inherit}.beauty-routine .stage-tab.active{background:#242022;color:#fff}.beauty-routine .stage-tab.active b{color:#fff}.beauty-routine .progress-line{height:2px;background:rgba(24,22,23,.07);margin:10px 18px 0;border-radius:999px;overflow:hidden}.beauty-routine .progress-line span{display:block;height:100%;width:0;background:var(--accent);border-radius:999px;transition:width .14s linear,background .45s}.beauty-routine .sheet-backdrop{position:fixed;inset:0;background:rgba(24,19,22,.28);backdrop-filter:blur(3px);z-index:100;opacity:0;pointer-events:none;transition:.25s}.beauty-routine .sheet-backdrop.open{opacity:1;pointer-events:auto}.beauty-routine .product-sheet{position:fixed;left:50%;bottom:18px;transform:translate(-50%,32px);z-index:101;width:min(760px,calc(100% - 30px));background:#fff;border:1px solid rgba(24,22,23,.10);border-radius:26px;box-shadow:0 30px 80px rgba(34,27,30,.20);padding:18px;opacity:0;pointer-events:none;transition:.35s var(--ease)}.beauty-routine .product-sheet.open{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.beauty-routine .sheet-close{position:absolute;left:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#f3f0f1;cursor:pointer;font-size:18px}.beauty-routine .sheet-content{display:grid;grid-template-columns:170px 1fr;gap:20px;align-items:center}.beauty-routine .sheet-image{height:180px;border-radius:20px;background:#f7f5f4;display:grid;place-items:center;overflow:hidden}.beauty-routine .sheet-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.beauty-routine .sheet-brand{font-size:10px;color:var(--accent);font-weight:800}.beauty-routine .sheet-title{font-size:22px;margin:4px 0 7px;line-height:1.35}.beauty-routine .sheet-desc{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 10px}.beauty-routine .sheet-features{display:flex;gap:7px;flex-wrap:wrap}.beauty-routine .sheet-features span{font-size:9px;padding:7px 9px;border:1px solid rgba(24,22,23,.10);border-radius:999px;color:#5f575a}@media(max-width:1080px){.beauty-routine .portrait-shell{width:min(43vw,490px)}.beauty-routine .callout{width:220px}.beauty-routine .callouts.dense .callout{width:192px}.beauty-routine .product-copy strong{font-size:10.8px}.beauty-routine .product-copy small{font-size:8.7px}
}@media(max-width:820px){.beauty-routine .hero{min-height:760px}.beauty-routine .brand{right:16px;top:17px;font-size:16px}.beauty-routine .brand-mark{width:27px;height:27px}.beauty-routine .intro{top:63px;width:80vw}.beauty-routine .intro h1{font-size:19px}.beauty-routine .intro p{font-size:9px}.beauty-routine .stage-summary{top:112px}.beauty-routine .stage-message{font-size:13px}.beauty-routine .scroll-cue{left:15px;top:50px}.beauty-routine .scroll-cue span{display:none}.beauty-routine .visual{inset:145px 10px 127px}.beauty-routine .portrait-shell{top:39%;width:min(78vw,430px);height:min(54vh,550px)}.beauty-routine .callouts{top:auto;bottom:0;height:205px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;align-content:end;padding:0 6px}.beauty-routine .callout,.beauty-routine .callouts.dense .callout{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%;min-height:58px;border-radius:16px;grid-template-columns:45px minmax(0,1fr) 23px;padding:6px;gap:6px}.beauty-routine .product-thumb,.beauty-routine .callouts.dense .product-thumb{width:45px;height:43px}.beauty-routine .product-copy strong,.beauty-routine .callouts.dense .product-copy strong{font-size:10px}.beauty-routine .product-copy small,.beauty-routine .callouts.dense .product-copy small{font-size:8px}.beauty-routine .product-no,.beauty-routine .callouts.dense .product-no{width:21px;height:21px}.beauty-routine .callouts.dense{grid-template-columns:repeat(2,1fr);height:290px;overflow:auto;scrollbar-width:none}.beauty-routine .callouts.dense::-webkit-scrollbar{display:none}.beauty-routine .connector-svg{display:none}.beauty-routine .stage-nav{bottom:12px}.beauty-routine .stage-tab{padding:7px 4px;gap:4px}.beauty-routine .stage-tab span{font-size:8px}.beauty-routine .stage-tab b{font-size:11px}.beauty-routine .sheet-content{grid-template-columns:110px 1fr}.beauty-routine .sheet-image{height:130px}.beauty-routine .sheet-title{font-size:17px}
}@media(max-width:520px){.beauty-routine .stage-tab span{display:none}.beauty-routine .stage-tabs{width:260px;margin:auto}.beauty-routine .stage-nav{width:100%}.beauty-routine .portrait-shell{width:min(92vw,410px);height:48vh}.beauty-routine .callouts{height:220px}.beauty-routine .callouts.dense{height:315px}.beauty-routine .sheet-content{grid-template-columns:1fr}.beauty-routine .sheet-image{height:140px}.beauty-routine .product-sheet{max-height:82vh;overflow:auto}
}@media(prefers-reduced-motion:reduce){.beauty-routine *{animation:none!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}/* v8 — requested visual refinements */.beauty-routine{--bg:#fbfaf8}.beauty-routine .hero{background:var(--bg)!important}.beauty-routine .hero::before,.beauty-routine .hero::after{display:none!important}.beauty-routine .portrait-aura,.beauty-routine .portrait-fade{display:none!important}.beauty-routine .portrait-shell{
  top:55%!important;
  width:min(29.5vw,430px)!important;
  height:min(64vh,610px)!important;
  filter:none!important;
}.beauty-routine .portrait-frame{
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}.beauty-routine .portrait{
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:scale(.975) translateY(6px)!important;
}.beauty-routine .portrait.active{transform:scale(1) translateY(0)!important}.beauty-routine .brand{
  right:38px!important;top:27px!important;
  gap:4px!important;
  font-size:clamp(24px,2.25vw,36px)!important;
  font-weight:700!important;
  letter-spacing:-.055em!important;
  color:#111!important;
  background:transparent!important;
}.beauty-routine .brand-mark{display:none!important}.beauty-routine .brand-text{position:relative;display:inline-block;padding-bottom:8px}.beauty-routine .brand-text::after{
  content:"";position:absolute;left:2%;right:8%;bottom:1px;height:10px;
  border-bottom:1.4px solid #111;border-radius:0 0 70% 55%;
  transform:rotate(-2deg);opacity:.85
}.beauty-routine .brand-flower{
  color:#ea93ad!important;
  font-size:.7em!important;
  margin:0 -3px 15px 0!important;
  transform:rotate(-12deg)!important;
}.beauty-routine .intro{top:48px!important;width:min(620px,54vw)!important}.beauty-routine .intro h1{font-size:clamp(20px,2.05vw,32px)!important;font-weight:800!important}.beauty-routine .intro p{font-size:10px!important;margin-top:7px!important}.beauty-routine .stage-summary{top:103px!important}.beauty-routine .visual{inset:132px 34px 116px!important}.beauty-routine .connector-path{stroke:rgba(32,29,30,.25)!important;stroke-width:1!important}.beauty-routine .callout{box-shadow:0 9px 28px rgba(45,35,39,.055)!important;background:rgba(255,255,255,.94)!important}.beauty-routine .sheet-buy{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding-top:15px;border-top:1px solid rgba(24,22,23,.08)}.beauty-routine .sheet-price-wrap{display:flex;flex-direction:column;gap:3px}.beauty-routine .sheet-price-wrap small{font-size:9px;color:var(--muted)}.beauty-routine .sheet-price{font-size:20px;font-weight:900;letter-spacing:-.025em}.beauty-routine .add-cart{border:0;background:#242022;color:#fff;border-radius:999px;padding:12px 18px;cursor:pointer;font-weight:800;font-size:11px;transition:.25s var(--ease)}.beauty-routine .add-cart:hover{transform:translateY(-1px);background:var(--accent)}.beauty-routine .cart-toast{position:fixed;left:50%;bottom:26px;z-index:160;transform:translate(-50%,18px);background:#242022;color:#fff;border-radius:999px;padding:11px 18px;font-size:11px;opacity:0;pointer-events:none;transition:.28s var(--ease);box-shadow:0 16px 40px rgba(0,0,0,.16)}.beauty-routine .cart-toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:1080px){.beauty-routine .portrait-shell{width:min(36vw,410px)!important;height:min(60vh,570px)!important}.beauty-routine .brand{right:24px!important}
}@media(max-width:820px){.beauty-routine .brand{right:16px!important;top:17px!important;font-size:22px!important}.beauty-routine .intro{top:67px!important;width:78vw!important}.beauty-routine .stage-summary{top:119px!important}.beauty-routine .visual{inset:150px 10px 127px!important}.beauty-routine .portrait-shell{top:38%!important;width:min(66vw,380px)!important;height:min(49vh,500px)!important}.beauty-routine .sheet-buy{align-items:stretch;flex-direction:column}.beauty-routine .add-cart{width:100%}
}@media(max-width:520px){.beauty-routine .portrait-shell{width:min(74vw,350px)!important;height:44vh!important}.beauty-routine .brand-text::after{display:none}
}/* v9 — ONLY the two requested visual changes */.beauty-routine .hero{background:#fff!important}.beauty-routine .portrait-shell{
  top:57.5%!important;
  width:min(26.5vw,390px)!important;
  height:min(59vh,555px)!important;
}.beauty-routine .portrait{
  -webkit-mask-image:radial-gradient(ellipse 94% 99% at 50% 50%,#000 0 76%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.55) 93%,transparent 100%);
  mask-image:radial-gradient(ellipse 94% 99% at 50% 50%,#000 0 76%,rgba(0,0,0,.96) 84%,rgba(0,0,0,.55) 93%,transparent 100%);
}.beauty-routine .connector-dot{
  fill:rgba(255,255,255,.78)!important;
  stroke:rgba(28,25,26,.32)!important;
  stroke-width:1!important;
  opacity:.72!important;
}@media(max-width:1080px){.beauty-routine .portrait-shell{width:min(32vw,380px)!important;height:min(56vh,530px)!important}
}@media(max-width:820px){.beauty-routine .portrait-shell{top:40%!important;width:min(60vw,350px)!important;height:min(46vh,470px)!important}
}@media(max-width:520px){.beauty-routine .portrait-shell{width:min(69vw,325px)!important;height:41vh!important}
}/* v11 — فقط تغییرات درخواستی: پس‌زمینه شخص، فاصله شخص و نقطه اتصال */.beauty-routine .hero{background:#fff!important}.beauty-routine .portrait-aura,.beauty-routine .portrait-fade{display:none!important}.beauty-routine .portrait-shell{
  top:57%!important;
  width:min(25vw,370px)!important;
  height:min(56vh,525px)!important;
  filter:none!important;
}.beauty-routine .portrait-frame{
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
}.beauty-routine .portrait{
  object-fit:contain!important;
  object-position:center bottom!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}.beauty-routine .connector-dot{
  fill:rgba(255,255,255,.58)!important;
  stroke:rgba(28,25,26,.18)!important;
  stroke-width:.8!important;
  opacity:.52!important;
}@media(max-width:1080px){.beauty-routine .portrait-shell{width:min(30vw,355px)!important;height:min(53vh,505px)!important}
}@media(max-width:820px){.beauty-routine .portrait-shell{top:40%!important;width:min(56vw,330px)!important;height:min(43vh,445px)!important}
}@media(max-width:520px){.beauty-routine .portrait-shell{width:min(65vw,305px)!important;height:39vh!important}
}/* v12 — فقط دو اصلاح نهایی */.beauty-routine .stage-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:16px!important;
  width:max-content!important;
  min-width:max-content!important;
}.beauty-routine .stage-chip,.beauty-routine .stage-message{
  position:relative!important;
  flex:0 0 auto!important;
  margin:0!important;
  transform:none!important;
}


.beauty-routine {position:relative;direction:rtl;color:var(--ink);--muted:#7f777a;--line:rgba(24,22,23,.14);--ease:cubic-bezier(.2,.85,.2,1);overflow:visible}.beauty-routine .experience{height:calc(var(--beauty-count) * 120vh)}.beauty-routine[data-editing="true"] .experience{height:100vh;min-height:760px}.beauty-routine .hero{background:var(--bg)!important}.beauty-routine .intro h2{font-size:clamp(20px,2.05vw,32px);margin:0;font-weight:800;line-height:1.25}.beauty-routine .beauty-stage{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .65s var(--ease);background:var(--stage-bg);color:var(--ink)}.beauty-routine .beauty-stage.active{visibility:visible;opacity:1;pointer-events:auto}.beauty-routine .brand,.beauty-routine .intro,.beauty-routine .scroll-cue,.beauty-routine .stage-nav{z-index:40}.beauty-routine .stage-tabs{display:flex;overflow:auto;scrollbar-width:thin}.beauty-routine .stage-tab{flex:1 0 auto}.beauty-routine .beauty-pin{position:absolute;width:12px;height:12px;margin:-6px;border:1px solid rgba(28,25,26,.18);border-radius:50%;background:rgba(255,255,255,.58);z-index:25;padding:0}.beauty-routine[data-editing="true"] .beauty-pin{width:24px;height:24px;margin:-12px;background:var(--accent);border:2px solid white;touch-action:none;cursor:move}.beauty-routine .beauty-add{position:absolute;bottom:110px;right:30px;z-index:50;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:white}.beauty-routine:not([data-editing="true"]) .beauty-add{display:none}.beauty-routine .beauty-status{position:absolute;bottom:100px;text-align:center;width:100%;z-index:55}.beauty-routine .beauty-sheet{position:fixed;inset:auto 0 18px;margin:0 auto;width:min(760px,calc(100% - 30px));max-height:82vh;overflow:auto;border:1px solid var(--line);border-radius:26px;background:var(--bg);color:var(--ink);padding:24px;box-shadow:0 30px 80px #221b1e33}.beauty-routine .beauty-sheet::backdrop{background:#18131648;backdrop-filter:blur(3px)}.beauty-routine .sheet-desc{white-space:pre-line}.beauty-routine .stage-summary{max-width:95%;min-width:0!important;white-space:normal}.beauty-routine .stage-message{overflow-wrap:anywhere}.beauty-routine [hidden]{display:none!important}.beauty-routine button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:820px){.beauty-routine:not([data-editing="true"]) .beauty-pin{display:none}.beauty-routine .intro h2{font-size:19px}.beauty-routine .stage-summary{gap:8px!important}.beauty-routine .stage-message{font-size:12px}.beauty-routine .callouts{overflow:auto}.beauty-routine .beauty-sheet .sheet-content{grid-template-columns:1fr}.beauty-routine .beauty-sheet .sheet-image{height:140px}}
.beauty-routine button:focus-visible{outline-color:var(--element-focus-ring)}
.beauty-routine button:disabled{background:var(--element-disabled-bg);color:var(--element-disabled-text);cursor:not-allowed}
.beauty-routine .hero{top:var(--beauty-header-inset,0px);height:calc(100vh - var(--beauty-header-inset,0px) - var(--beauty-footer-inset,0px));min-height:0}