recents

public/styles.css

@@ -62,9 +62,15 @@ button:disabled {
     linear-gradient(135deg, #070707 0%, #11100d 48%, #030303 100%);
 }
 
+.entry-stack {
+  display: grid;
+  width: min(760px, 100%);
+  gap: 0.75rem;
+}
+
 .url-form {
   display: flex;
-  width: min(760px, 100%);
+  width: 100%;
   gap: 0.75rem;
   padding: 0.75rem;
   border: 1px solid var(--line);
@@ -105,6 +111,43 @@ button:disabled {
   color: #070707;
 }
 
+.recent-panel {
+  overflow: hidden;
+  border: 1px solid var(--line);
+  border-radius: 28px;
+  background: rgba(255, 255, 255, 0.07);
+  box-shadow: 0 18px 80px rgba(0, 0, 0, 0.28);
+  backdrop-filter: blur(18px);
+}
+
+.recent-list {
+  display: grid;
+  max-height: min(42vh, 24rem);
+  overflow: auto;
+  padding: 0.35rem;
+}
+
+.recent-url {
+  display: block;
+  width: 100%;
+  overflow: hidden;
+  border: 0;
+  border-radius: 20px;
+  padding: 0.85rem 1rem;
+  color: var(--soft);
+  text-align: left;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background: transparent;
+}
+
+.recent-url:hover,
+.recent-url:focus {
+  color: var(--fg);
+  background: rgba(255, 255, 255, 0.09);
+  outline: none;
+}
+
 .message {
   position: fixed;
   bottom: 2rem;