.premium-plans{display:flex;flex-direction:column;gap:16px}.premium-plans h2,.premium-plans h3{margin:0}.premium-plan-note{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.premium-plan-options{display:grid;gap:12px}.premium-plan-card{padding:16px;border-radius:16px;border:1px solid var(--line);text-align:left;background:var(--surface,#fff);color:inherit}.premium-plan-card.selected{border:2px solid #d4a83a;background:rgba(212,168,58,.08);padding:15px}.premium-plan-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.premium-plan-heading strong{font-size:16px}.premium-plan-card ul{padding:0;margin:12px 0;list-style:none;font-size:13px;line-height:1.7}.premium-plan-card li:before{content:'✓';color:#a07a22;margin-right:8px}.premium-plan-badge{display:inline-block;align-self:flex-start;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700;color:#3d2a00;background:linear-gradient(100deg,#a07a22,#f7d774,#fff1b0,#e0b445,#a07a22)}.premium-plan-silver{color:#1d2128;background:linear-gradient(100deg,#7d8590,#dfe4ea,#fff,#c3cad3,#7d8590)}.premium-plan-elite{background:linear-gradient(100deg,#8a5a12,#f5b83d,#fff1b0,#f5b83d,#8a5a12)}.premium-plan-details{margin:0}.premium-plan-details>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.premium-plan-details dt{color:var(--muted);flex-shrink:0}.premium-plan-details dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.premium-plans .feature-link span{display:flex;flex-direction:column;gap:6px}.premium-plans button:focus-visible{outline:3px solid var(--purple,#8b5cf6);outline-offset:3px}

.premium-plan-ring{border:4px solid #e0b445;box-shadow:0 0 0 2px #fff1b0}.premium-plan-ring-silver{border-color:#c3cad3;box-shadow:0 0 0 2px #7d8590}.premium-plan-ring-elite,.premium-plan-ring-owner{border-color:#f5b83d;box-shadow:0 0 12px rgba(245,184,61,.55)}.premium-plan-ring-owner{position:relative}.premium-plan-ring-owner:before{content:'♛';position:absolute;top:-28px;left:50%;transform:translateX(-50%);font-size:28px;color:#a07a22}

/* Mobile premium_plans_view: title block, the Monthly | Yearly switch in a
   nested 10px track, 16px plan cards (gold 2px when chosen) with gold
   checks, 14px fields and a 14px-radius Continue button. */
.section:has(.premium-plans-intro)>.pagehead .lumo-header-title{visibility:hidden}
.premium-plans{gap:14px;font-family:var(--lumo-font)}
.premium-plans-intro h2{margin:0 0 4px;font:700 26px/1.2 var(--lumo-font);color:var(--lumo-text)}
.premium-plans-intro p{margin:4px 0 0;font:400 13px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.premium-period{display:grid;grid-template-columns:1fr 1fr;height:50px;padding:4px;border-radius:10px;background:var(--lumo-nested);box-sizing:border-box}
.premium-period>button{height:100%;min-height:0;padding:0;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--lumo-text);font:500 13px/1 var(--lumo-font)}
.premium-period>button.primary{background:var(--lumo-primary);color:#fff}
.premium-plans .premium-plan-options{gap:10px}
.premium-plans .premium-plan-card{width:100%;min-height:0;height:auto;padding:14px;border:1px solid #8080804d;border-radius:16px;background:transparent;box-shadow:none;font-family:var(--lumo-font);color:var(--lumo-text)}
.premium-plans .premium-plan-card.selected{padding:13px;border:2px solid #d4a83a;background:#d4a83a14}
.premium-plans .premium-plan-heading strong{font:700 16px/1.2 var(--lumo-font)}
.premium-plans .premium-plan-card ul{margin:8px 0 0;font:400 14px/1.6 var(--lumo-font)}
.premium-plans .premium-plan-card li:before{color:#d4a83a;font-weight:700}
.premium-plans #planHandle,.premium-plans #planAsset{border-radius:14px}
.premium-plans #premiumPlanContinue{height:52px;border-radius:14px}
html[data-lumo-theme=dark] .premium-period>button.secondary,.premium-period>button.secondary{color:var(--lumo-text);background:transparent;border:0}

/* Build 227 plans (mobile premium_plans_view, premium_widgets): plan
   mascots, the purple Free badge, the Ghost badge and Elite "Ghost included"
   pill, the Ghost add-on card, auto-renew and the upgrade estimate. */
.premium-plan-free{color:#fff;background:linear-gradient(100deg,#6d3fd6,#8b5cf6,#b794d9,#8b5cf6,#6d3fd6)}
.premium-plan-ghost{color:#1d2128;background:linear-gradient(100deg,#b8afe8,#f0ecff,#d4c7f5)}
.premium-plan-ring-ghost{border-color:#d4c7f5;box-shadow:0 0 0 2px #b8afe8}
.premium-plans .premium-plan-heading{justify-content:flex-start;flex-wrap:nowrap;gap:14px}
.premium-plan-price{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.premium-plan-mascot{width:68px;height:76px;object-fit:contain;flex:0 0 68px}
.premium-plan-mascot.small{width:18px;height:20px;flex-basis:18px}
.premium-plan-ghost-pill{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;border:1px solid #b8afe8;border-radius:10px;background:#b8afe82e;color:#6c5fb0;font:700 11.5px/1.2 var(--lumo-font)}
.premium-plans .premium-plan-card small{display:block;margin-top:6px;font:400 12px/1.4 var(--lumo-font)}
.premium-pay-with{display:flex;align-items:center;gap:10px}.premium-pay-with img{width:21px;height:21px;border-radius:50%;flex:0 0 21px}.premium-pay-with select{flex:1;min-width:0}
.premium-plan-cancel{align-self:center;font:400 12px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.premium-upgrade-estimate{margin:0;padding:9px 12px;border:1px solid #b8afe880;border-radius:11px;background:#b8afe81f;font:400 11.5px/1.5 var(--lumo-font);color:var(--lumo-text-2)}
.premium-auto-renew{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--lumo-line,#8080804d);border-radius:14px;background:var(--lumo-card)}
.premium-auto-renew-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.premium-auto-renew-head strong{font:700 13.5px/1.3 var(--lumo-font)}
.premium-auto-renew p{margin:0;font:400 11.5px/1.4 var(--lumo-font);color:var(--lumo-text-2)}.premium-auto-renew small{font:400 10.5px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.premium-switch{position:relative;width:46px;min-width:46px;height:26px;min-height:0;padding:0;border:0;border-radius:13px;background:var(--lumo-nested);box-shadow:none}.premium-switch span{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:left .18s}.premium-switch.on{background:var(--lumo-primary)}.premium-switch.on span{left:23px}
.premium-chips{display:flex;flex-wrap:wrap;gap:6px}
.premium-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:32px;padding:0 12px;border:1px solid var(--lumo-line,#8080804d);border-radius:16px;background:transparent;box-shadow:none;color:var(--lumo-text);font:500 12px/1 var(--lumo-font)}.premium-chip.selected{border-color:var(--lumo-primary);background:#8b5cf61f}.premium-chip img{border-radius:50%}
.premium-ghost-addon{display:flex;flex-direction:column;gap:8px;padding:14px;border:1.4px solid #b8afe8;border-radius:16px;background:#b8afe814}
.premium-ghost-addon ul{margin:0;padding:0;list-style:none;font:400 14px/1.6 var(--lumo-font)}.premium-ghost-addon li:before{content:'✓';color:#b8afe8;font-weight:700;margin-right:8px}
.premium-ghost-kicker{margin:0;font:700 12px/1.2 var(--lumo-font);letter-spacing:.6px;text-transform:uppercase}
.premium-ghost-state{margin:0;font:400 12px/1.4 var(--lumo-font)}.premium-ghost-state.strong{font-weight:600}
.premium-plans .premium-ghost-button{height:48px;border-radius:14px;background:#6c5fb0;color:#fff}

/* Mobile lumo_checkout.dart: one checkout sheet for every payment. */
.premium-checkout-head{text-align:center}.premium-checkout-head h2{margin:0;font:500 23px/1.25 var(--lumo-font);color:var(--lumo-text)}.premium-checkout-head p{margin:6px 0 0;font:400 12px/1.5 var(--lumo-font);color:var(--lumo-text-2)}
.premium-checkout>.premium-plan-badge{align-self:center}
.premium-checkout-status{margin:0;text-align:center;font:600 12.5px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.premium-checkout-mark{display:grid;place-items:center;align-self:center;width:64px;height:64px;border-radius:50%;font:700 30px/1 var(--lumo-font)}.premium-checkout-mark.paid{background:#16a34a1f;color:#16a34a}.premium-checkout-mark.pending{background:#8b5cf61f;color:var(--lumo-primary)}
.premium-checkout-card{padding:15px 16px;border-radius:14px;background:var(--lumo-nested)}
.premium-checkout-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:3px 0;font:400 12.5px/1.4 var(--lumo-font);color:var(--lumo-text-2)}.premium-checkout-line span:last-child{font-weight:600;color:var(--lumo-text);text-align:right;overflow-wrap:anywhere}.premium-checkout-line.strong span:last-child{font:700 16px/1.3 var(--lumo-font)}
.premium-checkout-rule{margin:7px 0;border:0;border-top:1px solid var(--lumo-line,#8080804d)}
.premium-checkout-foot{margin:8px 0 0;font:400 11px/1.5 var(--lumo-font);color:var(--lumo-text-3)}
.premium-checkout-lock{margin:0;text-align:center;font:400 12px/1.4 var(--lumo-font);color:var(--lumo-text-2)}
.premium-checkout-short{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid #e5484d59;border-radius:14px;background:#e5484d14}.premium-checkout-short strong{font:700 13px/1.3 var(--lumo-font);color:#e5484d}.premium-checkout-short p{margin:0;font:400 12.5px/1.5 var(--lumo-font)}

/* Mobile handles_view plan card (3d594cea, a8ae00bd, bf7fec24, 45736742,
   e426fd5c): purple Go Premium card with tier chips and the Ghost row. */
.handles-screen .handles-plan-offer{display:flex;flex-direction:column;gap:0;padding:18px;border:1.5px solid #b8afe8b3;border-radius:20px;background:linear-gradient(135deg,#2e1065,#6d3fd6,#4c2a9e);box-shadow:0 6px 22px #8b5cf659}
.handles-plan-offer-head{display:flex;align-items:center;gap:11px}.handles-plan-offer-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(90deg,#f7d070,#e9a93b);box-shadow:0 2px 8px #e9a93b80}.handles-plan-offer-mascot{width:28px;height:31px;object-fit:contain}
.handles-screen .handles-plan-offer-head strong{display:block;font:800 17px/1.2 var(--lumo-font);color:#fff}.handles-plan-offer-head small{display:block;font:600 10px/1.4 var(--lumo-font);letter-spacing:1px;color:#f7d070}
.handles-screen .handles-plan-offer>p{margin:8px 0 12px;font:400 12px/1.45 var(--lumo-font);color:#e9e3f8}
.handles-plan-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.handles-plan-chip{display:flex;flex-direction:column;align-items:center;padding:7px 0;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff0d}.handles-plan-chip-mascot{width:26px;height:29px;object-fit:contain;margin-bottom:4px}
.handles-screen .handles-plan-chip strong{display:block;font:700 10.5px/1.3 var(--lumo-font);color:#fff}.handles-plan-chip small{font:400 9.5px/1.3 var(--lumo-font);color:#d9ccf5}
.handles-plan-ghost{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff14}.handles-plan-ghost-mascot{width:30px;height:34px;object-fit:contain;flex:0 0 30px}.handles-plan-ghost>div{flex:1;min-width:0}
.handles-screen .handles-plan-ghost strong{display:inline;font:700 12.5px/1.3 var(--lumo-font);color:#fff}.handles-plan-ghost-chip{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:8px;background:#f7d0702e;color:#f7d070;font:700 8px/1.4 var(--lumo-font);letter-spacing:.6px}.handles-plan-ghost small{display:block;margin-top:2px;font:400 11px/1.3 var(--lumo-font);color:#e9e3f8}.handles-plan-ghost b{font:800 12px/1 var(--lumo-font);color:#fff}
.handles-screen .handles-plan-offer>button{width:100%;margin-top:14px;min-height:44px;border-radius:12px;background:#fff;color:#4c2a9e;font:700 13.5px/1 var(--lumo-font);box-shadow:0 3px 10px #0000002e}
.handles-plan-badges{display:flex;flex-wrap:wrap;gap:6px}

/* Mobile cef9a1ba coupon field: a quiet link until tapped, then a code box
   with Apply; an accepted code shows as a green row with Remove. */
.premium-coupon-open{align-self:flex-start;font:500 13px/1.3 var(--lumo-font)}
.premium-coupon-entry{display:flex;gap:8px;align-items:center}.premium-coupon-entry input{flex:1;min-width:0;text-transform:uppercase;border-radius:10px}.premium-coupon-entry button{width:auto;min-height:44px;padding:0 16px}
.premium-coupon-error{margin:0;font:400 12px/1.4 var(--lumo-font);color:#e5484d}
.premium-coupon-applied{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:#16a34a1f;font:600 13px/1.3 var(--lumo-font);color:var(--lumo-text)}.premium-coupon-applied span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mobile acd1e7a8 / 359c204d: Pay by handle and "convert first" rows. */
.premium-pay-handle{border:1px solid #8b5cf659}
.premium-pay-handle .feature-symbol{color:var(--lumo-primary);font-weight:700}
.premium-convert-side{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;text-align:right}.premium-convert-side small{color:var(--lumo-primary);font-weight:600}