feat(ui): sort dropdown for cards, capture bar prominence

- Cards sort dropdown: newest, oldest, most used — wired to reload
- Capture bar: larger font, more padding, accent glow on focus
- Prompt glyph scales up for visibility

web/style.css

@@ -665,7 +665,12 @@ main {
     border-top: 1px solid var(--border);
     background: var(--surf);
     flex-shrink: 0;
-    transition: border-top-color var(--t-base);
+    padding: 4px 0;
+    transition: border-top-color var(--t-base), box-shadow var(--t-base);
+}
+
+#capture-bar:focus-within {
+    box-shadow: 0 -2px 12px rgba(200,148,42,.08);
 }
 
 /* ── Capture preview ── */
@@ -697,7 +702,7 @@ main {
 .cap-pill-card { color: var(--accent); border-color: rgba(200,148,42,.25); }
 .cap-pill-query { color: var(--event); border-color: rgba(104,152,200,.3); }
 
-#capture-bar:focus-within { border-top-color: rgba(200,148,42,.35); }
+#capture-bar:focus-within { border-top-color: var(--accent); }
 
 .cap-row {
     display: flex;
@@ -707,10 +712,10 @@ main {
 
 .cap-prompt {
     font-family: var(--mono);
-    font-size: 14px;
+    font-size: 16px;
     color: var(--accent);
     opacity: .4;
-    padding-bottom: 8px;
+    padding-bottom: 10px;
     flex-shrink: 0;
     transition: opacity var(--t-base);
 }
@@ -722,9 +727,9 @@ main {
     background: transparent;
     border: none;
     outline: none;
-    padding: 8px 10px;
+    padding: 10px 10px;
     font-family: var(--mono);
-    font-size: 12px;
+    font-size: 13px;
     color: var(--text);
     line-height: 1.5;
     resize: none;