icons

assets/styles/hidden-details.css

@@ -31,6 +31,9 @@
     right: 1rem;
     bottom: 1rem;
     max-width: min(23rem, calc(100vw - 2rem));
+    display: flex;
+    align-items: center;
+    gap: 0.65rem;
     padding: 0.8rem 0.95rem;
     border: 1px solid var(--border);
     border-radius: 8px;
@@ -45,6 +48,27 @@
     transition: opacity 220ms ease, transform 220ms ease;
 }
 
+.hidden-avatar {
+    width: 2rem;
+    height: 2rem;
+    display: inline-grid;
+    place-items: center;
+    flex: 0 0 auto;
+    border-radius: 8px;
+    background: color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 16%, var(--surface));
+    box-shadow: 0 0 0 1px color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 42%, transparent),
+        0 0 18px color-mix(in oklab, var(--hidden-avatar-color, var(--accent)) 22%, transparent);
+    overflow: hidden;
+    animation: hidden-avatar-breathe 6s ease-in-out infinite;
+}
+
+.hidden-avatar svg {
+    width: 100%;
+    height: 100%;
+    display: block;
+    shape-rendering: crispEdges;
+}
+
 .hidden-toast.is-visible {
     opacity: 1;
     transform: translateY(0);
@@ -97,6 +121,13 @@
     z-index: 40;
 }
 
+.hidden-drift-note__head {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    gap: 0.7rem;
+    align-items: center;
+}
+
 .hidden-drift-note pre {
     margin: 0.75rem 0 0;
     white-space: pre;
@@ -213,6 +244,18 @@
     box-shadow: 0 12px 28px color-mix(in oklab, #000 12%, transparent);
 }
 
+@keyframes hidden-avatar-breathe {
+    0%, 100% {
+        transform: translateY(0);
+        filter: saturate(0.96);
+    }
+
+    50% {
+        transform: translateY(-1px);
+        filter: saturate(1.14);
+    }
+}
+
 body.hidden-home-takeover .db-root {
     filter: saturate(0.9) contrast(1.03);
 }