.tier-picker{--tp-bg:var(--char,var(--background-base,#1c1c1c));--tp-raised:var(--char-raised,var(--color-card,#262626));--tp-line:var(--line-d,var(--color-border,#f4f2e81f));--tp-line-soft:var(--line-d-soft,color-mix(in srgb, var(--tp-line) 60%, transparent));--tp-hi:var(--t-hi,var(--color-text-primary,#f4f2e8));--tp-mid:var(--t-mid,var(--color-text-secondary,#b8b4a6));--tp-low:var(--t-low,var(--color-text-tertiary,#8b8779));--tp-accent:var(--amber,var(--color-primary,#fbb339));--tp-mono:var(--theme-font-mono,"IBM Plex Mono", ui-monospace, monospace);--tp-sans:var(--theme-font-sans,system-ui, sans-serif);width:100%;font-family:var(--tp-sans);position:relative}.tier-picker-btn{border:1px solid var(--tp-line);background:var(--tp-bg);width:100%;color:var(--tp-hi);font:inherit;cursor:pointer;text-align:start;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.95rem;font-weight:500;transition:border-color .15s;display:flex}.tier-picker-btn:hover,.tier-picker.open .tier-picker-btn{border-color:var(--tp-accent)}.tier-picker-btn:focus-visible{outline:2px solid var(--tp-accent);outline-offset:2px}.tier-picker-chev{color:var(--tp-low);flex:none;transition:transform .15s}.tier-picker.open .tier-picker-chev{transform:rotate(180deg)}.tier-picker .tier-picker-list{z-index:20;inset-inline:0;border:1px solid var(--tp-line);background:var(--tp-raised);border-radius:14px;flex-direction:column;gap:2px;margin:0;padding:6px;list-style:none;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 18px 40px -18px #0009}.tier-picker .tier-picker-opt{color:var(--tp-hi);cursor:pointer;border:none;border-radius:9px;grid-template-columns:14px minmax(0,1fr) auto auto;align-items:center;gap:8px;margin:0;padding:9px 8px;font-size:.9rem;display:grid}.tier-picker .tier-picker-opt:before,.tier-picker .tier-picker-opt:after{content:none;display:none}.tier-picker .tier-picker-opt:hover{background:color-mix(in srgb, var(--tp-hi) 6%, transparent)}.tier-picker .tier-picker-opt.selected{background:color-mix(in srgb, var(--tp-accent) 14%, transparent)}.tier-picker .tier-picker-tick{color:var(--tp-accent);text-align:center;font-size:.8rem}.tier-picker .tier-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tier-picker .tier-picker-tag{font-family:var(--tp-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tp-accent);border:1px solid color-mix(in srgb, var(--tp-accent) 45%, transparent);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.62rem}.tier-picker .tier-picker-price{font-family:var(--tp-mono);color:var(--tp-mid);font-variant-numeric:tabular-nums;font-size:.88rem}