create-principles-disciple 1.85.0 → 1.87.0

package/console/dist/web/assets/app.css

@@ -4,33 +4,21 @@
 @layer theme {
   :root, :host {
     --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-    --font-mono: "SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
+    --font-mono: "JetBrains Mono", "SFMono-Regular", "Cascadia Mono", Consolas, monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
-    --color-red-100: oklch(93.6% 0.032 17.717);
     --color-red-200: oklch(88.5% 0.062 18.334);
-    --color-red-300: oklch(80.8% 0.114 19.571);
     --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
-    --color-red-800: oklch(44.4% 0.177 26.899);
-    --color-red-950: oklch(25.8% 0.092 26.042);
-    --color-amber-50: oklch(98.7% 0.022 95.277);
-    --color-amber-100: oklch(96.2% 0.059 95.617);
-    --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
     --color-amber-500: oklch(76.9% 0.188 70.08);
     --color-amber-600: oklch(66.6% 0.179 58.318);
-    --color-amber-700: oklch(55.5% 0.163 48.998);
-    --color-amber-800: oklch(47.3% 0.137 46.201);
-    --color-green-50: oklch(98.2% 0.018 155.826);
-    --color-green-100: oklch(96.2% 0.044 156.743);
-    --color-green-300: oklch(87.1% 0.15 154.449);
     --color-green-400: oklch(79.2% 0.209 151.711);
     --color-green-500: oklch(72.3% 0.219 149.579);
     --color-green-600: oklch(62.7% 0.194 149.214);
-    --color-green-700: oklch(52.7% 0.154 150.069);
-    --color-green-800: oklch(44.8% 0.119 151.328);
+    --color-teal-600: oklch(60% 0.118 184.704);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -48,7 +36,9 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
-    --tracking-tight: -0.025em;
+    --tracking-tight: -0.011em;
+    --tracking-normal: 0em;
+    --tracking-wide: 0.08em;
     --tracking-wider: 0.05em;
     --leading-snug: 1.375;
     --leading-relaxed: 1.625;
@@ -93,6 +83,10 @@
     --color-input: var(--color-line);
     --color-ring: var(--color-gov);
     --shadow-card: 0 18px 48px rgba(31, 41, 51, .08);
+    --shadow-ring: 0 0 0 3px color-mix(in srgb, #1e3a5f 18%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --shadow-ring: 0 0 0 3px color-mix(in srgb, var(--color-gov) 18%, transparent);
+    }
   }
 }
 @layer base {
@@ -295,6 +289,9 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -313,12 +310,18 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-2 {
+    right: calc(var(--spacing) * 2);
+  }
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -439,11 +442,8 @@
   .ml-\[256px\] {
     margin-left: 256px;
   }
-  .line-clamp-2 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+  .ml-auto {
+    margin-left: auto;
   }
   .line-clamp-3 {
     overflow: hidden;
@@ -454,6 +454,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -466,6 +469,9 @@
   .inline {
     display: inline;
   }
+  .inline-block {
+    display: inline-block;
+  }
   .inline-flex {
     display: inline-flex;
   }
@@ -517,6 +523,9 @@
   .h-16 {
     height: calc(var(--spacing) * 16);
   }
+  .h-\[7px\] {
+    height: 7px;
+  }
   .h-\[var\(--radix-select-trigger-height\)\] {
     height: var(--radix-select-trigger-height);
   }
@@ -532,21 +541,18 @@
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
   }
-  .max-h-\[80vh\] {
-    max-height: 80vh;
-  }
   .max-h-\[400px\] {
     max-height: 400px;
   }
   .min-h-\[80px\] {
     min-height: 80px;
   }
-  .min-h-\[100px\] {
-    min-height: 100px;
-  }
   .min-h-screen {
     min-height: 100vh;
   }
+  .w-2 {
+    width: calc(var(--spacing) * 2);
+  }
   .w-3 {
     width: calc(var(--spacing) * 3);
   }
@@ -568,18 +574,45 @@
   .w-8 {
     width: calc(var(--spacing) * 8);
   }
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
   .w-16 {
     width: calc(var(--spacing) * 16);
   }
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
   .w-\[3px\] {
     width: 3px;
   }
+  .w-\[7px\] {
+    width: 7px;
+  }
+  .w-\[50\%\] {
+    width: 50%;
+  }
+  .w-\[55\%\] {
+    width: 55%;
+  }
+  .w-\[60\%\] {
+    width: 60%;
+  }
+  .w-\[75\%\] {
+    width: 75%;
+  }
+  .w-\[80\%\] {
+    width: 80%;
+  }
   .w-\[256px\] {
     width: 256px;
   }
@@ -643,6 +676,17 @@
   .shrink-0 {
     flex-shrink: 0;
   }
+  .grow {
+    flex-grow: 1;
+  }
+  .translate-x-1 {
+    --tw-translate-x: calc(var(--spacing) * 1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-6 {
+    --tw-translate-x: calc(var(--spacing) * 6);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[-50\%\] {
     --tw-translate-x: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -651,6 +695,9 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .rotate-45 {
+    rotate: 45deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -666,6 +713,15 @@
   .animate-\[fadeIn_500ms_ease-out_600ms_both\] {
     animation: fadeIn 500ms ease-out 600ms both;
   }
+  .animate-\[pdFadeIn_200ms_ease-out\] {
+    animation: pdFadeIn 200ms ease-out;
+  }
+  .animate-\[pdFadeIn_400ms_ease-out\] {
+    animation: pdFadeIn 400ms ease-out;
+  }
+  .animate-\[pdFadeIn_600ms_ease-out\] {
+    animation: pdFadeIn 600ms ease-out;
+  }
   .animate-\[progressFill_600ms_ease-out_1\.2s_both\] {
     animation: progressFill 600ms ease-out 1.2s both;
   }
@@ -702,6 +758,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .items-baseline {
+    align-items: baseline;
+  }
   .items-center {
     align-items: center;
   }
@@ -711,6 +770,9 @@
   .items-start {
     align-items: flex-start;
   }
+  .items-stretch {
+    align-items: stretch;
+  }
   .justify-between {
     justify-content: space-between;
   }
@@ -832,6 +894,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-\[1px\] {
+    border-radius: 1px;
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
@@ -906,8 +971,11 @@
   .border-amber {
     border-color: var(--color-amber);
   }
-  .border-amber-300 {
-    border-color: var(--color-amber-300);
+  .border-amber-400\/50 {
+    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-amber-400) 50%, transparent);
+    }
   }
   .border-amber\/20 {
     border-color: color-mix(in srgb, #a66a2a 20%, transparent);
@@ -942,6 +1010,9 @@
       border-color: color-mix(in oklab, currentcolor 20%, transparent);
     }
   }
+  .border-danger {
+    border-color: var(--color-danger);
+  }
   .border-danger\/20 {
     border-color: color-mix(in srgb, #8b3a3a 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -993,8 +1064,11 @@
       border-color: color-mix(in oklab, var(--color-gov) 30%, transparent);
     }
   }
-  .border-green-300 {
-    border-color: var(--color-green-300);
+  .border-gov\/40 {
+    border-color: color-mix(in srgb, #1e3a5f 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-gov) 40%, transparent);
+    }
   }
   .border-green\/20 {
     border-color: color-mix(in srgb, #4d6b52 20%, transparent);
@@ -1017,21 +1091,18 @@
   .border-line-2 {
     border-color: var(--color-line-2);
   }
-  .border-primary\/20 {
-    border-color: color-mix(in srgb, #1e3a5f 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in oklab, var(--color-primary) 20%, transparent);
-    }
-  }
   .border-red-200 {
     border-color: var(--color-red-200);
   }
-  .border-red-300 {
-    border-color: var(--color-red-300);
-  }
   .border-red-400 {
     border-color: var(--color-red-400);
   }
+  .border-rose-400\/50 {
+    border-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 50%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-rose-400) 50%, transparent);
+    }
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -1050,11 +1121,14 @@
   .border-l-ink-3 {
     border-left-color: var(--color-ink-3);
   }
-  .bg-amber-50 {
-    background-color: var(--color-amber-50);
+  .border-l-transparent {
+    border-left-color: transparent;
   }
-  .bg-amber-100 {
-    background-color: var(--color-amber-100);
+  .bg-amber-400\/15 {
+    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent);
+    }
   }
   .bg-amber-500 {
     background-color: var(--color-amber-500);
@@ -1092,12 +1166,6 @@
   .bg-destructive {
     background-color: var(--color-destructive);
   }
-  .bg-destructive\/10 {
-    background-color: color-mix(in srgb, #8b3a3a 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
-    }
-  }
   .bg-gov {
     background-color: var(--color-gov);
   }
@@ -1119,12 +1187,6 @@
       background-color: color-mix(in oklab, var(--color-gov) 10%, transparent);
     }
   }
-  .bg-green-50 {
-    background-color: var(--color-green-50);
-  }
-  .bg-green-100 {
-    background-color: var(--color-green-100);
-  }
   .bg-green-500 {
     background-color: var(--color-green-500);
   }
@@ -1179,30 +1241,24 @@
   .bg-primary {
     background-color: var(--color-primary);
   }
-  .bg-primary\/5 {
-    background-color: color-mix(in srgb, #1e3a5f 5%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-primary) 5%, transparent);
-    }
-  }
   .bg-primary\/70 {
     background-color: color-mix(in srgb, #1e3a5f 70%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-primary) 70%, transparent);
     }
   }
-  .bg-red-50 {
-    background-color: var(--color-red-50);
-  }
-  .bg-red-100 {
-    background-color: var(--color-red-100);
-  }
   .bg-red-500 {
     background-color: var(--color-red-500);
   }
   .bg-red-600 {
     background-color: var(--color-red-600);
   }
+  .bg-rose-400\/15 {
+    background-color: color-mix(in srgb, oklch(71.2% 0.194 13.428) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-rose-400) 15%, transparent);
+    }
+  }
   .bg-surface {
     background-color: var(--color-surface);
   }
@@ -1272,9 +1328,15 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-\[6px\] {
+    padding-inline: 6px;
+  }
   .px-\[7px\] {
     padding-inline: 7px;
   }
+  .px-\[8px\] {
+    padding-inline: 8px;
+  }
   .px-\[10px\] {
     padding-inline: 10px;
   }
@@ -1314,6 +1376,9 @@
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
+  .py-\[4px\] {
+    padding-block: 4px;
+  }
   .py-\[5px\] {
     padding-block: 5px;
   }
@@ -1377,6 +1442,9 @@
   .text-center {
     text-align: center;
   }
+  .text-left {
+    text-align: left;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -1396,6 +1464,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[9px\] {
+    font-size: 9px;
+  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -1420,6 +1491,9 @@
   .text-\[17px\] {
     font-size: 17px;
   }
+  .text-\[18px\] {
+    font-size: 18px;
+  }
   .text-\[22px\] {
     font-size: 22px;
   }
@@ -1474,6 +1548,10 @@
     --tw-tracking: 0.16em;
     letter-spacing: 0.16em;
   }
+  .tracking-\[var\(--tracking-wide\)\] {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-tight {
     --tw-tracking: var(--tracking-tight);
     letter-spacing: var(--tracking-tight);
@@ -1500,12 +1578,6 @@
   .text-amber-600 {
     color: var(--color-amber-600);
   }
-  .text-amber-700 {
-    color: var(--color-amber-700);
-  }
-  .text-amber-800 {
-    color: var(--color-amber-800);
-  }
   .text-danger {
     color: var(--color-danger);
   }
@@ -1527,12 +1599,6 @@
   .text-green-600 {
     color: var(--color-green-600);
   }
-  .text-green-700 {
-    color: var(--color-green-700);
-  }
-  .text-green-800 {
-    color: var(--color-green-800);
-  }
   .text-ink {
     color: var(--color-ink);
   }
@@ -1566,11 +1632,8 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
-  .text-red-700 {
-    color: var(--color-red-700);
-  }
-  .text-red-800 {
-    color: var(--color-red-800);
+  .text-teal-600 {
+    color: var(--color-teal-600);
   }
   .text-white {
     color: var(--color-white);
@@ -1588,6 +1651,12 @@
   .line-through {
     text-decoration-line: line-through;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
+  .underline-offset-2 {
+    text-underline-offset: 2px;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
@@ -1600,6 +1669,20 @@
   .opacity-70 {
     opacity: 70%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
+  .opacity-100 {
+    opacity: 100%;
+  }
+  .shadow-\[0_0_3px_rgba\(251\,113\,133\,0\.35\)\] {
+    --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(251,113,133,0.35));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .shadow-\[0_0_3px_rgba\(251\,191\,36\,0\.35\)\] {
+    --tw-shadow: 0 0 3px var(--tw-shadow-color, rgba(251,191,36,0.35));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .shadow-card {
     --tw-shadow: 0 18px 48px var(--tw-shadow-color, rgba(31, 41, 51, .08));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -1619,6 +1702,10 @@
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
   }
+  .invert {
+    --tw-invert: invert(100%);
+    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
+  }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
@@ -1627,13 +1714,18 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[border-color\,background\,color\] {
-    transition-property: border-color,background,color;
+  .transition-\[border-color\,background\,color\,transform\] {
+    transition-property: border-color,background,color,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[border-color\,background\,transform\] {
+    transition-property: border-color,background,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[border-color\,background\] {
-    transition-property: border-color,background;
+  .transition-\[border-color\,box-shadow\,transform\] {
+    transition-property: border-color,box-shadow,transform;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1796,6 +1888,14 @@
       border-bottom-width: 0px;
     }
   }
+  .hover\:-translate-y-px {
+    &:hover {
+      @media (hover: hover) {
+        --tw-translate-y: -1px;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
   .hover\:rotate-180 {
     &:hover {
       @media (hover: hover) {
@@ -1847,6 +1947,16 @@
       }
     }
   }
+  .hover\:bg-gov\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #1e3a5f 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-gov) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -1899,6 +2009,13 @@
       }
     }
   }
+  .hover\:text-gov-2 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-gov-2);
+      }
+    }
+  }
   .hover\:text-ink {
     &:hover {
       @media (hover: hover) {
@@ -1942,14 +2059,6 @@
       }
     }
   }
-  .hover\:shadow-sm {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
-    }
-  }
   .focus\:not-sr-only {
     &:focus {
       position: static;
@@ -2052,21 +2161,15 @@
       outline-style: none;
     }
   }
-  .focus-visible\:ring-2 {
-    &:focus-visible {
-      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-  }
-  .focus-visible\:ring-ring {
+  .focus-visible\:border-gov {
     &:focus-visible {
-      --tw-ring-color: var(--color-ring);
+      border-color: var(--color-gov);
     }
   }
-  .focus-visible\:ring-offset-2 {
+  .focus-visible\:shadow-\[var\(--shadow-ring\)\] {
     &:focus-visible {
-      --tw-ring-offset-width: 2px;
-      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+      --tw-shadow: var(--shadow-ring);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
   .focus-visible\:outline-2 {
@@ -2096,6 +2199,11 @@
       outline-style: none;
     }
   }
+  .active\:scale-\[0\.98\] {
+    &:active {
+      scale: 0.98;
+    }
+  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2225,14 +2333,6 @@
       text-align: left;
     }
   }
-  .dark\:bg-red-950\/20 {
-    &:is([data-theme="dark"] *) {
-      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 20%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent);
-      }
-    }
-  }
   .dark\:text-amber-400 {
     &:is([data-theme="dark"] *) {
       color: var(--color-amber-400);
@@ -2243,11 +2343,6 @@
       color: var(--color-green-400);
     }
   }
-  .dark\:text-red-300 {
-    &:is([data-theme="dark"] *) {
-      color: var(--color-red-300);
-    }
-  }
   .dark\:text-red-400 {
     &:is([data-theme="dark"] *) {
       color: var(--color-red-400);
@@ -2325,7 +2420,22 @@
       linear-gradient(90deg, color-mix(in srgb, var(--color-gov) 3.5%, transparent) 1px, transparent 1px);
     }
     background-size: 32px 32px;
-    font-variant-numeric: tabular-nums;
+    font-variant-numeric: tabular-nums lining-nums;
+    font-feature-settings: "cv01", "cv11", "ss01";
+    letter-spacing: var(--tracking-normal);
+  }
+  h1, h2, h3, h4, h5, h6 {
+    letter-spacing: var(--tracking-tight);
+  }
+}
+@keyframes pdFadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
   }
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2336,6 +2446,43 @@
     scroll-behavior: auto !important;
   }
 }
+.daily-thought-entrance {
+  animation: daily-thought-fade-in 400ms ease-out forwards;
+}
+@keyframes daily-thought-fade-in {
+  from {
+    opacity: 0;
+    transform: translateY(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+.breathing-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 9999px;
+  background-color: var(--color-gov);
+  animation: breathing-dot-pulse 4s ease-in-out infinite;
+}
+@keyframes breathing-dot-pulse {
+  0%, 100% {
+    opacity: 0.4;
+  }
+  50% {
+    opacity: 1;
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .daily-thought-entrance {
+    animation: none;
+  }
+  .breathing-dot {
+    animation: none;
+    opacity: 0.7;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;