.support-shell{display:grid;gap:1rem;width:100%;max-width:none;margin-inline:0}.support-admin-shell{display:grid;gap:1rem;width:min(100%,1240px);margin-inline:auto}.support-shell>.panel,.support-admin-shell>.panel,.support-tier,.guardian-card,.milestone-card,.support-empty{padding:clamp(1.15rem,2vw,1.5rem)!important}.support-heading{margin-bottom:0}.support-nav-frame{position:relative;min-width:0}.support-nav{display:flex;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding:.35rem;border:1px solid var(--border);border-radius:.85rem;background:color-mix(in srgb,var(--panel) 88%,transparent);scrollbar-width:none}.support-nav::-webkit-scrollbar{display:none}.support-nav a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:40px;padding:.5rem .9rem;border:1px solid transparent;border-radius:.6rem;color:var(--muted);font-weight:800;white-space:nowrap;text-decoration:none}.support-nav a:hover,.support-nav a:focus-visible{color:var(--text);background:var(--panel-2)}.support-nav a[aria-current="page"]{border-color:color-mix(in srgb,var(--accent) 72%,var(--border));background:color-mix(in srgb,var(--accent) 16%,var(--panel));color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent),0 8px 20px rgba(0,0,0,.18)}
.support-status-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 8%,var(--panel)),var(--panel))}.support-status-strip h2,.support-feature-copy h2{margin:.1rem 0 .3rem}.support-status-strip p:last-child,.support-feature-copy>p:last-of-type{margin:0;color:var(--muted)}.support-coming-soon{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .8rem;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:.78rem;font-weight:850;white-space:nowrap}
.support-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.support-tier{--tier-accent:var(--accent);position:relative;display:grid;align-content:start;gap:1rem;min-width:0;overflow:hidden;border-color:color-mix(in srgb,var(--tier-accent) 36%,var(--border));background:linear-gradient(155deg,color-mix(in srgb,var(--tier-accent) 8%,var(--panel)),var(--panel) 58%)}.support-tier::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--tier-accent)}.support-tier-patron{--tier-accent:#b98cff}.support-tier-vanguard{--tier-accent:var(--success,#4ecb84)}.support-tier-founder{--tier-accent:#efbd62}.support-tier header{display:block}.support-tier header p{margin:0;color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.support-tier h2{margin:.12rem 0 0;font-size:1.35rem}.support-tier-description{min-height:3.2em;margin:0;color:var(--muted);line-height:1.5}.support-tier ul{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.support-tier li{position:relative;padding-left:1.15rem;font-size:.84rem;line-height:1.4}.support-tier li::before{content:"✓";position:absolute;left:0;color:var(--tier-accent);font-weight:950}.support-policy-note,.support-section-note{display:block;padding:.85rem 1rem;border:1px solid var(--border-soft);border-radius:.75rem;background:color-mix(in srgb,var(--panel-2) 70%,transparent);color:var(--muted)}.support-policy-note p,.support-section-note p{margin:0}.support-policy-note strong{color:var(--text)}
.support-feature-card{display:block}.support-feature-copy .support-coming-soon{margin-top:.85rem}.support-guarantees{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.support-guarantees article{display:block;padding:1rem;border:1px solid var(--border);border-radius:.8rem;background:var(--panel)}.support-guarantees h2{margin:0 0 .25rem;font-size:.95rem}.support-guarantees p{margin:0;color:var(--muted);font-size:.82rem}
.guardian-grid,.milestone-list,.support-admin-users{display:grid;gap:.75rem}.guardian-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.guardian-card{display:block;border-color:color-mix(in srgb,var(--guardian-accent) 55%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--guardian-accent) 8%,var(--panel)),var(--panel))}.guardian-card h2{margin:0 0 .4rem;font-size:1.05rem}.support-badge-row{display:flex;gap:.35rem;flex-wrap:wrap}.support-badge,.profile-support-badge{display:inline-flex;align-items:center;min-height:1.6rem;padding:.25rem .55rem;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.support-empty{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.support-empty h2{margin:.1rem 0 .25rem}.support-empty p:last-child{margin:0;color:var(--muted)}
.milestone-card{display:grid;gap:.9rem}.milestone-card header,.support-admin-user-summary{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.milestone-card h2,.support-admin-user h2{margin:.1rem 0}.milestone-card header>strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.milestone-card header>strong span{color:var(--muted);font-size:.78rem;font-weight:750}.milestone-progress{height:.72rem;overflow:hidden;border:1px solid var(--border);border-radius:999px;background:var(--panel-2)}.milestone-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 58%,#fff));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 35%,transparent)}.milestone-card.is-unlocked{border-color:color-mix(in srgb,var(--success) 62%,var(--border));background:linear-gradient(145deg,color-mix(in srgb,var(--success) 7%,var(--panel)),var(--panel))}.milestone-card.is-unlocked .milestone-progress span{background:var(--success)}.milestone-card>p{margin:0;color:var(--muted)}.milestone-card footer{display:flex;align-items:end;justify-content:space-between;gap:1rem}.milestone-reward-preview{display:inline-grid;gap:.2rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:.7rem;background:color-mix(in srgb,var(--accent) 8%,transparent)}.milestone-reward-preview span,.milestone-unlock-date{font-size:.72rem;color:var(--muted)}.milestone-reward-preview strong{color:var(--accent)}.milestone-unlock-date{margin:0}
.support-admin-search .inline-form{align-items:end}.support-admin-user{padding:0!important;overflow:hidden}.support-admin-user>summary{padding:1rem 1.15rem;cursor:pointer;list-style:none}.support-admin-user>summary::-webkit-details-marker{display:none}.support-admin-user>summary::after{content:"⌄";color:var(--muted);font-size:1.1rem;transition:transform .15s ease}.support-admin-user[open]>summary::after{transform:rotate(180deg)}.support-admin-user[open]>summary{border-bottom:1px solid var(--border)}.support-admin-user-summary{align-items:center}.support-admin-user-summary>div:first-child{min-width:0}.support-admin-user-summary h2{font-size:1rem}.support-admin-user-summary p{margin:.2rem 0 0;color:var(--muted);font-size:.78rem}.support-admin-user-body{display:grid;gap:1rem;padding:1rem 1.15rem}.support-entitlement-summary{display:flex;gap:.45rem;flex-wrap:wrap}.support-entitlement-chip{display:inline-flex;min-height:1.8rem;align-items:center;padding:.3rem .55rem;border:1px solid var(--border);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:.72rem}.support-grant-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.support-grant-form .span-2{grid-column:span 2}.support-grant-form [data-tier-field][hidden]{display:none}.support-admin-actions{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding-top:.8rem;border-top:1px solid var(--border-soft)}.support-admin-actions form{display:flex;gap:.45rem}.support-admin-danger{margin-left:auto}.support-milestone-editor{border-top:1px solid var(--border);padding:.7rem 0}.support-milestone-editor summary{cursor:pointer;font-weight:850}.support-milestone-editor form{margin-top:.7rem}
.account-support-card{display:grid;gap:.9rem}.account-support-intro{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem;border:1px solid var(--border-soft);border-radius:.7rem;background:var(--panel-2)}.account-support-intro>span{display:grid;place-items:center;width:2rem;height:2rem;flex:0 0 auto;border-radius:.55rem;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-weight:950}.account-support-intro p{margin:0}.account-support-recognition{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.account-support-form{display:grid;gap:.8rem}.account-support-choice{display:grid;gap:.35rem;padding:.8rem;border:1px solid var(--border);border-radius:.7rem;background:var(--panel)}.account-support-choice>small{color:var(--muted);line-height:1.4}.account-companion-summary{padding:.85rem;border-left:3px solid var(--accent);border-radius:.2rem .7rem .7rem .2rem;background:color-mix(in srgb,var(--accent) 7%,var(--panel-2))}.account-companion-summary h3{margin:0 0 .25rem}.account-companion-summary p{margin:0;color:var(--muted)}
@media(max-width:900px){.support-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-guarantees{grid-template-columns:1fr}.support-grant-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.support-shell,.support-admin-shell{gap:.75rem}.support-shell>.panel,.support-admin-shell>.panel,.support-tier,.guardian-card,.milestone-card,.support-empty{padding:1rem!important}.support-nav-frame::after{content:"";position:absolute;inset:0 0 0 auto;width:1.75rem;pointer-events:none;background:linear-gradient(90deg,transparent,var(--page-bg,rgba(11,14,19,.96)))}.support-nav{padding:.3rem}.support-nav a{min-height:38px;padding:.45rem .75rem}.support-status-strip{grid-template-columns:minmax(0,1fr)}.support-status-strip .support-coming-soon{grid-column:1/-1;width:100%}.support-tier-grid{grid-template-columns:1fr}.support-tier-description{min-height:0}.support-empty{grid-template-columns:minmax(0,1fr)}.support-empty .button{grid-column:1/-1}.milestone-card header,.milestone-card footer,.support-admin-user-summary{align-items:stretch;flex-direction:column}.support-grant-form{grid-template-columns:1fr}.support-grant-form .span-2{grid-column:auto}.support-admin-danger{margin-left:0}.support-admin-actions form{width:100%}.support-admin-actions form select{flex:1}}