#subscriptions-button { display:none; }
#subscriptions-backdrop { position:fixed; inset:0; z-index:3; background:rgba(0,0,0,.85); }
#subscriptions-backdrop[hidden], #subscriptions-panel[hidden] { display:none !important; }
#subscriptions-panel { position:fixed; z-index:4; top:50%; left:50%; transform:translate(-50%,-50%); width:min(520px,calc(100vw - 32px)); max-height:min(84dvh,calc(100dvh - 48px)); overflow:auto; padding:24px; border:1px solid #686868; border-radius:4px; background:#000; color:#a3a3a3; font:14px/1.65 'IBM Plex Mono',monospace; scrollbar-width:thin; scrollbar-color:#555 #000; }
#subscriptions-panel h1 { margin:12px 32px 20px 0; color:#b3b3b3; font:700 26px/1.1 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.04em; }
#subscriptions-panel h2 { margin:0; color:#b3b3b3; font:700 24px/1.2 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.04em; }
#subscriptions-panel p { margin:10px 0; }
#subscriptions-panel #subscriptions-close { float:right; min-width:32px; min-height:32px; margin:-6px -6px 8px 8px; padding:0; background:transparent; border:0; color:#999; font:24px/1 monospace; }
#subscriptions-panel button:focus-visible { outline:2px solid #aaa; outline-offset:3px; }
#subscriptions-panel .subscription-preview { border:1px solid #555; border-radius:3px; padding:14px; margin-bottom:22px; }
#subscriptions-panel .subscription-preview strong { color:#ccc; }
#subscriptions-panel .subscription-card { border:1px solid #444; border-radius:3px; padding:18px; margin:16px 0; }
#subscriptions-panel .subscription-card-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px; }
#subscriptions-panel .subscription-price { margin:0; color:#ccc; font-size:15px; white-space:nowrap; }
#subscriptions-panel ul { margin:14px 0 0; padding-left:20px; }
#subscriptions-panel li { margin:8px 0; overflow-wrap:anywhere; }
#subscriptions-panel .subscription-includes { color:#bbb; }
#subscriptions-panel .subscription-plan-status { margin:18px 0 0; padding-top:12px; border-top:1px solid #333; color:#888; font-size:12px; }
#subscriptions-panel footer { margin-top:22px; border-top:1px solid #333; padding-top:12px; font-size:12px; }
@media(max-width:360px){#subscriptions-panel{padding:18px;font-size:13px}#subscriptions-panel .subscription-card{padding:14px}}