.color-table-wrapper{width:100%;overflow-x:auto;margin:var(--space-6) 0;padding:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background-color:var(--color-bg-primary)}.color-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--line-height-normal)}.color-table thead{border-bottom:2px solid var(--color-border-default)}.color-table thead,.color-table thead tr{background-color:var(--color-bg-secondary)}.color-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-default)}.color-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:all var(--transition-base) var(--transition-timing)}.color-table tbody tr:last-child{border-bottom:none}.color-table tbody tr:hover{background-color:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.color-table td{padding:var(--space-4);vertical-align:middle}.color-table__severity-badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.color-table__code{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-sm);white-space:nowrap;font-weight:var(--font-weight-medium)}[data-theme=dark] .color-table__code{background-color:rgba(0,0,0,.3);color:var(--color-text-primary)}.color-table__swatch{width:3rem;height:2rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast) var(--transition-timing)}.color-table tbody tr:hover .color-table__swatch{box-shadow:var(--shadow-lg)}.color-table__preview{display:inline-flex;align-items:center;justify-content:center;min-width:5rem;transition:box-shadow var(--transition-fast) var(--transition-timing)}.color-table tbody tr:hover .color-table__preview{filter:brightness(1.1)}.color-table__contrast{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm)}@media (max-width:768px){.color-table{font-size:var(--text-xs)}.color-table td,.color-table th{padding:var(--space-2) var(--space-3)}.color-table__severity-badge{min-width:2rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.color-table__code{font-size:var(--text-xs)}.color-table__swatch{width:2.5rem;height:1.5rem}}[data-theme=dark] .color-table-wrapper{border-color:var(--color-border-light)}[data-theme=dark] .color-table thead,[data-theme=dark] .color-table thead tr{background-color:var(--color-bg-tertiary)}[data-theme=dark] .color-table tbody tr{border-bottom-color:var(--color-border-light)}[data-theme=dark] .color-table tbody tr:hover{background-color:var(--color-bg-tertiary);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}[data-theme=dark] .color-table__swatch{border-color:var(--color-border-dark)}[data-theme=dark] .color-table__contrast{background-color:var(--color-bg-primary)}@media (prefers-contrast:high){.color-table,.color-table td,.color-table th,.color-table__swatch{border-width:2px}}@media print{.color-table-wrapper{border:1px solid #000}.color-table tbody tr,.color-table-wrapper{page-break-inside:avoid}.color-table tbody tr:hover{transform:none;box-shadow:none}}@media (prefers-reduced-motion:reduce){.color-table tbody tr,.color-table__preview,.color-table__severity-badge,.color-table__swatch{transition:none}.color-table tbody tr:hover{background-color:transparent}.color-table tbody tr:hover .color-table__severity-badge,.color-table tbody tr:hover .color-table__swatch{box-shadow:none}.color-table tbody tr:hover .color-table__preview{filter:none}}.emoji-table-wrapper{width:100%;overflow-x:auto;margin:var(--space-6) 0;border-radius:var(--radius-lg);border:1px solid var(--color-border-default);background-color:var(--color-bg-primary)}.emoji-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);line-height:var(--line-height-normal)}.emoji-table thead{border-bottom:2px solid var(--color-border-default)}.emoji-table thead,.emoji-table thead tr{background-color:var(--color-bg-secondary)}.emoji-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border-default)}.emoji-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:all var(--transition-base) var(--transition-timing)}.emoji-table tbody tr:last-child{border-bottom:none}.emoji-table tbody tr:hover{background-color:var(--color-bg-secondary);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.emoji-table td{padding:var(--space-4);vertical-align:middle}.emoji-table__severity-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--font-weight-bold);letter-spacing:.05em;transition:transform var(--transition-fast) var(--transition-timing)}.emoji-table tbody tr:hover .emoji-table__severity-badge{transform:scale(1.05)}.emoji-table__severity-badge--E{color:var(--color-severity-E);background-color:var(--color-severity-E-bg)}.emoji-table__severity-badge--B{color:var(--color-severity-B);background-color:var(--color-severity-B-bg)}.emoji-table__severity-badge--C{color:var(--color-severity-C);background-color:var(--color-severity-C-bg)}.emoji-table__severity-badge--W{color:var(--color-severity-W);background-color:var(--color-severity-W-bg)}.emoji-table__severity-badge--H{color:var(--color-severity-H);background-color:var(--color-severity-H-bg)}.emoji-table__severity-badge--S{color:var(--color-severity-S);background-color:var(--color-severity-S-bg)}.emoji-table__severity-badge--K{color:var(--color-severity-K);background-color:var(--color-severity-K-bg)}.emoji-table__severity-badge--I{color:var(--color-severity-I);background-color:var(--color-severity-I-bg)}.emoji-table__severity-badge--T{color:var(--color-severity-T);background-color:var(--color-severity-T-bg)}.emoji-table__emoji-cell{display:flex;align-items:center;justify-content:center}.emoji-table__emoji{font-size:2rem;line-height:1;transition:transform var(--transition-fast) var(--transition-timing);display:inline-block}.emoji-table tbody tr:hover .emoji-table__emoji{transform:scale(1.15)}.emoji-table__unicode{font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-1) var(--space-2);background-color:var(--color-bg-code);color:#e2e8f0;border-radius:var(--radius-sm);white-space:nowrap}[data-theme=dark] .emoji-table__unicode{background-color:rgba(0,0,0,.3)}.emoji-table__name{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.emoji-table__meaning{color:var(--color-text-secondary)}.emoji-table__alternatives{display:flex;gap:var(--space-2);flex-wrap:wrap}.emoji-table__alt-emoji{font-size:1.5rem;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast) var(--transition-timing);cursor:help}.emoji-table__alt-emoji:hover{background-color:var(--color-bg-tertiary);transform:scale(1.1)}.emoji-table__no-alt{color:var(--color-text-muted)}@media (max-width:768px){.emoji-table{font-size:var(--text-xs)}.emoji-table td,.emoji-table th{padding:var(--space-2) var(--space-3)}.emoji-table__severity-badge{min-width:2rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.emoji-table__emoji{font-size:1.5rem}.emoji-table__unicode{font-size:var(--text-xs)}.emoji-table__alt-emoji{font-size:1.25rem}}[data-theme=dark] .emoji-table-wrapper{border-color:var(--color-border-light)}[data-theme=dark] .emoji-table thead,[data-theme=dark] .emoji-table thead tr{background-color:var(--color-bg-tertiary)}[data-theme=dark] .emoji-table tbody tr{border-bottom-color:var(--color-border-light)}[data-theme=dark] .emoji-table tbody tr:hover{background-color:var(--color-bg-tertiary);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}[data-theme=dark] .emoji-table__alt-emoji:hover{background-color:var(--color-bg-primary)}@media (prefers-contrast:high){.emoji-table,.emoji-table td,.emoji-table th{border-width:2px}.emoji-table__severity-badge{border:2px solid}}@media print{.emoji-table-wrapper{border:1px solid #000}.emoji-table tbody tr,.emoji-table-wrapper{page-break-inside:avoid}.emoji-table tbody tr:hover{background-color:transparent;box-shadow:none}.emoji-table tbody tr:hover .emoji-table__emoji,.emoji-table tbody tr:hover .emoji-table__severity-badge{transform:none}}@media (prefers-reduced-motion:reduce){.emoji-table tbody tr,.emoji-table__alt-emoji,.emoji-table__emoji,.emoji-table__severity-badge{transition:none}.emoji-table tbody tr:hover .emoji-table__emoji,.emoji-table tbody tr:hover .emoji-table__severity-badge,.emoji-table__alt-emoji:hover{transform:none}}