.ar-scale{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0}.ar-scale-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border, #d1d5db)}.ar-scale-dot.filled{background:var(--color-navy, #354B5E)}.ar-scale-dot.current{width:18px;height:18px;background:var(--color-primary, #ff8a3d);box-shadow:0 0 0 4px var(--color-primary-light, #fff7f2)}.ar-pattern-list{display:block}.ar-pattern-card{padding:var(--space-6, 12px) var(--space-8, 16px);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-4, 8px)}.ar-pattern-card.mastered{background:var(--color-success-light, #d1fae5)}.ar-pattern-card.struggled{background:var(--color-error-light, #fee2e2)}.ar-pattern-card.unknown{background:var(--color-bg-subtle, #f3f4f6)}.ar-pattern-card-name{font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-base, 15px);margin:0 0 var(--space-2, 4px)}.ar-pattern-card.mastered .ar-pattern-card-name{color:var(--color-success-dark, #059669)}.ar-pattern-card.struggled .ar-pattern-card-name{color:var(--color-error, #dc2626)}.ar-pattern-card.unknown .ar-pattern-card-name{color:var(--color-text-secondary, #4b5563)}.ar-pattern-card-words{font-size:var(--font-size-sm, 13px);color:var(--color-text, #1f2937);margin:0;line-height:var(--line-height-normal, 1.5)}.ar-pattern-card-words strong{font-weight:var(--font-weight-semibold, 600)}[data-theme=dark] .ar-scale-dot{background:var(--color-border, #3a4654)}[data-theme=dark] .ar-scale-dot.filled{background:var(--color-navy-light, #5B7A92)}[data-theme=dark] .ar-pattern-card.mastered{background:#0596691a}[data-theme=dark] .ar-pattern-card.struggled{background:#dc26261a}[data-theme=dark] .ar-pattern-card.unknown{background:#94a3b81f}[data-theme=dark] .ar-pattern-card-words{color:var(--color-text-muted)}[data-a11y=high-contrast] .ar-pattern-card.mastered{background:#dbeafe}[data-a11y=high-contrast] .ar-pattern-card.struggled{background:#fce7f3}[data-a11y=high-contrast] .ar-pattern-card.mastered .ar-pattern-card-name{color:#1e40af}[data-a11y=high-contrast] .ar-pattern-card.struggled .ar-pattern-card-name{color:#be185d}[data-theme=dark][data-a11y=high-contrast] .ar-pattern-card.mastered{background:#2563eb26}[data-theme=dark][data-a11y=high-contrast] .ar-pattern-card.struggled{background:#be185d26}