@layer utilities{.pixel-art{image-rendering:pixelated}.margo-loading{mix-blend-mode:multiply;image-rendering:pixelated;animation:2.4s steps(4,end) infinite margo-breathe}.auth-dialog__modal{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:1.5rem;position:fixed;inset:0;overflow:auto}.auth-dialog__modal[open]{justify-content:center;align-items:center;display:flex}.auth-dialog__modal::backdrop{background:color-mix(in srgb, var(--forest-950) 38%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-dialog__panel{border:1px solid var(--paper-300);border-radius:var(--radius-xl);background:var(--paper-100);width:100%;max-width:32rem;max-height:calc(100dvh - 3rem);box-shadow:0 24px 80px color-mix(in srgb, var(--forest-950) 20%, transparent);margin:auto;padding:2rem;overflow:auto}.auth-dialog__modal[open] .auth-dialog__panel{animation:.2s cubic-bezier(.16,1,.3,1) both auth-dialog-enter}@media (max-width:480px){.auth-dialog__panel{padding:1.5rem}}}@keyframes margo-breathe{50%{transform:translateY(-4px)}}@layer base{@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}@layer components{.commerce-label{font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.commerce-focus:focus-visible{outline:2px solid var(--amber-400);outline-offset:2px}.commerce-panel-strong{background:var(--color-panel-strong)}.commerce-muted{color:var(--bark-500)}.commerce-plan-selected{border:1px solid var(--forest-950);background:var(--color-panel-strong)}.commerce-savings{color:var(--forest-700);font-size:var(--text-body-sm);line-height:var(--leading-body-sm);font-weight:700}.commerce-summary{border-radius:var(--radius-lg)}.commerce-dialog{border:3px solid var(--forest-950);background:var(--paper-100);width:calc(100% - 32px);max-width:720px;max-height:calc(100dvh - 32px);color:var(--forest-950);box-shadow:var(--shadow-step-md);margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}.commerce-dialog::backdrop{background:color-mix(in srgb, var(--forest-950) 38%, transparent)}@media (min-width:640px){.commerce-dialog-compact{max-width:580px}}}.commerce-plan-picker{flex-direction:column;align-items:center;gap:32px;display:flex}.commerce-purchase-tabs{background:var(--color-panel-strong);border-radius:var(--radius-md);width:fit-content;max-width:100%;padding:4px}.commerce-purchase-tab{border-radius:calc(var(--radius-md) - 4px)}.commerce-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;display:grid}.commerce-plan{border-radius:var(--radius-lg);gap:24px;min-height:360px;padding:32px;position:relative}@media (hover:hover){.commerce-plan:not(.commerce-plan-selected):hover{border-color:var(--forest-700);background:var(--paper-200)}}.commerce-recommended{border-radius:var(--radius-sm);background:var(--amber-300);color:var(--forest-950);font-size:var(--text-eyebrow);white-space:nowrap;padding:2px 8px;font-weight:700;line-height:20px;position:absolute;top:-12px;left:32px}.commerce-plan-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.commerce-plan-name{font-size:20px;font-weight:500;line-height:28px}.commerce-plan-radio{border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.commerce-plan-selected .commerce-plan-radio{border-color:var(--forest-950)}.commerce-plan-selected .commerce-plan-radio:after{content:"";background:var(--forest-950);border-radius:50%;width:8px;height:8px}.commerce-quantity-line{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.commerce-quantity{font-size:var(--text-title);line-height:var(--leading-title);white-space:nowrap}.commerce-plan-benefit{flex-direction:column;display:flex}.commerce-plan-footer{border-top:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:8px;min-height:76px;margin-top:auto;padding-top:16px;display:flex}.commerce-price{font-size:var(--text-title-sm);line-height:var(--leading-card);white-space:nowrap}.commerce-price-period{font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}.commerce-savings{font-size:var(--text-eyebrow);line-height:18px}.commerce-purchase-action{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.commerce-continue{width:min(100%,360px)}.commerce-purchase-action-compact .commerce-continue{width:100%}.commerce-purchase-terms{max-width:100%}.commerce-help{text-align:center}.commerce-help summary{cursor:pointer;width:fit-content;color:var(--bark-500);margin:auto;display:list-item}.commerce-plan-grid-compact{grid-template-columns:minmax(0,1fr)}.commerce-plan-compact{grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;min-height:176px;padding:20px;display:grid}.commerce-plan-compact .commerce-recommended{left:20px}.commerce-plan-compact .commerce-plan-header{grid-column:1/-1}.commerce-plan-compact .commerce-quantity-line{grid-column:1}.commerce-plan-compact .commerce-quantity{font-size:36px;line-height:44px}.commerce-plan-compact .commerce-plan-benefit{grid-column:1}.commerce-plan-compact .commerce-plan-footer{border:0;grid-area:2/2/4;align-self:center;max-width:176px;min-height:0;margin:0;padding:0}.commerce-summary{flex-direction:column;gap:24px;padding:24px;display:flex}.commerce-summary .commerce-quantity{font-size:36px;line-height:44px}.commerce-confirm-price{border-top:1px solid var(--color-border);padding-top:16px}.commerce-dialog-heading{font-size:28px;line-height:36px}@media (min-width:640px){.commerce-dialog:not(.commerce-dialog-compact){max-width:640px}}@media (max-width:639px){.commerce-plan-grid{grid-template-columns:minmax(0,1fr)}.commerce-plan{gap:20px;min-height:0;padding:24px}.commerce-recommended{left:24px}.commerce-quantity{font-size:36px;line-height:44px}.commerce-plan-compact{display:flex}.commerce-plan-compact .commerce-plan-footer{border-top:1px solid var(--color-border);align-self:stretch;width:100%;max-width:none;padding-top:16px}.commerce-dialog-heading{font-size:24px;line-height:32px}}@keyframes auth-dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}