v0.1.21 카테고리 Alpine 및 업로드 정리

assets/built/screen.css

@@ -353,6 +353,27 @@ body.left-sidebar-collapsed .sidebar--left {
     line-height: 1;
 }
 
+.sidebar-card--categories {
+    padding-top: 0;
+    border-top: 0;
+}
+
+.sidebar-card--categories .sidebar-card__trigger {
+    width: 100%;
+    padding-left: 0;
+    background: transparent;
+    border: 0;
+    color: inherit;
+}
+
+.sidebar-card--categories .sidebar-card__chevron {
+    transition: transform 0.2s ease;
+}
+
+.sidebar-card--categories .sidebar-card__content--categories {
+    padding: 0;
+}
+
 .category-grid {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -427,6 +448,33 @@ body.left-sidebar-collapsed .sidebar--left {
     border-radius: 999px;
 }
 
+.sidebar-card--categories .category-chip {
+    font-size: 12.8px;
+    font-weight: 500;
+    letter-spacing: 0;
+}
+
+.sidebar-card--categories .category-chip:hover {
+    transform: none;
+}
+
+.sidebar-card--categories .category-chip__dot {
+    position: static;
+    flex: 0 0 auto;
+}
+
+.sidebar-card--categories .category-chip__dot::before {
+    content: none;
+}
+
+.sidebar-card--categories .category-chip__label {
+    font-size: inherit;
+}
+
+.sidebar-card--categories .category-chip__count {
+    min-width: auto;
+}
+
 .author-list {
     display: grid;
     gap: 10px;

assets/styles/tailwind.css

@@ -1,2 +1,42 @@
 @tailwind components;
 @tailwind utilities;
+
+@layer utilities {
+    [x-cloak] {
+        display: none !important;
+    }
+
+    .rounded-theme {
+        border-radius: 18px;
+    }
+
+    .border-brd {
+        border-color: var(--border);
+    }
+
+    .bg-bgr-tone {
+        background-color: var(--surface-muted);
+    }
+
+    .text-typ {
+        color: var(--text);
+    }
+
+    .text-typ-tone {
+        color: var(--text-soft);
+    }
+
+    .bg-accent {
+        background: var(--color-accent);
+    }
+
+    .gap-0\.75 {
+        gap: 0.1875rem;
+    }
+
+    .line-clamp-1 {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+}