@layer components{.pb-step{container:pb-step/inline-size;display:grid;gap:28px;min-width:0}.pb-status{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 22px;align-items:center}.pb-status[data-tone=todo]{--px-edge:var(--mp-gold-dark);--px-fill:var(--mp-gold-soft)}.pb-status[data-tone=live]{--px-edge:var(--mp-teal-dark);--px-fill:var(--mp-teal-soft)}.pb-status[data-tone=off]{--px-edge:var(--mp-plum);--px-fill:var(--mp-plum-soft)}.pb-status__icon{--px-edge:var(--mp-ink);--px-fill:var(--mp-paper);display:grid;place-items:center;width:72px;height:72px;color:var(--mp-ink)}.pb-status[data-tone=todo] .pb-status__icon{color:var(--mp-gold-dark)}.pb-status[data-tone=live] .pb-status__icon{color:var(--mp-coral)}.pb-status__text{display:grid;gap:8px;min-width:0}.pb-status__title{font-size:var(--mp-display-md);color:var(--mp-ink);text-wrap:balance}.pb-status__body{max-width:64ch;color:var(--mp-ink-soft);line-height:1.5;text-wrap:pretty}.pb-path{display:grid;gap:16px;min-width:0}.pb-path__title{font-weight:800;font-size:1.125rem;color:var(--mp-ink)}.pb-path__list{display:grid;gap:0}.pb-item{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:0 16px;padding-bottom:26px}.pb-item:last-child{padding-bottom:0}.pb-item:not(:last-child):before{content:"";position:absolute;left:20px;top:48px;bottom:4px;width:var(--mp-u);background:repeating-linear-gradient(to bottom,var(--mp-sand-deep) 0 6px,transparent 6px 12px)}.pb-item[data-state=done]:not(:last-child):before{background:var(--mp-teal)}.pb-item__mark{--px-edge:var(--mp-sand-deep);--px-fill:var(--mp-paper);display:grid;place-items:center;width:44px;height:44px;font-family:var(--font-display);font-size:1.125rem;color:var(--mp-ink-faint)}.pb-item[data-state=done] .pb-item__mark{--px-edge:var(--mp-teal-dark);--px-fill:var(--mp-teal-soft);color:var(--mp-teal-dark)}.pb-item[data-state=now] .pb-item__mark{--px-edge:var(--mp-coral-deep);--px-fill:var(--mp-coral);color:#fff}.pb-item__text{display:grid;gap:6px;min-width:0;padding-top:2px}.pb-item__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;font-weight:800;font-size:1.0625rem;line-height:1.3;color:var(--mp-ink)}.pb-item[data-state=later] .pb-item__title,.pb-item__state{color:var(--mp-ink-soft)}.pb-item__state{font-weight:700;font-size:.8125rem}.pb-item[data-state=done] .pb-item__state{color:var(--mp-teal-dark)}.pb-item[data-state=now] .pb-item__state{color:var(--mp-coral-dark)}.pb-item__body{gap:6px;max-width:62ch;font-size:.9375rem;line-height:1.5;color:var(--mp-ink-soft);text-wrap:pretty}.pb-item__action,.pb-item__body{display:grid;justify-items:start}.pb-item__action{gap:10px;margin-top:8px}.pb-save{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.pb-save__progress{align-items:center;gap:10px;font-weight:700;font-size:.9375rem;font-variant-numeric:tabular-nums}.pb-account,.pb-save__progress{display:flex;color:var(--mp-ink-soft)}.pb-account{flex-wrap:wrap;align-items:baseline;gap:4px 6px;font-size:.9375rem}.pb-account>strong{font-weight:800;color:var(--mp-ink);overflow-wrap:anywhere}.pb-account__leave,.pb-link{padding:0;border:0;background:none;font:inherit;font-weight:800;color:var(--mp-teal-dark);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pb-account__leave{margin-left:8px}.pb-account__leave:disabled{color:var(--mp-ink-faint);cursor:default}.pb-account__leave:focus-visible,.pb-link:focus-visible{outline:3px solid var(--mp-focus);outline-offset:3px}.pb-bring{display:flex;align-items:center;gap:14px;font-weight:700;color:var(--mp-ink);text-wrap:pretty}.pb-versions{display:grid;gap:12px}.pb-versions dt{font-weight:800;color:var(--mp-ink)}.pb-versions dd{margin:2px 0 0}.pb-versions dd,.pb-versions__note{line-height:1.45;color:var(--mp-ink-soft);text-wrap:pretty}.pb-versions__note{margin-top:14px;font-size:.875rem}.pb-login{display:grid;gap:12px}.pb-login__note{font-size:.875rem;line-height:1.45;color:var(--mp-ink-soft);text-wrap:pretty}.pb-login__code .mp-input__control{font-size:1.375rem;font-weight:800;letter-spacing:.28em;font-variant-numeric:tabular-nums}.pb-login__link{padding:0;border:0;background:none;font:inherit;font-weight:800;color:var(--mp-teal-dark);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.pb-login__link:disabled{color:var(--mp-ink-faint);cursor:default}.pb-login__link:focus-visible{outline:3px solid var(--mp-focus);outline-offset:3px}@container pb-step (max-width: 479px){.pb-status{grid-template-columns:minmax(0,1fr)}.pb-status__icon{width:56px;height:56px}.pb-save>.mp-btn{display:flex;width:100%}}}