diff --git a/AI/ai.css b/AI/ai.css
index 2ff3c3e..f9b0035 100644
--- a/AI/ai.css
+++ b/AI/ai.css
@@ -10,31 +10,33 @@ body[data-app-state='experience']::after {
 }
 
 body[data-app-state='experience'] .app-shell {
-    background: var(--surface-color);
-    border: 1px solid rgba(148, 163, 184, 0.22);
-    box-shadow: 0 40px 120px rgba(2, 6, 23, 0.75);
-    border-radius: 36px;
-    width: min(1200px, 100%);
-    padding: clamp(32px, 6vw, 56px);
-    backdrop-filter: blur(32px);
+    background: transparent;
+    border: none;
+    box-shadow: none;
+    border-radius: 0;
+    width: min(1100px, 100%);
+    padding: clamp(32px, 8vh, 64px) clamp(16px, 6vw, 64px);
+    backdrop-filter: none;
+    align-items: center;
+    gap: clamp(32px, 8vh, 72px);
 }
 
 body[data-app-state='experience'] .status-banner {
     background: transparent;
     border: none;
     box-shadow: none;
-    padding-top: clamp(12px, 3vh, 24px);
+    padding: 0;
+    width: 100%;
+    display: flex;
+    justify-content: center;
 }
 
 body[data-app-state='experience'] .mute-indicator {
-    background: var(--surface-highlight);
-    box-shadow: 0 18px 40px rgba(14, 165, 233, 0.24);
+    background: transparent;
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
     color: var(--text-color);
-    border: 1px solid rgba(148, 163, 184, 0.24);
-    border-radius: 999px;
-    padding: 14px 32px;
-    letter-spacing: 0.12em;
-    text-transform: uppercase;
+    border: none;
+    padding: 14px 28px;
 }
 
 body[data-app-state='experience'] .mute-indicator[data-state='muted'] {
@@ -42,12 +44,12 @@ body[data-app-state='experience'] .mute-indicator[data-state='muted'] {
 }
 
 body[data-app-state='experience'] .image-stage {
-    border: 1px solid rgba(148, 163, 184, 0.16);
-    background: var(--surface-color);
-    box-shadow: 0 28px 80px rgba(2, 6, 23, 0.5);
-    border-radius: 28px;
-    width: min(1100px, 100%);
-    overflow: hidden;
+    border: none;
+    background: transparent;
+    box-shadow: none;
+    border-radius: 0;
+    width: min(860px, 100%);
+    overflow: visible;
 }
 
 body[data-app-state='experience'] #hero-stage::before {
@@ -60,21 +62,31 @@ body[data-app-state='experience'] #hero-stage img {
 
 body[data-app-state='experience'] .voice-stage {
     background: var(--surface-color);
-    border: 1px solid rgba(148, 163, 184, 0.18);
-    box-shadow: 0 26px 72px rgba(2, 6, 23, 0.5);
-    border-radius: 32px;
-    padding: clamp(24px, 6vw, 48px);
-    gap: clamp(24px, 12vw, 140px);
+    border: 1px solid var(--border-color);
+    box-shadow: none;
+    border-radius: clamp(24px, 6vw, 40px);
+    padding: clamp(32px, 8vw, 56px);
+    gap: clamp(32px, 10vw, 140px);
+    margin-top: clamp(32px, 10vh, 96px);
 }
 
 body[data-app-state='experience'] .voice-circle {
-    background: var(--surface-highlight);
-    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.2), 0 18px 46px rgba(2, 6, 23, 0.5);
+    background: transparent;
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
+}
+
+body[data-theme='light'][data-app-state='experience'] .mute-indicator {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.22);
+    color: var(--text-color);
+}
+
+body[data-theme='light'][data-app-state='experience'] .voice-circle {
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.24);
 }
 
 body[data-app-state='experience'] .compatibility-notice {
-    background: var(--surface-color);
-    border: 1px solid rgba(148, 163, 184, 0.18);
+    background: transparent;
+    border: none;
     color: var(--muted-text);
-    box-shadow: 0 20px 60px rgba(2, 6, 23, 0.6);
+    box-shadow: none;
 }