7

frontend/src/skeuomorphic_ws.css

@@ -11,24 +11,8 @@
   display: flex;
   flex-direction: column;
   min-height: 0;
-  --desk-1: #f0e2c6;
-  --desk-2: #e7d2ad;
-  --desk-3: #d8b98a;
-  --desk-grain-dark: rgba(110, 86, 48, 0.08);
-  --desk-grain-fine: rgba(86, 66, 33, 0.04);
-  --desk-vignette: rgba(60, 40, 18, 0.15);
-  background:
-    radial-gradient(120% 85% at 50% -10%, var(--desk-vignette), #0000 48%),
-    linear-gradient(7deg, #0000 0 32%, var(--desk-grain-dark) 60%, #0000 85%),
-    repeating-linear-gradient(
-      7deg,
-      var(--desk-grain-fine) 0 2px,
-      #0000 2px 9px
-    ),
-    linear-gradient(90deg, var(--desk-1), var(--desk-2) 48%, var(--desk-3) 100%);
-  background-size: 100% 100%, 100% 100%, 100% 100%, 100% 100%;
-  background-blend-mode: multiply, overlay, normal, normal;
   position: relative;
+  background: #7a7c7c;
 }
 
 .skeuo-header {
@@ -36,7 +20,8 @@
   align-items: flex-start;
   justify-content: space-between;
   gap: 1rem;
-  padding: 1rem 1.5rem 0.75rem;
+  padding: 0.75rem 1rem 0.5rem;
+  background-color: var(--surface-subtle, rgba(255, 255, 255, 0.08));
 }
 
 .skeuo-header__meta {
@@ -84,13 +69,7 @@
   flex: 1;
   position: relative;
   overflow: hidden;
-  margin: 0 1.5rem 1.5rem;
-  border-radius: 18px;
-  background-image: radial-gradient(rgba(255, 255, 255, 0.5) 9%, transparent 9%),
-    linear-gradient(180deg, rgba(0, 0, 0, 0.05), transparent 32%);
-  background-size: 46px 46px, 100% 100%;
-  box-shadow: inset 0 16px 28px rgba(0, 0, 0, 0.07), inset 0 -6px 20px rgba(0, 0, 0, 0.05);
-  backdrop-filter: blur(6px);
+  margin: 0;
 }
 
 .skeuo-empty {
@@ -144,7 +123,7 @@
 }
 
 .skeuo-item.is-zoomed .skeuo-item__card {
-  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
+  box-shadow: 0 18px 80px rgba(0, 0, 0, 0.8);
 }
 
 .skeuo-item.is-tag-target .skeuo-item__card {
@@ -290,23 +269,15 @@ body.skeuo-cursor-remove * {
 
 .skeuo-item__card {
   position: relative;
-  width: 100%;
-  height: 100%;
   border-radius: 0;
-  background: var(--surface);
-  border: 1px solid var(--border);
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.24);
+  box-shadow: 0 12px 72px rgba(0, 0, 0, 0.25);
   overflow: hidden;
 }
 
 .skeuo-item__card img {
-  width: 100%;
-  height: 100%;
-  object-fit: contain;
-  display: block;
 }
 
 .skeuo-item__placeholder {