frontend/src/components/react/PostList.tsx

@@ -128,8 +128,8 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
               aria-label={`View ${displayTitle}`}
             >
               <div
-                className="plate-image"
+                className={`plate-image ${hasCover ? 'is-natural' : ''}`}
-                style={{ aspectRatio: layout.aspect }}
+                style={hasCover ? undefined : { aspectRatio: layout.aspect }}
               >
                 {hasCover ? (
                   <img
@@ -170,8 +170,6 @@ export default function PostList({ posts: initialPosts, isAdmin = false }: Props
                   <span>{formatMonth(post.date)}</span>
                   <span className="plate-caption-sep" aria-hidden="true">·</span>
                   <span>{formatYear(post.date)}</span>
-                  <span className="plate-caption-sep" aria-hidden="true">·</span>
-                  <span>{post.reading_time} min</span>
                 </div>
               </div>
             </a>

frontend/src/components/react/admin/Login.tsx

@@ -8,7 +8,7 @@ export default function Login() {
   const [busy, setBusy] = useState(false);
   const setLoggedIn = useAuth(s => s.setLoggedIn);
 
-  async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
+  async function handleSubmit(e: React.SyntheticEvent<HTMLFormElement>) {
     e.preventDefault();
     const token = value.trim();
     if (!token) return;

frontend/src/components/react/admin/Settings.tsx

@@ -21,7 +21,7 @@ export default function Settings() {
     setConfig(prev => ({ ...prev, [key]: value }));
   }
 
-  async function handleSubmit(e: React.FormEvent) {
+  async function handleSubmit(e: React.SyntheticEvent) {
     e.preventDefault();
     try {
       await updateConfig(config);

frontend/src/pages/posts/[slug].astro

@@ -114,8 +114,6 @@ const displayTitle = post ? (post.title || formatSlug(post.slug)) : 'Work';
         <div class="section-rule max-w-md mx-auto mb-6">
           <span class="ornament">✦</span>
           <span>{formatDate(post.date)}</span>
-          <span class="ornament">·</span>
-          <span>{post.reading_time} min</span>
           {post.image_count > 0 && (
             <>
               <span class="ornament">·</span>

frontend/src/pages/uploads/[...path].astro

@@ -8,12 +8,9 @@ if (!response.ok) {
   return new Response(null, { status: 404 });
 }
 
-const blob = await response.blob();
+return new Response(await response.blob(), {
-const contentType = response.headers.get('content-type');
-
-return new Response(blob, {
   headers: {
-    'content-type': contentType || 'application/octet-stream',
+    'content-type': response.headers.get('content-type') || 'application/octet-stream',
     'cache-control': 'public, max-age=3600'
   }
 });

frontend/src/styles/global.css

@@ -548,6 +548,14 @@ code, pre, kbd, samp {
   filter: saturate(0.94) contrast(1.02);
   transition: transform 0.8s cubic-bezier(0.2, 0.6, 0.2, 1), filter 0.4s ease;
 }
+/* Natural mode — container drops fixed aspect so image shows its true ratio. */
+.plate .plate-image.is-natural {
+  height: auto;
+}
+.plate .plate-image.is-natural img {
+  height: auto;
+  object-fit: contain;
+}
 .plate:hover .plate-image img {
   transform: scale(1.03);
   filter: saturate(1.05) contrast(1.04);