.profile-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    padding: 0.625rem 0.875rem;
    background: #fff;
    color: #374151;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    text-align: center;
    cursor: pointer;
}
.profile-secondary:hover { background: #f3f4f6; }
.profile-ui button:disabled { opacity: 0.5; cursor: default; }
.profile-ui :is(a, button, input, summary):focus-visible { outline: 2px solid #3b82f6; outline-offset: 2px; }
.profile-ui input[type="checkbox"] { accent-color: #2563eb; width: 1rem; height: 1rem; flex-shrink: 0; }
.profile-link { color: #2563eb; }
.profile-link:hover { text-decoration: underline; }
.profile-tab { border-bottom: 2px solid transparent; padding: 0.875rem 0.75rem; white-space: nowrap; font-size: 0.875rem; color: #6b7280; }
.profile-tab:hover { color: #2563eb; }
.profile-tab-active { border-color: #2563eb; color: #2563eb; font-weight: 600; }
.profile-markdown > div > :first-child { margin-top: 0; }
.profile-markdown > div > :last-child { margin-bottom: 0; }
.profile-error, .profile-success { border: 1px solid; border-radius: 0.5rem; padding: 0.75rem 1rem; font-size: 0.875rem; }
.profile-error { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.profile-success { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.profile-result { display: inline-flex; border: 1px solid #d1d5db; border-radius: 9999px; padding: 0.125rem 0.5rem; font-weight: 600; }
.profile-result[data-result="AC"] { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.profile-result[data-result="WA"], .profile-result[data-result="IE"] { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
.profile-activity-calendar { display: flex; gap: 0.75rem; width: max-content; }
.profile-activity-days { display: grid; grid-template-rows: repeat(7, 12px); gap: 3px; line-height: 12px; }
.profile-activity-grid { display: grid; grid-template-rows: repeat(7, 12px); grid-auto-flow: column; grid-auto-columns: 12px; gap: 3px; }
.profile-activity-cell { display: inline-block; flex-shrink: 0; width: 12px; height: 12px; border-radius: 3px; background: #e5e7eb; }
.profile-activity-cell[data-level="1"] { background: #bbf7d0; }
.profile-activity-cell[data-level="2"] { background: #4ade80; }
.profile-activity-cell[data-level="3"] { background: #16a34a; }
.profile-activity-cell[data-level="4"] { background: #166534; }
.profile-rating-chart { position: relative; height: 18rem; width: 100%; min-width: 0; }
.dark .profile-secondary { border-color: #525252; background: #262626; color: #e5e5e5; }
.dark .profile-secondary:hover { background: #404040; }
.dark .profile-link, .dark .profile-tab:hover, .dark .profile-tab-active { color: #60a5fa; }
.dark .profile-tab { color: #a3a3a3; }
.dark .profile-tab-active { border-color: #60a5fa; color: #60a5fa; }
.dark .profile-error { border-color: #991b1b; background: #450a0a; color: #fca5a5; }
.dark .profile-success { border-color: #065f46; background: #022c22; color: #6ee7b7; }
.dark .profile-result { border-color: #525252; }
.dark .profile-result[data-result="AC"] { border-color: #065f46; background: #022c22; color: #6ee7b7; }
.dark .profile-result[data-result="WA"], .dark .profile-result[data-result="IE"] { border-color: #991b1b; background: #450a0a; color: #fca5a5; }
.dark .profile-activity-cell { background: #404040; }
.dark .profile-activity-cell[data-level="1"] { background: #14532d; }
.dark .profile-activity-cell[data-level="2"] { background: #15803d; }
.dark .profile-activity-cell[data-level="3"] { background: #22c55e; }
.dark .profile-activity-cell[data-level="4"] { background: #86efac; }
#profile-rating table { min-width: 36rem; }
.profile-activity-days { position: sticky; left: 0; z-index: 1; background: #fff; padding-right: 0.375rem; }
.dark .profile-activity-days { background: #262626; }