.sub-stack{--sub-card:var(--white,#fff);--sub-ink:var(--ink,#16161d);--sub-soft:var(--ink-75,#16161db8);--sub-border:var(--border,#e5e2dc);--sub-border-strong:var(--ink-30,#c4bfb6);--sub-accent:var(--correct,#2563eb);--sub-accent-tint:var(--correct-tint,#2563eb12);--sub-warn:#b45309;color:var(--sub-ink);gap:16px;margin:16px 0;display:grid}.sub-card{box-sizing:border-box;border:1px solid var(--sub-border);background:var(--sub-card);border-radius:16px;padding:20px}[data-ug-theme=playful] .sub-card{border-radius:20px}.sub-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.sub-name.sub-name{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.25}.sub-price{white-space:nowrap;font-weight:600}.sub-status,.sub-summary,.sub-done{margin:8px 0 0;font-size:16px;line-height:1.45}.sub-done{color:var(--sub-accent);font-weight:700}.sub-status-warn{color:var(--sub-warn);font-weight:600}.sub-includes{gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sub-includes li{padding-left:26px;line-height:1.4;position:relative}.sub-includes li:before{content:"";border-left:2.5px solid var(--sub-accent);border-bottom:2.5px solid var(--sub-accent);width:14px;height:8px;position:absolute;top:.32em;left:2px;transform:rotate(-45deg)}.sub-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.sub-plan{box-sizing:border-box;border:2px solid var(--sub-border);background:var(--sub-card);min-height:64px;color:var(--sub-ink);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom-width:4px;border-radius:14px;gap:2px;padding:12px 14px;transition:transform .16s cubic-bezier(.22,1,.36,1),border-color .16s,background-color .16s;display:grid}.sub-plan:hover{border-color:var(--sub-border-strong);transform:translateY(-2px)}.sub-plan:active{transform:translateY(1px)}.sub-plan:focus-visible,.sub-manage:focus-visible,.sub-cta:focus-visible{outline:3px solid var(--sub-accent);outline-offset:2px}.sub-plan-on,.sub-plan-on:hover{border-color:var(--sub-accent);background:var(--sub-accent-tint)}.sub-plan-name{font-weight:700}.sub-plan-price{color:var(--sub-soft)}.sub-cta.sub-cta{cursor:pointer;width:100%;min-height:56px;margin-top:18px;font-size:18px}.sub-notice{color:var(--sub-soft);margin:10px 0 0;font-size:14px;line-height:1.45}.sub-manage{border:2px solid var(--sub-border);min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-top:14px;padding:8px 20px;font-weight:600}.sub-manage:hover:not(:disabled){border-color:currentColor}.sub-manage:disabled,.sub-cta:disabled{opacity:.55;cursor:default}.sub-error{color:var(--sub-warn);margin:0;font-weight:600}@media (max-width:420px){.sub-card{padding:16px}}@media (prefers-reduced-motion:reduce){.sub-plan{transition:none}.sub-plan:hover,.sub-plan:active{transform:none}}