.membership-button{font-size:12px;font-weight:650;white-space:nowrap;border-color:var(--accent-line);color:var(--accent);background:var(--accent-soft);padding:8px 12px}
.membership-button[data-full=true]::before{content:'✓ ';}
.intro .membership-note{font-size:12px;margin:8px 0 0;color:var(--muted)}
.full-access-badge{font-size:10px!important;line-height:1.35;font-weight:650;border:1px solid var(--accent-line);border-radius:4px;padding:2px 5px!important;color:var(--accent);background:var(--accent-soft);display:inline-block!important;white-space:nowrap}
.category .full-access-badge{position:absolute;top:5px;left:5px;max-width:calc(100% - 10px)}
.variant-tile .full-access-badge{position:absolute;top:3px;left:3px;font-size:9px!important}
.variant-tile[data-premium=true] img{opacity:.7}
.floor-access-note{font-size:12px;color:var(--muted);margin:0 0 12px}
.membership-dialog{width:min(740px,calc(100vw - 28px));max-height:calc(100dvh - 36px);overflow:auto;box-sizing:border-box;background:var(--panel);color:var(--ink);border:1px solid var(--line-strong);border-radius:14px;padding:26px;box-shadow:0 22px 90px var(--shadow)}
.membership-dialog::backdrop{background:var(--backdrop)}
.membership-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.membership-dialog-top button{font-size:24px;line-height:1;width:36px;height:36px;padding:0;background:transparent}
.membership-dialog h2{font-size:27px;line-height:1.2;margin:12px 0}
.membership-dialog p{font-size:14px;line-height:1.55}
.membership-plans{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 16px}
.membership-plans section{border:1px solid var(--line);border-radius:9px;background:var(--field);padding:18px}
.membership-plans .membership-full{border-color:var(--accent-line);background:var(--accent-soft)}
.membership-plans h3{font-size:19px;margin:0 0 8px}.membership-plans h3 span{display:block;font-size:11px;font-weight:500;line-height:1.5;color:var(--accent);margin-top:5px}
.membership-plans p{margin:0 0 12px;font-size:13px}.membership-plans ul{padding-left:18px;margin:0}.membership-plans li{font-size:13px;margin:7px 0;line-height:1.5}
.membership-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.membership-actions a{color:var(--accent);font-size:13px}.membership-actions button{font-size:13px}
.membership-account{font-size:13px;margin-bottom:16px}.membership-account strong{color:var(--accent)}.membership-account>span{display:block;color:var(--muted)}.membership-account p:empty{display:none}
.membership-local{border:1px dashed var(--accent-line);padding:12px;border-radius:6px;margin-top:18px;font-size:12px}.membership-local p{font-size:12px;margin:4px 0 10px}.membership-local button{font-size:12px;margin-right:8px}.membership-local button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent)}
.membership-dialog .membership-footnote{font-size:11px;border-top:1px solid var(--line);padding-top:14px;margin:18px 0 0}
.membership-floor-preview{display:flex;align-items:center;gap:16px;margin:18px 0;padding:12px;background:var(--field);border:1px solid var(--line);border-radius:8px}.membership-floor-preview img{width:110px;height:110px;object-fit:cover;border-radius:4px}.membership-floor-preview figcaption{font-size:13px;color:var(--muted)}
@media(max-width:900px){.app-label{display:none}.header-tools{gap:8px!important}.membership-button{font-size:11px;padding:7px 9px}}
@media(max-width:550px){.membership-plans{grid-template-columns:1fr}.membership-dialog{padding:18px}.membership-dialog h2{font-size:24px}.membership-button{max-width:125px;white-space:normal;line-height:1.25}.header-tools{gap:5px!important}.membership-floor-preview{gap:10px}.membership-floor-preview img{width:80px;height:80px}.membership-actions{align-items:stretch;flex-direction:column}.membership-actions a{text-align:center}.brandmark{display:none!important}}