rnxcmkidd: Add the viewport-fit bento shell and a dev feed preview with fixtures

src/app/dev/feed/page.tsx

@@ -0,0 +1,11 @@
+// Dev-only preview of the signed-in feed shell with fixture data (no Minnect
+// login, no network). Not linked from the app and returns 404 in production.
+import { notFound } from "next/navigation";
+import { FeedPreview } from "@/dev/FeedPreview";
+
+export const metadata = { title: "Feed (dev)" };
+
+export default function FeedDevPage() {
+  if (process.env.NODE_ENV === "production") notFound();
+  return <FeedPreview />;
+}

src/app/globals.css

@@ -19,6 +19,8 @@
   --danger: #FF6B70;
   --glass: rgba(18,18,21,.72);
   --shadow-pop: 0 10px 28px rgba(0,0,0,.5);
+  /* Panels (bento tiles): a faint top highlight and a soft drop. */
+  --shadow-tile: inset 0 1px 0 rgba(255,255,255,.035), 0 0 0 1px rgba(255,255,255,.02), 0 24px 44px -24px rgba(0,0,0,.8);
   /* Buttons: drop shadows and the soft-depth (neumorphic) light and shade. */
   --shadow-btn: 0 10px 20px -6px rgba(0,0,0,.35);
   --shadow-float: 0 14px 28px -12px rgba(0,0,0,.55);
@@ -42,6 +44,7 @@
   --danger: #B3121A;
   --glass: rgba(251,250,248,.74);
   --shadow-pop: 0 10px 28px rgba(26,28,31,.14);
+  --shadow-tile: inset 0 1px 0 rgba(255,255,255,.035), 0 1px 2px rgba(26,28,31,.04), 0 16px 36px -20px rgba(26,28,31,.22);
   --shadow-btn: 0 10px 20px -6px rgba(26,28,31,.22);
   --shadow-float: 0 14px 28px -12px rgba(26,28,31,.3);
   --neu-d: rgba(26,28,31,.17);

src/app/layout.tsx

@@ -4,6 +4,7 @@ import { Cormorant_Garamond, Manrope } from "next/font/google";
 import { DEFAULT_THEME, THEME_SCRIPT } from "@/lib/theme";
 import "./globals.css";
 import "../styles/type.css";
+import "../styles/layout.css";
 import "../styles/buttons.css";
 import "../styles/avatar.css";
 import "../styles/signin.css";