.upgrade-panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);margin:24px 0;padding:24px}.upgrade-panel .kicker{align-items:center;gap:6px;display:inline-flex}.upgrade-objectives{gap:8px;padding:0;list-style:none;display:grid}.upgrade-objectives li{align-items:start;gap:8px;display:flex}.upgrade-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px;display:grid}.upgrade-options .button{flex-direction:column;align-items:flex-start;gap:2px;min-height:64px}.upgrade-options small{opacity:.8;font-weight:400}.upgrade-error{color:var(--danger);margin-top:12px}.upgrade-panel.compact{margin:12px 0;padding:16px}.pro-badge{letter-spacing:.02em;border:1px solid;border-radius:999px;padding:0 8px;font-size:.75rem;font-weight:600}.plan-panel{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);margin:24px 0;padding:20px 24px}.plan-panel h2{margin:4px 0 8px}.upgrade-compare{margin-top:12px;font-size:.9375rem}.upgrade-complete{justify-items:center;padding-top:56px;display:grid}.upgrade-status{text-align:center;justify-items:center;gap:14px;width:min(640px,100%);display:grid}.upgrade-status h1{font-size:clamp(2rem,4vw,2.75rem)}.upgrade-plan{max-width:52ch;color:var(--ink-2);font-size:1.0625rem;line-height:1.55}.upgrade-mark{background:var(--surface);width:56px;height:56px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--rule);border-radius:999px;place-items:center;margin-bottom:6px;display:grid}.upgrade-mark .icon{width:26px;height:26px}.upgrade-mark.success{background:color-mix(in srgb, var(--success) 14%, var(--surface));color:var(--success);box-shadow:none}.upgrade-mark.waiting{box-shadow:none;background:0 0;gap:5px;display:flex}.upgrade-mark.waiting span{background:var(--blue);border-radius:3px;width:12px;height:12px;animation:1.2s ease-in-out infinite upgrade-fill}.upgrade-mark.waiting span:nth-child(2){animation-delay:.2s}.upgrade-mark.waiting span:nth-child(3){animation-delay:.4s}@keyframes upgrade-fill{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.upgrade-mark.waiting span{opacity:.6;animation:none}}.upgrade-card{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);text-align:left;width:100%;margin-top:18px;padding:24px}.upgrade-card h2{letter-spacing:-.01em;font-size:1.0625rem}.upgrade-card>p{color:var(--ink-2);margin:4px 0 14px}.unlocked-list{margin:0;padding:0;list-style:none;display:grid}.unlocked-list li{border-top:1px solid var(--rule);grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.unlocked-list a{color:var(--ink);font-weight:600;text-decoration:none}.unlocked-list a:hover{color:var(--accent)}.unlocked-list .unit-block{border-radius:3px;width:12px;height:12px}.unlocked-list .unit-blocks{gap:4px}.unlocked-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.875rem}.upgrade-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.upgrade-actions .button{min-height:46px;padding-inline:22px}.upgrade-receipt{color:var(--ink-3);font-size:.875rem}@media (width<=560px){.unlocked-list li{grid-template-columns:minmax(0,1fr) auto}.unlocked-list .unit-blocks{grid-area:2/1/auto/-1}.upgrade-actions .button{justify-content:center;width:100%}}