diff --git a/src/app/skeuo.css b/src/app/skeuo.css
index 244d60e..16b33cc 100644
--- a/src/app/skeuo.css
+++ b/src/app/skeuo.css
@@ -1171,7 +1171,9 @@ a.win-icon {
   padding: 10px 16px;
   display: flex;
   flex-direction: column;
+  align-items: center;
   justify-content: center;
+  text-align: center;
   gap: 1px;
   overflow: hidden;
   color: #ffffff;
@@ -1349,9 +1351,11 @@ a.win-icon {
   z-index: 40;
   display: flex;
   flex-direction: column;
-  background: #fef7ff;
-  color: #1d1b20;
+  background: rgba(10, 13, 19, 0.66);
+  color: #eef1f6;
   font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
+  -webkit-backdrop-filter: blur(30px) saturate(160%);
+  backdrop-filter: blur(30px) saturate(160%);
   will-change: transform, opacity, border-radius;
   backface-visibility: hidden;
 }
@@ -1410,8 +1414,10 @@ a.win-icon {
   align-items: center;
   gap: 10px;
   padding: 12px 12px 10px;
-  background: #fef7ff;
-  border-bottom: 1px solid #e7e0ec;
+  background: rgba(255, 255, 255, 0.05);
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  -webkit-backdrop-filter: blur(20px) saturate(150%);
+  backdrop-filter: blur(20px) saturate(150%);
 }
 .mobile-back {
   width: 40px;
@@ -1419,31 +1425,37 @@ a.win-icon {
   border: none;
   border-radius: 50%;
   background: transparent;
-  color: #1d1b20;
+  color: #eef1f6;
   font-size: 1.2rem;
   cursor: pointer;
 }
 .mobile-back:hover {
-  background: #eadcff;
+  background: rgba(255, 255, 255, 0.12);
 }
 .mobile-appbar-title {
   font-size: 1.1rem;
-  font-weight: 500;
+  font-weight: 600;
+  color: #ffffff;
 }
 .mobile-app-body {
   flex: 1;
   overflow-y: auto;
-  background: #fef7ff;
+  background: transparent;
 }
 .mobile-app-body.app-surface {
-  --accent: #6750a4;
-  --accent2: #7d5260;
-  --accent3: #6750a4;
-  --blue: #6750a4;
-  --white: #1d1b20;
-  --gray: #49454f;
-  --fg: #1d1b20;
-  color: #1d1b20;
+  --white: #eef1f6;
+  --gray: #a7b0bd;
+  --accent: #7cc4ff;
+  --accent2: #a99bff;
+  --accent3: #7cc4ff;
+  --green: #5bd67a;
+  --aqua: #4fd6c9;
+  --blue: #68b9ff;
+  --purple: #b79bff;
+  --red: #ff7a7a;
+  --darkpink: #ff86c8;
+  --fg: #eef1f6;
+  color: #eef1f6;
 }
 .mobile-app-body .project-card,
 .mobile-app-body .service-button,
@@ -1452,6 +1464,163 @@ a.win-icon {
   border-radius: 14px;
 }
 
+/* ---- Dark glassmorphism content (mobile apps only) ---- */
+.mobile-app-body .app-cmd {
+  color: #aeb7c4;
+}
+.mobile-app-body .app-user {
+  color: #5bd67a;
+}
+.mobile-app-body .app-path {
+  color: #7cc4ff;
+}
+.mobile-app-body .app-text,
+.mobile-app-body .app-list {
+  color: #c7cfda;
+}
+.mobile-app-body .about-content,
+.mobile-app-body .about-content > div {
+  color: #c7cfda !important;
+}
+.mobile-app-body a {
+  color: #7cc4ff;
+}
+.mobile-app-body .mail-contact {
+  color: #c7cfda;
+}
+.mobile-app-body .mail-contact a {
+  color: #7cc4ff;
+}
+.mobile-app-body .app-h1,
+.mobile-app-body .app-h2,
+.mobile-app-body .app-welcome-head h2 {
+  color: #ffffff;
+}
+.mobile-app-body .app-muted {
+  color: #98a2b0;
+}
+.mobile-app-body .app-welcome-head img {
+  border-color: rgba(255, 255, 255, 0.18);
+}
+.mobile-app-body .app-shot {
+  border-color: rgba(255, 255, 255, 0.16);
+}
+.mobile-app-body .app-linkrow a {
+  color: #eef1f6;
+}
+
+/* Glass cards */
+.mobile-app-body .social-button,
+.mobile-app-body .service-button,
+.mobile-app-body .project-card,
+.mobile-app-body .gym-item,
+.mobile-app-body .app-linkrow a {
+  border: 1px solid rgba(255, 255, 255, 0.14);
+  background: rgba(255, 255, 255, 0.07);
+  color: #eef1f6;
+  border-radius: 16px;
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.16),
+    0 10px 24px rgba(0, 0, 0, 0.35);
+  -webkit-backdrop-filter: blur(16px) saturate(150%);
+  backdrop-filter: blur(16px) saturate(150%);
+}
+.mobile-app-body .social-button:hover,
+.mobile-app-body .service-button:hover,
+.mobile-app-body .project-card:hover,
+.mobile-app-body .gym-item:hover,
+.mobile-app-body .app-linkrow a:hover {
+  background: rgba(255, 255, 255, 0.13);
+  border-color: rgba(124, 196, 255, 0.6);
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.22),
+    0 0 0 1px rgba(124, 196, 255, 0.35),
+    0 12px 28px rgba(0, 0, 0, 0.4);
+}
+
+.mobile-app-body .social-icon {
+  opacity: 0.95;
+  filter: brightness(1.1);
+}
+.mobile-app-body .service-name {
+  color: #ffffff;
+}
+.mobile-app-body .service-desc {
+  color: #a7b0bd;
+}
+.mobile-app-body .service-button:hover .service-desc {
+  color: #dfe6ef;
+}
+.mobile-app-body .friend-icon {
+  filter: invert(1) brightness(1.5);
+}
+.mobile-app-body .project-image {
+  border-color: rgba(255, 255, 255, 0.12);
+}
+.mobile-app-body .project-title {
+  color: #ffffff;
+}
+.mobile-app-body .project-card:hover .project-title {
+  color: #7cc4ff;
+}
+.mobile-app-body .project-desc {
+  color: #a7b0bd;
+}
+.mobile-app-body .project-card:hover .project-desc {
+  color: #dfe6ef;
+}
+.mobile-app-body .gym-label {
+  color: #a7b0bd;
+}
+.mobile-app-body .gym-weight {
+  color: #ffffff;
+}
+.mobile-app-body .gym-date {
+  color: #8b95a3;
+}
+
+/* Glass heatmap */
+.mobile-app-body .heatmap-container {
+  border-color: rgba(124, 196, 255, 0.5);
+  background: rgba(255, 255, 255, 0.06);
+  border-radius: 12px;
+}
+.mobile-app-body .heatmap-cell,
+.mobile-app-body .heatmap-legend-cell {
+  background-color: rgba(255, 255, 255, 0.08);
+}
+.mobile-app-body .heatmap-cell[data-level="1"],
+.mobile-app-body .heatmap-legend-cell[data-level="1"] {
+  background-color: rgba(124, 196, 255, 0.3);
+}
+.mobile-app-body .heatmap-cell[data-level="2"],
+.mobile-app-body .heatmap-legend-cell[data-level="2"] {
+  background-color: rgba(124, 196, 255, 0.55);
+}
+.mobile-app-body .heatmap-cell[data-level="3"],
+.mobile-app-body .heatmap-legend-cell[data-level="3"] {
+  background-color: rgba(124, 196, 255, 0.8);
+}
+.mobile-app-body .heatmap-cell[data-level="4"],
+.mobile-app-body .heatmap-legend-cell[data-level="4"] {
+  background-color: #7cc4ff;
+}
+.mobile-app-body .heatmap-cell:hover {
+  box-shadow: 0 0 8px rgba(124, 196, 255, 0.9);
+}
+.mobile-app-body .contribution-command,
+.mobile-app-body .contribution-entry,
+.mobile-app-body .contribution-total-title,
+.mobile-app-body .contribution-message {
+  color: #eef1f6;
+}
+.mobile-app-body .contribution-repo {
+  color: #a7b0bd;
+}
+.mobile-app-body .contribution-date {
+  color: #5bd67a;
+}
+
 @media (max-width: 640px) {
   .app-pad {
     padding: 14px;