fixed SPA

web/daily-bookmarks.css

@@ -14,13 +14,13 @@
   --radius: 16px;
 }
 
-*,
-*::before,
-*::after {
+.daily-bookmarks-view *,
+.daily-bookmarks-view *::before,
+.daily-bookmarks-view *::after {
   box-sizing: border-box;
 }
 
-body {
+.daily-bookmarks-view {
   margin: 0;
   font-family: 'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif;
   background: var(--bg);
@@ -29,12 +29,12 @@ body {
   min-height: 100vh;
 }
 
-a {
+.daily-bookmarks-view a {
   color: var(--accent-2);
   text-decoration: none;
 }
 
-a:hover {
+.daily-bookmarks-view a:hover {
   text-decoration: underline;
 }
 
@@ -49,13 +49,13 @@ a:hover {
   border: 0;
 }
 
-.daily-shell {
-  max-width: 1600px;
+.daily-bookmarks-view .daily-shell {
+  max-width: var(--content-max-width, 1600px);
   margin: 0 auto;
-  padding: 28px 18px 50px;
+  padding: 0 18px 36px;
 }
 
-.hero {
+.daily-bookmarks-view .hero {
   background: var(--panel);
   border: 1px solid var(--border);
   border-radius: 20px;
@@ -366,6 +366,39 @@ a:hover {
   box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
 }
 
+.field__hint {
+  margin: 0;
+  color: var(--muted);
+  font-size: 13px;
+}
+
+.field--switch {
+  align-items: flex-start;
+}
+
+.switch-control {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.06);
+  border: 1px solid rgba(255, 255, 255, 0.14);
+}
+
+.switch-control__label {
+  color: var(--text);
+  font-weight: 600;
+}
+
+.field--switch input[type='checkbox'] {
+  width: auto;
+  min-width: 18px;
+  height: 18px;
+  accent-color: var(--accent);
+  margin: 0;
+}
+
 .form-preview {
   margin-top: 8px;
   display: flex;
@@ -446,6 +479,15 @@ a:hover {
   border-color: var(--accent);
 }
 
+.primary-btn:disabled,
+.secondary-btn:disabled,
+.ghost-btn:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+  transform: none;
+  box-shadow: none;
+}
+
 .ghost-btn--tiny {
   padding: 6px 8px;
   font-size: 12px;
@@ -588,11 +630,26 @@ a:hover {
   border-bottom-color: rgba(16, 185, 129, 0.3);
 }
 
+.bookmark-table td:last-child {
+  white-space: nowrap;
+  text-align: right;
+}
+
 .bookmark-table tr.is-open td {
   background: rgba(37, 99, 235, 0.08);
   border-bottom-color: rgba(37, 99, 235, 0.2);
 }
 
+.bookmark-table tr.is-inactive td {
+  background: rgba(107, 114, 128, 0.16);
+  border-bottom-color: rgba(107, 114, 128, 0.28);
+  color: var(--muted);
+}
+
+.bookmark-table tr.is-inactive a {
+  color: var(--muted);
+}
+
 .chip {
   border-radius: 12px;
   padding: 6px 8px;
@@ -611,6 +668,13 @@ a:hover {
   border-color: rgba(37, 99, 235, 0.2);
 }
 
+.chip--inactive {
+  background: rgba(107, 114, 128, 0.22);
+  color: #0f172a;
+  border-color: rgba(107, 114, 128, 0.32);
+  margin-left: 8px;
+}
+
 .list-summary {
   color: var(--muted);
   font-size: 14px;
@@ -631,9 +695,10 @@ a:hover {
 }
 
 .table-actions {
-  display: flex;
+  display: inline-flex;
   gap: 6px;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
 }
 
 .table-actions .ghost-btn {