From 4318aa547ffbdfdbb76b7fc41560e6b96d39db86 Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Mon, 2 Feb 2026 10:34:36 +1100
Subject: [PATCH] Remove unused src/styles/global.css

The site uses public/styles/global.css via direct link in BaseLayout.
The src/styles version was outdated and never imported.
---
 website/public/data/manifest.json |    2 +-
 website/src/styles/global.css     | 1216 -----------------------------
 2 files changed, 1 insertion(+), 1217 deletions(-)
 delete mode 100644 website/src/styles/global.css

diff --git a/website/public/data/manifest.json b/website/public/data/manifest.json
index f49f5d28..7d63e5d6 100644
--- a/website/public/data/manifest.json
+++ b/website/public/data/manifest.json
@@ -1,5 +1,5 @@
 {
-  "generated": "2026-01-29T02:32:57.492Z",
+  "generated": "2026-02-01T23:32:16.397Z",
   "counts": {
     "agents": 140,
     "prompts": 134,
diff --git a/website/src/styles/global.css b/website/src/styles/global.css
deleted file mode 100644
index 3f689923..00000000
--- a/website/src/styles/global.css
+++ /dev/null
@@ -1,1216 +0,0 @@
-/* CSS Variables and Base Styles */
-:root {
-  /* Dark theme (default) */
-  --color-bg: #0d1117;
-  --color-bg-secondary: #161b22;
-  --color-bg-tertiary: #21262d;
-  --color-border: #30363d;
-  --color-text: #c9d1d9;
-  --color-text-muted: #8b949e;
-  --color-text-emphasis: #f0f6fc;
-  --color-link: #58a6ff;
-  --color-link-hover: #79c0ff;
-  --color-accent: #238636;
-  --color-accent-hover: #2ea043;
-  --color-danger: #f85149;
-  --color-warning: #d29922;
-  --color-success: #238636;
-  --color-card-bg: #161b22;
-  --color-card-hover: #1c2128;
-  --border-radius: 6px;
-  --border-radius-lg: 12px;
-  --shadow: 0 1px 3px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.12);
-  --shadow-lg: 0 8px 24px rgba(0,0,0,0.4);
-  --transition: 0.15s ease;
-  --container-width: 1200px;
-  --header-height: 64px;
-}
-
-/* Light theme */
-[data-theme="light"] {
-  --color-bg: #ffffff;
-  --color-bg-secondary: #f6f8fa;
-  --color-bg-tertiary: #f0f3f6;
-  --color-border: #d0d7de;
-  --color-text: #24292f;
-  --color-text-muted: #57606a;
-  --color-text-emphasis: #1f2328;
-  --color-link: #0969da;
-  --color-link-hover: #0550ae;
-  --color-card-bg: #ffffff;
-  --color-card-hover: #f6f8fa;
-  --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 8px 24px rgba(0,0,0,0.08);
-  --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
-}
-
-/* Auto theme based on system preference */
-@media (prefers-color-scheme: light) {
-  :root:not([data-theme="dark"]) {
-    --color-bg: #ffffff;
-    --color-bg-secondary: #f6f8fa;
-    --color-bg-tertiary: #f0f3f6;
-    --color-border: #d0d7de;
-    --color-text: #24292f;
-    --color-text-muted: #57606a;
-    --color-text-emphasis: #1f2328;
-    --color-link: #0969da;
-    --color-link-hover: #0550ae;
-    --color-card-bg: #ffffff;
-    --color-card-hover: #f6f8fa;
-    --shadow: 0 1px 3px rgba(0,0,0,0.08), 0 8px 24px rgba(0,0,0,0.08);
-    --shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
-  }
-}
-
-* {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-}
-
-html {
-  scroll-behavior: smooth;
-}
-
-body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
-  background-color: var(--color-bg);
-  color: var(--color-text);
-  line-height: 1.6;
-  min-height: 100vh;
-}
-
-.container {
-  max-width: var(--container-width);
-  margin: 0 auto;
-  padding: 0 24px;
-}
-
-a {
-  color: var(--color-link);
-  text-decoration: none;
-  transition: color var(--transition);
-}
-
-a:hover {
-  color: var(--color-link-hover);
-}
-
-/* Header */
-.site-header {
-  background-color: var(--color-bg-secondary);
-  border-bottom: 1px solid var(--color-border);
-  position: sticky;
-  top: 0;
-  z-index: 100;
-  height: var(--header-height);
-}
-
-.header-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: var(--header-height);
-}
-
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 600;
-  font-size: 18px;
-  color: var(--color-text-emphasis);
-}
-
-.logo:hover {
-  color: var(--color-text-emphasis);
-}
-
-.logo-icon {
-  font-size: 24px;
-}
-
-.main-nav {
-  display: flex;
-  gap: 24px;
-}
-
-.main-nav a {
-  color: var(--color-text);
-  font-size: 14px;
-  font-weight: 500;
-  padding: 8px 0;
-  border-bottom: 2px solid transparent;
-  transition: all var(--transition);
-}
-
-.main-nav a:hover,
-.main-nav a.active {
-  color: var(--color-text-emphasis);
-  border-bottom-color: var(--color-accent);
-}
-
-.github-link {
-  color: var(--color-text);
-  display: flex;
-  align-items: center;
-}
-
-.github-link:hover {
-  color: var(--color-text-emphasis);
-}
-
-/* Theme Toggle */
-.header-actions {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-
-.theme-toggle {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 8px;
-  border-radius: var(--border-radius);
-  color: var(--color-text);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all var(--transition);
-}
-
-.theme-toggle:hover {
-  background-color: var(--color-bg-tertiary);
-  color: var(--color-text-emphasis);
-}
-
-.theme-toggle svg {
-  width: 20px;
-  height: 20px;
-}
-
-.theme-toggle .icon-sun,
-.theme-toggle .icon-moon {
-  display: none;
-}
-
-/* Show sun icon in dark mode (click to switch to light) */
-:root:not([data-theme="light"]) .theme-toggle .icon-sun {
-  display: block;
-}
-
-:root:not([data-theme="light"]) .theme-toggle .icon-moon {
-  display: none;
-}
-
-/* Show moon icon in light mode (click to switch to dark) */
-[data-theme="light"] .theme-toggle .icon-sun {
-  display: none;
-}
-
-[data-theme="light"] .theme-toggle .icon-moon {
-  display: block;
-}
-
-/* Handle auto mode with prefers-color-scheme */
-@media (prefers-color-scheme: light) {
-  :root:not([data-theme="dark"]):not([data-theme="light"]) .theme-toggle .icon-sun {
-    display: none;
-  }
-  :root:not([data-theme="dark"]):not([data-theme="light"]) .theme-toggle .icon-moon {
-    display: block;
-  }
-}
-
-/* Hero Section */
-.hero {
-  background: linear-gradient(180deg, var(--color-bg-secondary) 0%, var(--color-bg) 100%);
-  padding: 80px 0 60px;
-  text-align: center;
-}
-
-.hero h1 {
-  font-size: 48px;
-  font-weight: 700;
-  color: var(--color-text-emphasis);
-  margin-bottom: 16px;
-}
-
-.hero-subtitle {
-  font-size: 20px;
-  color: var(--color-text-muted);
-  max-width: 600px;
-  margin: 0 auto 32px;
-}
-
-.hero-search {
-  max-width: 500px;
-  margin: 0 auto;
-  position: relative;
-}
-
-.hero-search input {
-  width: 100%;
-  padding: 16px 20px;
-  font-size: 16px;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius-lg);
-  color: var(--color-text);
-  transition: all var(--transition);
-}
-
-.hero-search input:focus {
-  outline: none;
-  border-color: var(--color-link);
-  box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.3);
-}
-
-.hero-search input::placeholder {
-  color: var(--color-text-muted);
-}
-
-.hero-stats {
-  display: flex;
-  justify-content: center;
-  gap: 40px;
-  margin-top: 40px;
-}
-
-.stat {
-  text-align: center;
-}
-
-.stat-value {
-  font-size: 32px;
-  font-weight: 700;
-  color: var(--color-text-emphasis);
-}
-
-.stat-label {
-  font-size: 14px;
-  color: var(--color-text-muted);
-}
-
-/* Search Results Dropdown */
-.search-results {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  margin-top: 8px;
-  max-height: 400px;
-  overflow-y: auto;
-  box-shadow: var(--shadow-lg);
-  z-index: 1000;
-}
-
-.search-results.hidden {
-  display: none;
-}
-
-.search-result-item {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  padding: 12px 16px;
-  cursor: pointer;
-  border-bottom: 1px solid var(--color-border);
-  transition: background-color var(--transition);
-}
-
-.search-result-item:last-child {
-  border-bottom: none;
-}
-
-.search-result-item:hover {
-  background-color: var(--color-bg-tertiary);
-}
-
-.search-result-type {
-  font-size: 12px;
-  padding: 2px 8px;
-  border-radius: 12px;
-  background-color: var(--color-bg-tertiary);
-  color: var(--color-text-muted);
-  font-weight: 500;
-  text-transform: capitalize;
-}
-
-.search-result-title {
-  font-weight: 500;
-  color: var(--color-text-emphasis);
-}
-
-.search-result-description {
-  font-size: 13px;
-  color: var(--color-text-muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 300px;
-}
-
-/* Cards Grid */
-.cards-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 20px;
-}
-
-.card {
-  background-color: var(--color-card-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius-lg);
-  padding: 24px;
-  transition: all var(--transition);
-  display: block;
-  color: inherit;
-}
-
-.card:hover {
-  background-color: var(--color-card-hover);
-  border-color: var(--color-link);
-  transform: translateY(-2px);
-  box-shadow: var(--shadow);
-}
-
-.card-icon {
-  font-size: 32px;
-  margin-bottom: 12px;
-}
-
-.card h3 {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  margin-bottom: 8px;
-}
-
-.card p {
-  font-size: 14px;
-  color: var(--color-text-muted);
-}
-
-/* Quick Links Section */
-.quick-links {
-  padding: 60px 0;
-}
-
-/* Featured Section */
-.featured {
-  padding: 60px 0;
-  background-color: var(--color-bg-secondary);
-}
-
-.featured h2 {
-  font-size: 28px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  margin-bottom: 32px;
-  text-align: center;
-}
-
-/* Getting Started */
-.getting-started {
-  padding: 80px 0;
-}
-
-.getting-started h2 {
-  font-size: 28px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  margin-bottom: 48px;
-  text-align: center;
-}
-
-.steps {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 40px;
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.step {
-  text-align: center;
-}
-
-.step-number {
-  width: 48px;
-  height: 48px;
-  background-color: var(--color-accent);
-  color: white;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 20px;
-  font-weight: 700;
-  margin: 0 auto 16px;
-}
-
-.step h3 {
-  font-size: 18px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  margin-bottom: 8px;
-}
-
-.step p {
-  font-size: 14px;
-  color: var(--color-text-muted);
-}
-
-/* Footer */
-.site-footer {
-  background-color: var(--color-bg-secondary);
-  border-top: 1px solid var(--color-border);
-  padding: 24px 0;
-  text-align: center;
-}
-
-.site-footer p {
-  font-size: 14px;
-  color: var(--color-text-muted);
-}
-
-.site-footer a {
-  color: var(--color-text-muted);
-}
-
-.site-footer a:hover {
-  color: var(--color-text);
-}
-
-/* Buttons */
-.btn {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 16px;
-  font-size: 14px;
-  font-weight: 500;
-  border-radius: var(--border-radius);
-  border: 1px solid transparent;
-  cursor: pointer;
-  transition: all var(--transition);
-  text-decoration: none;
-}
-
-.btn-primary {
-  background-color: var(--color-accent);
-  color: white;
-  border-color: var(--color-accent);
-}
-
-.btn-primary:hover {
-  background-color: var(--color-accent-hover);
-  border-color: var(--color-accent-hover);
-  color: white;
-}
-
-.btn-secondary {
-  background-color: var(--color-bg-tertiary);
-  color: var(--color-text);
-  border-color: var(--color-border);
-}
-
-.btn-secondary:hover {
-  background-color: var(--color-border);
-}
-
-.btn-icon {
-  padding: 8px;
-  background: transparent;
-  border: none;
-  color: var(--color-text-muted);
-}
-
-.btn-icon:hover {
-  color: var(--color-text);
-}
-
-/* Spinner animation */
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.spinner {
-  animation: spin 1s linear infinite;
-}
-
-/* Button states */
-.btn:disabled {
-  opacity: 0.7;
-  cursor: not-allowed;
-}
-
-/* Modal */
-.modal {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, 0.7);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 1000;
-  padding: 24px;
-}
-
-.modal.hidden {
-  display: none;
-}
-
-.modal-content {
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius-lg);
-  width: 100%;
-  max-width: 900px;
-  max-height: 90vh;
-  display: flex;
-  flex-direction: column;
-  box-shadow: var(--shadow-lg);
-}
-
-.modal-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px 20px;
-  border-bottom: 1px solid var(--color-border);
-}
-
-.modal-header h3 {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.modal-actions {
-  display: flex;
-  gap: 8px;
-}
-
-.modal-body {
-  flex: 1;
-  overflow: auto;
-  padding: 0;
-}
-
-.modal-body pre {
-  margin: 0;
-  padding: 20px;
-  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 13px;
-  line-height: 1.5;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  background: var(--color-bg);
-  color: var(--color-text);
-  min-height: 200px;
-}
-
-/* Page Layouts */
-.page-header {
-  padding: 48px 0 32px;
-  border-bottom: 1px solid var(--color-border);
-}
-
-.page-header h1 {
-  font-size: 32px;
-  font-weight: 700;
-  color: var(--color-text-emphasis);
-  margin-bottom: 8px;
-}
-
-.page-header p {
-  font-size: 16px;
-  color: var(--color-text-muted);
-}
-
-.page-content {
-  padding: 32px 0 60px;
-}
-
-/* Search and Filter Bar */
-.search-bar {
-  display: flex;
-  gap: 16px;
-  margin-bottom: 24px;
-  flex-wrap: wrap;
-}
-
-.search-bar input {
-  flex: 1;
-  min-width: 250px;
-  padding: 12px 16px;
-  font-size: 14px;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  color: var(--color-text);
-}
-
-.search-bar input:focus {
-  outline: none;
-  border-color: var(--color-link);
-}
-
-/* Filters Bar */
-.filters-bar {
-  display: flex;
-  gap: 16px;
-  margin-bottom: 20px;
-  flex-wrap: wrap;
-  align-items: center;
-  padding: 16px;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-}
-
-.filter-group {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-.filter-group label {
-  font-size: 13px;
-  color: var(--color-text-muted);
-  white-space: nowrap;
-}
-
-.filter-group select {
-  padding: 6px 12px;
-  font-size: 13px;
-  background-color: var(--color-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  color: var(--color-text);
-  min-width: 150px;
-  cursor: pointer;
-}
-
-.filter-group select:focus {
-  outline: none;
-  border-color: var(--color-link);
-}
-
-.checkbox-label {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-  user-select: none;
-}
-
-.checkbox-label input[type="checkbox"] {
-  width: 16px;
-  height: 16px;
-  cursor: pointer;
-}
-
-.btn-small {
-  padding: 6px 12px;
-  font-size: 12px;
-}
-
-/* Multi-Select Component */
-.multi-select {
-  position: relative;
-  min-width: 180px;
-}
-
-.multi-select-trigger {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  width: 100%;
-  padding: 6px 12px;
-  font-size: 13px;
-  background-color: var(--color-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  color: var(--color-text);
-  cursor: pointer;
-  text-align: left;
-  transition: all var(--transition);
-}
-
-.multi-select-trigger:hover {
-  border-color: var(--color-text-muted);
-}
-
-.multi-select.is-open .multi-select-trigger {
-  border-color: var(--color-link);
-}
-
-.multi-select-display {
-  flex: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  color: var(--color-text-muted);
-}
-
-.multi-select-display.has-value {
-  color: var(--color-text);
-}
-
-.multi-select-arrow {
-  flex-shrink: 0;
-  transition: transform var(--transition);
-  color: var(--color-text-muted);
-}
-
-.multi-select.is-open .multi-select-arrow {
-  transform: rotate(180deg);
-}
-
-.multi-select-dropdown {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: 0;
-  margin-top: 4px;
-  background-color: var(--color-bg-secondary);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  box-shadow: var(--shadow-lg);
-  z-index: 100;
-  display: none;
-  flex-direction: column;
-  max-height: 320px;
-}
-
-.multi-select.is-open .multi-select-dropdown {
-  display: flex;
-}
-
-.multi-select-search-wrapper {
-  padding: 8px;
-  border-bottom: 1px solid var(--color-border);
-}
-
-.multi-select-search {
-  width: 100%;
-  padding: 8px 10px;
-  font-size: 13px;
-  background-color: var(--color-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  color: var(--color-text);
-}
-
-.multi-select-search:focus {
-  outline: none;
-  border-color: var(--color-link);
-}
-
-.multi-select-options {
-  flex: 1;
-  overflow-y: auto;
-  padding: 4px 0;
-}
-
-.multi-select-option {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  cursor: pointer;
-  transition: background-color var(--transition);
-}
-
-.multi-select-option:hover {
-  background-color: var(--color-bg-tertiary);
-}
-
-.multi-select-option input[type="checkbox"] {
-  display: none;
-}
-
-.multi-select-checkbox {
-  width: 16px;
-  height: 16px;
-  border: 1px solid var(--color-border);
-  border-radius: 3px;
-  background-color: var(--color-bg);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  transition: all var(--transition);
-}
-
-.multi-select-option input[type="checkbox"]:checked + .multi-select-checkbox {
-  background-color: var(--color-link);
-  border-color: var(--color-link);
-}
-
-.multi-select-option input[type="checkbox"]:checked + .multi-select-checkbox::after {
-  content: '';
-  width: 10px;
-  height: 10px;
-  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z'/%3E%3C/svg%3E");
-  background-size: contain;
-}
-
-.multi-select-label {
-  flex: 1;
-  font-size: 13px;
-  color: var(--color-text);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.multi-select-empty {
-  padding: 16px;
-  text-align: center;
-  color: var(--color-text-muted);
-  font-size: 13px;
-}
-
-.multi-select-actions {
-  display: flex;
-  gap: 8px;
-  padding: 8px;
-  border-top: 1px solid var(--color-border);
-}
-
-.multi-select-actions button {
-  flex: 1;
-  padding: 6px 12px;
-  font-size: 12px;
-  border-radius: var(--border-radius);
-  cursor: pointer;
-  transition: all var(--transition);
-}
-
-.multi-select-clear {
-  background-color: transparent;
-  border: 1px solid var(--color-border);
-  color: var(--color-text-muted);
-}
-
-.multi-select-clear:hover {
-  background-color: var(--color-bg-tertiary);
-  color: var(--color-text);
-}
-
-.multi-select-done {
-  background-color: var(--color-link);
-  border: 1px solid var(--color-link);
-  color: white;
-}
-
-.multi-select-done:hover {
-  background-color: var(--color-link-hover);
-  border-color: var(--color-link-hover);
-}
-
-/* Tag variants */
-.tag-model {
-  background-color: rgba(88, 166, 255, 0.15);
-  color: var(--color-link);
-}
-
-.tag-none {
-  background-color: var(--color-bg-tertiary);
-  color: var(--color-text-muted);
-  font-style: italic;
-}
-
-.tag-handoffs {
-  background-color: rgba(210, 153, 34, 0.15);
-  color: var(--color-warning);
-}
-
-.tag-extension {
-  background-color: rgba(35, 134, 54, 0.15);
-  color: var(--color-success);
-}
-
-.tag-category {
-  background-color: rgba(130, 80, 223, 0.15);
-  color: #a371f7;
-}
-
-.tag-assets {
-  background-color: rgba(88, 166, 255, 0.15);
-  color: var(--color-link);
-}
-
-.tag-collection {
-  background-color: rgba(210, 153, 34, 0.15);
-  color: var(--color-warning);
-}
-
-.tag-featured {
-  background-color: rgba(210, 153, 34, 0.2);
-  color: var(--color-warning);
-  padding: 2px 8px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.results-count {
-  font-size: 14px;
-  color: var(--color-text-muted);
-  margin-bottom: 16px;
-}
-
-/* Resource List */
-.resource-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-}
-
-.resource-item {
-  background-color: var(--color-card-bg);
-  border: 1px solid var(--color-border);
-  border-radius: var(--border-radius);
-  padding: 16px 20px;
-  display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 16px;
-  transition: all var(--transition);
-  cursor: pointer;
-}
-
-.resource-item:hover {
-  background-color: var(--color-card-hover);
-  border-color: var(--color-link);
-}
-
-.resource-info {
-  flex: 1;
-  min-width: 0;
-}
-
-.resource-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: var(--color-text-emphasis);
-  margin-bottom: 4px;
-}
-
-.resource-description {
-  font-size: 14px;
-  color: var(--color-text-muted);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-
-.resource-meta {
-  display: flex;
-  gap: 8px;
-  margin-top: 8px;
-  flex-wrap: wrap;
-}
-
-.resource-tag {
-  font-size: 12px;
-  padding: 2px 8px;
-  background-color: var(--color-bg-tertiary);
-  border-radius: 12px;
-  color: var(--color-text-muted);
-}
-
-.resource-actions {
-  display: flex;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-/* Collection Items */
-.collection-items {
-  margin-top: 12px;
-  padding-top: 12px;
-  border-top: 1px solid var(--color-border);
-}
-
-.collection-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 0;
-  font-size: 13px;
-  color: var(--color-text-muted);
-}
-
-.collection-item-kind {
-  font-size: 11px;
-  padding: 2px 6px;
-  background-color: var(--color-bg-tertiary);
-  border-radius: 4px;
-  text-transform: capitalize;
-}
-
-/* Empty State */
-.empty-state {
-  text-align: center;
-  padding: 60px 20px;
-  color: var(--color-text-muted);
-}
-
-.empty-state h3 {
-  font-size: 18px;
-  color: var(--color-text);
-  margin-bottom: 8px;
-}
-
-/* Loading State */
-.loading {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  color: var(--color-text-muted);
-}
-
-/* Toast Notifications */
-.toast {
-  position: fixed;
-  bottom: 24px;
-  right: 24px;
-  padding: 12px 20px;
-  background-color: var(--color-success);
-  color: white;
-  border-radius: var(--border-radius);
-  font-size: 14px;
-  font-weight: 500;
-  z-index: 1100;
-  animation: slideIn 0.3s ease;
-}
-
-.toast.error {
-  background-color: var(--color-danger);
-}
-
-@keyframes slideIn {
-  from {
-    transform: translateY(100%);
-    opacity: 0;
-  }
-  to {
-    transform: translateY(0);
-    opacity: 1;
-  }
-}
-
-/* Responsive */
-@media (max-width: 768px) {
-  .main-nav {
-    display: none;
-  }
-  
-  .hero h1 {
-    font-size: 32px;
-  }
-  
-  .hero-subtitle {
-    font-size: 16px;
-  }
-  
-  .hero-stats {
-    flex-wrap: wrap;
-    gap: 20px;
-  }
-  
-  .steps {
-    grid-template-columns: 1fr;
-    gap: 32px;
-  }
-  
-  .cards-grid {
-    grid-template-columns: 1fr;
-  }
-  
-  .resource-item {
-    flex-direction: column;
-    align-items: stretch;
-  }
-  
-  .resource-actions {
-    justify-content: flex-end;
-  }
-}
-
-/* Placeholder sections */
-.placeholder-section {
-  text-align: center;
-  padding: 80px 20px;
-  background-color: var(--color-bg-secondary);
-  border: 2px dashed var(--color-border);
-  border-radius: var(--border-radius-lg);
-  margin: 20px 0;
-}
-
-.placeholder-section h3 {
-  font-size: 24px;
-  color: var(--color-text-emphasis);
-  margin-bottom: 12px;
-}
-
-.placeholder-section p {
-  color: var(--color-text-muted);
-  max-width: 500px;
-  margin: 0 auto;
-}
-
-/* Tools page specific */
-.tool-card {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-.tool-card h3 {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-
-.tool-status {
-  font-size: 12px;
-  padding: 4px 8px;
-  border-radius: 12px;
-  font-weight: 500;
-}
-
-.tool-status.available {
-  background-color: rgba(35, 134, 54, 0.2);
-  color: var(--color-success);
-}
-
-.tool-status.coming-soon {
-  background-color: rgba(210, 153, 34, 0.2);
-  color: var(--color-warning);
-}