diff --git a/src/index.css b/src/index.css
index a893801d..f65b5317 100644
--- a/src/index.css
+++ b/src/index.css
@@ -14,200 +14,4 @@
 @import './styles/components/me.css';
 @import './styles/utils/animations.css';
 @import './styles/utils/utilities.css';
-
-
-.user-info {
-  margin: 0.5rem 0 0 0;
-  color: #888;
-  font-size: 0.9rem;
-  font-family: monospace;
-}
-
-.bookmark-count {
-  color: #666;
-  font-size: 0.9rem;
-  margin: 0.5rem 0;
-}
-
-.event-link {
-  color: #8ab4f8;
-  text-decoration: none;
-  font-weight: 500;
-}
-
-.event-link:hover {
-  text-decoration: underline;
-}
-
-.bookmark-urls {
-  margin: 0.75rem 0;
-}
-
-.bookmark-url {
-  display: block;
-  margin: 0.25rem 0;
-  color: #007bff;
-  text-decoration: none;
-  word-break: break-all;
-  background: none;
-  border: none;
-  padding: 0;
-  font: inherit;
-  cursor: pointer;
-  text-align: left;
-  width: 100%;
-}
-
-.bookmark-url:hover {
-  text-decoration: underline;
-}
-
-.url-row {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-
-.read-inline-btn {
-  background: #28a745;
-  color: white;
-  border: none;
-  padding: 0.25rem 0.5rem;
-  border-radius: 4px;
-  cursor: pointer;
-}
-
-.read-inline-btn:hover {
-  background: #218838;
-}
-
-
-.bookmark-events {
-  margin: 1rem 0;
-}
-
-.bookmark-events h4 {
-  margin: 0 0 0.5rem 0;
-  font-size: 0.9rem;
-  color: #666;
-}
-
-.event-ids {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-
-.event-id {
-  background: #f5f5f5;
-  padding: 0.25rem 0.5rem;
-  border-radius: 4px;
-  font-family: monospace;
-  font-size: 0.8rem;
-  color: #666;
-}
-
-.more-events {
-  color: #999;
-  font-style: italic;
-  font-size: 0.8rem;
-}
-
-.parsed-content {
-  margin: 1rem 0;
-  line-height: 1.6;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
-.nostr-mention {
-  color: #007bff;
-  text-decoration: none;
-  font-family: monospace;
-  background: #f8f9fa;
-  padding: 0.2rem 0.4rem;
-  border-radius: 3px;
-  font-size: 0.9rem;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
-.nostr-mention:hover {
-  background: #e9ecef;
-  text-decoration: underline;
-}
-
-.nostr-link {
-  color: #007bff;
-  text-decoration: none;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-break: break-word;
-}
-
-.nostr-link:hover {
-  text-decoration: underline;
-}
-
-.nostr-uri-link {
-  color: #007bff;
-  text-decoration: none;
-  font-family: monospace;
-  background: #f8f9fa;
-  padding: 0.2rem 0.4rem;
-  border-radius: 4px;
-  font-size: 0.9em;
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-}
-
-.nostr-uri-link:hover {
-  background: #e9ecef;
-  text-decoration: underline;
-}
-
-.logout-button {
-  background: #dc3545;
-  color: white;
-  border: none;
-  padding: 0.5rem 1rem;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-
-.logout-button:hover {
-  background: #c82333;
-}
-
-.loading {
-  text-align: center;
-  padding: 2rem;
-  color: #ccc;
-}
-
-.empty-state {
-  text-align: center;
-  padding: 3rem;
-  color: #888;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-
-.empty-state p {
-  margin: 0.5rem 0;
-}
-
-.loading {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-/* All other styles are imported from modular CSS files above */
+@import './styles/utils/legacy.css';
diff --git a/src/styles/utils/legacy.css b/src/styles/utils/legacy.css
new file mode 100644
index 00000000..06ee6bf3
--- /dev/null
+++ b/src/styles/utils/legacy.css
@@ -0,0 +1,184 @@
+/* Legacy styles for bookmark debugging and nostr content parsing */
+
+.user-info {
+  margin: 0.5rem 0 0 0;
+  color: #888;
+  font-size: 0.9rem;
+  font-family: monospace;
+}
+
+.bookmark-count {
+  color: #666;
+  font-size: 0.9rem;
+  margin: 0.5rem 0;
+}
+
+.event-link {
+  color: #8ab4f8;
+  text-decoration: none;
+  font-weight: 500;
+}
+
+.event-link:hover {
+  text-decoration: underline;
+}
+
+.bookmark-urls {
+  margin: 0.75rem 0;
+}
+
+.bookmark-url {
+  display: block;
+  margin: 0.25rem 0;
+  color: #007bff;
+  text-decoration: none;
+  word-break: break-all;
+  background: none;
+  border: none;
+  padding: 0;
+  font: inherit;
+  cursor: pointer;
+  text-align: left;
+  width: 100%;
+}
+
+.bookmark-url:hover {
+  text-decoration: underline;
+}
+
+.url-row {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.read-inline-btn {
+  background: #28a745;
+  color: white;
+  border: none;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+.read-inline-btn:hover {
+  background: #218838;
+}
+
+.bookmark-events {
+  margin: 1rem 0;
+}
+
+.bookmark-events h4 {
+  margin: 0 0 0.5rem 0;
+  font-size: 0.9rem;
+  color: #666;
+}
+
+.event-ids {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.event-id {
+  background: #f5f5f5;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-family: monospace;
+  font-size: 0.8rem;
+  color: #666;
+}
+
+.more-events {
+  color: #999;
+  font-style: italic;
+  font-size: 0.8rem;
+}
+
+/* Nostr content parsing styles */
+.parsed-content,
+.nostr-mention,
+.nostr-link,
+.nostr-uri-link {
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.parsed-content {
+  margin: 1rem 0;
+  line-height: 1.6;
+}
+
+.nostr-mention,
+.nostr-uri-link {
+  color: #007bff;
+  text-decoration: none;
+  font-family: monospace;
+  background: #f8f9fa;
+  padding: 0.2rem 0.4rem;
+  border-radius: 3px;
+  font-size: 0.9rem;
+}
+
+.nostr-uri-link {
+  font-size: 0.9em;
+  border-radius: 4px;
+}
+
+.nostr-mention:hover,
+.nostr-uri-link:hover {
+  background: #e9ecef;
+  text-decoration: underline;
+}
+
+.nostr-link {
+  color: #007bff;
+  text-decoration: none;
+}
+
+.nostr-link:hover {
+  text-decoration: underline;
+}
+
+.logout-button {
+  background: #dc3545;
+  color: white;
+  border: none;
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.2s;
+}
+
+.logout-button:hover {
+  background: #c82333;
+}
+
+/* Common state styles */
+.loading {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: 2rem;
+  color: #ccc;
+}
+
+.empty-state {
+  text-align: center;
+  padding: 3rem;
+  color: #888;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.empty-state p {
+  margin: 0.5rem 0;
+}
+