@layer components{.o-plan-head{align-items:center;gap:10px;display:flex}.o-plan-tag{font-size:var(--text-xs);font-weight:var(--weight-strong);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-2);padding:5px 8px;line-height:1}.o-plan-tag.is-plus{background:var(--spot-wash);color:var(--spot-text)}.o-plan-lede{text-wrap:pretty;max-width:60ch}.o-plan-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.o-plan-list li{border-bottom:1px solid var(--rule);align-items:center;gap:10px;min-height:44px;padding:8px 0;display:flex}.o-plan-list li>.o-ic{color:var(--text-2);flex:none}.o-plan-list li>span:first-of-type{flex:1;min-width:0}.o-plan-free{font-size:var(--text-sm);color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}@media (max-width:520px){.o-plan-list li{flex-wrap:wrap;row-gap:0}.o-plan-free{width:100%;padding-left:26px}}.o-plan-actions{flex-wrap:wrap;gap:10px;display:flex}.o-plan-buy small{font-size:var(--text-sm);opacity:.9;font-weight:500}.o-plan-buy small:before{content:"·";margin:0 6px 0 2px}@media (max-width:520px){.o-plan-buy{flex:100%}}.o-plan-confirm{gap:12px;display:grid}.o-plan-welcome{margin-top:0}.o-plan-welcome b{font-weight:600}.o-top-plus{font-size:var(--text-xs);font-weight:var(--weight-strong);border-radius:var(--radius-pill);background:var(--spot-wash);color:var(--spot-text);flex:none;padding:5px 8px;line-height:1;text-decoration:none}}