[x-cloak] { display: none !important; }

.type-badge {
    font-size: 0.65rem;
    padding: 2px 8px;
    border-radius: 9999px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.type-badge.web-service { background: #dbeafe; color: #1d4ed8; }
.type-badge.cli-tool { background: #fef3c7; color: #92400e; }
.type-badge.unity-game { background: #d1fae5; color: #065f46; }
.type-badge.online-game { background: #ede9fe; color: #5b21b6; }
.type-badge.other { background: #f1f5f9; color: #475569; }

.dark .type-badge.web-service { background: #1e3a5f; color: #93c5fd; }
.dark .type-badge.cli-tool { background: #451a03; color: #fcd34d; }
.dark .type-badge.unity-game { background: #064e3b; color: #6ee7b7; }
.dark .type-badge.online-game { background: #2e1065; color: #c4b5fd; }
.dark .type-badge.other { background: #334155; color: #94a3b8; }

.sidebar-link {
    display: block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #64748b;
    transition: all 0.15s;
}
.sidebar-link:hover { background: #f1f5f9; color: #334155; }
.sidebar-link.active { background: #eef2ff; color: #4f46e5; font-weight: 600; }

.dark .sidebar-link { color: #94a3b8; }
.dark .sidebar-link:hover { background: #334155; color: #e2e8f0; }
.dark .sidebar-link.active { background: #312e81; color: #a5b4fc; }

.toc-link {
    display: block;
    padding: 2px 0;
    font-size: 0.75rem;
    color: #94a3b8;
    transition: color 0.15s;
}
.toc-link:hover { color: #4f46e5; }
.dark .toc-link:hover { color: #a5b4fc; }