fix: unblock clarification retries and refresh handoff UX

src/index.css

@@ -325,26 +325,43 @@ textarea {
 button,
 .import-label {
   border: 0;
-  border-radius: 14px;
+  border-radius: 10px;
   background: linear-gradient(135deg, #60a5fa, #818cf8);
   color: white;
   padding: 0.8rem 1rem;
-  transition: transform 120ms ease, opacity 120ms ease;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.2);
+  transition: transform 120ms ease, opacity 120ms ease, box-shadow 120ms ease, background 120ms ease;
 }
 
 button:hover,
 .import-label:hover {
   transform: translateY(-1px);
+  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.24);
+}
+
+button.primary {
+  background: linear-gradient(135deg, #67e8f9, #818cf8);
+  color: #06111c;
 }
 
 button.ghost,
 .import-label {
-  background: rgba(30, 41, 59, 0.84);
-  border: 1px solid rgba(148, 163, 184, 0.16);
+  background: rgba(18, 25, 40, 0.88);
+  border: 1px solid rgba(148, 163, 184, 0.18);
+  color: #dbe7ff;
+  box-shadow: none;
+}
+
+button.ghost:hover,
+.import-label:hover {
+  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22);
 }
 
 button.danger {
   background: linear-gradient(135deg, #f97316, #ef4444);
+  color: white;
 }
 
 button.small {
@@ -946,7 +963,7 @@ body::before {
   overscroll-behavior-x: contain;
   scrollbar-width: none;
   border: 1px solid rgba(148, 163, 184, 0.2);
-  border-radius: 999px;
+  border-radius: 18px;
   background: rgba(3, 7, 18, 0.78);
   box-shadow: 0 18px 36px rgba(0, 0, 0, 0.28);
   backdrop-filter: blur(18px);
@@ -958,7 +975,7 @@ body::before {
 
 .tab {
   min-width: 8.5rem;
-  border-radius: 999px;
+  border-radius: 14px;
   border-color: transparent;
   background: transparent;
   color: #9fb0c9;