support open browser

src/styles.css

@@ -289,6 +289,16 @@ button {
   padding: 16px;
 }
 
+.inline-error {
+  margin-bottom: 12px;
+  padding: 10px 12px;
+  border: 1px solid rgba(239, 68, 68, 0.18);
+  border-radius: 12px;
+  background: rgba(254, 242, 242, 0.92);
+  color: #b42318;
+  font-size: 0.86rem;
+}
+
 .sort-bar {
   display: flex;
   justify-content: flex-end;
@@ -524,6 +534,12 @@ button {
   line-height: 1.35;
 }
 
+.profile-actions {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .profile-email,
 .meta-line,
 .bookmark-url {
@@ -561,6 +577,36 @@ button {
   cursor: pointer;
 }
 
+.card-action-button {
+  padding: 6px 10px;
+  border-radius: 10px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 245, 249, 0.92));
+  border: 1px solid rgba(148, 163, 184, 0.24);
+  color: var(--text);
+  font-size: 0.8rem;
+  font-weight: 600;
+  cursor: pointer;
+  transition:
+    border-color 160ms ease,
+    background 160ms ease,
+    box-shadow 160ms ease;
+}
+
+.card-action-button:hover {
+  border-color: rgba(100, 116, 139, 0.36);
+  background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(226, 232, 240, 0.9));
+}
+
+.card-action-button:disabled {
+  cursor: default;
+  opacity: 0.7;
+  border-color: rgba(148, 163, 184, 0.2);
+}
+
+.card-action-button:active {
+  box-shadow: inset 0 2px 4px rgba(148, 163, 184, 0.18);
+}
+
 .disclosure-panel {
   display: flex;
   flex-wrap: wrap;