:root{--grade-a-color:#1a7e3a;--grade-a-bg:#e7f6ec;--grade-a-label:"A";--grade-b-color:#6aa520;--grade-b-bg:#f0f7e2;--grade-b-label:"B";--grade-c-color:#caa400;--grade-c-bg:#fbf4d6;--grade-c-label:"C";--grade-d-color:#d97316;--grade-d-bg:#fdeede;--grade-d-label:"D";--grade-e-color:#c1272d;--grade-e-bg:#fbe5e6;--grade-e-label:"E";--grade-n-color:#757575;--grade-n-bg:#f0f0f0;--grade-n-label:"?";--color-text:#1a1a1a;--color-text-muted:#666;--color-text-subtle:#aaa;--color-surface:#fff;--color-border:#e2e2e2;--color-brand:var(--grade-a-color);--badge-radius:8px;--badge-size-sm:28px;--badge-size-md:40px;--badge-size-lg:64px;--badge-font-weight:800;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--font-family:system-ui, -apple-system, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:20px;--font-size-xl:26px}._badge_1uah3_1{border-radius:var(--badge-radius);font-weight:var(--badge-font-weight);color:var(--color-surface);font-family:var(--font-family);justify-content:center;align-items:center;line-height:1;display:inline-flex}._badge_1uah3_1[data-size=sm]{width:var(--badge-size-sm);height:var(--badge-size-sm);font-size:var(--font-size-sm)}._badge_1uah3_1[data-size=md]{width:var(--badge-size-md);height:var(--badge-size-md);font-size:var(--font-size-md)}._badge_1uah3_1[data-size=lg]{width:var(--badge-size-lg);height:var(--badge-size-lg);font-size:var(--font-size-xl)}._badge_1uah3_1[data-grade=A]{background:var(--grade-a-color)}._badge_1uah3_1[data-grade=B]{background:var(--grade-b-color)}._badge_1uah3_1[data-grade=C]{background:var(--grade-c-color)}._badge_1uah3_1[data-grade=D]{background:var(--grade-d-color)}._badge_1uah3_1[data-grade=E]{background:var(--grade-e-color)}._badge_1uah3_1[data-grade=N]{background:var(--grade-n-color)}._app_50ihx_1{font-family:var(--font-family);max-width:920px;padding:var(--space-md);color:var(--color-text);margin:0 auto}._header_50ihx_9{margin-bottom:var(--space-lg)}._header_50ihx_9 h1{font-size:var(--font-size-xl);margin:0 0 var(--space-xs)}._subtitle_50ihx_18{color:var(--color-text-muted);font-size:var(--font-size-base);margin:0}._main_50ihx_24{gap:var(--space-lg);flex-direction:column;display:flex}._demo_50ihx_30{gap:var(--space-sm);flex-direction:column;display:flex}._demo-label_50ihx_36{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}._badge-row_50ihx_42{gap:var(--space-sm);flex-wrap:wrap;display:flex}._placeholder_50ihx_48{color:var(--color-text-muted);font-size:var(--font-size-base)}