:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#d4af37;background:#000;--page-max-width: 52rem;--panel-background: transparent;--border-color: transparent;--muted-color: #e2c96a;--error-color: #f4a3a3;--space: 1rem;--radius: .5rem;--viewport-height: min(70vh, 38rem)}*{box-sizing:border-box}body{margin:0;background:#000}.app-shell{max-width:var(--page-max-width);margin:0 auto;padding:clamp(1rem,4vw,3rem);text-align:center}.app-header{margin-bottom:1.5rem}.app-header h1,.subscription-group__title{margin:0}.app-header p{color:var(--muted-color)}.records-panel{background:var(--panel-background);padding:var(--space)}.scroll-viewport{height:var(--viewport-height);overflow:hidden;outline-offset:.25rem}.scroll-viewport--reduced-motion{overflow-y:auto}.scroll-track{will-change:transform}.record-list{display:grid;gap:.75rem;list-style:none;margin:0;padding:0 0 .75rem}.subscription-group{padding:var(--space)}.subscription-group__title{font-size:1.25rem;color:#d4af37}.customer-list{display:grid;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none}.customer-list__item{color:var(--muted-color)}.status-message{margin:0 0 var(--space)}.status-message--error{color:var(--error-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.scroll-track{transform:none!important}}