frontend/src/App.css

@@ -11,13 +11,8 @@
   flex: 1;
   overflow-y: auto;
   overscroll-behavior: contain;
-}
-
-@media (max-width: 768px) {
-  .app-content {
   padding-bottom: calc(6rem + env(safe-area-inset-bottom));
 }
-}
 
 @keyframes fadeInUp {
   from { opacity: 0; transform: translateY(14px); }

frontend/src/components/BottomNav.css

@@ -1,16 +1,13 @@
-.bottom-nav {
-  display: none;
-}
-
-@media (max-width: 768px) {
 .bottom-nav {
   display: flex;
   justify-content: space-around;
   align-items: flex-end;
   position: fixed;
-    left: 0;
-    right: 0;
+  left: 50%;
+  transform: translateX(-50%);
   bottom: 0;
+  width: 100%;
+  max-width: 48rem;
   z-index: 50;
   padding: 0.25rem 0.5rem calc(0.5rem + env(safe-area-inset-bottom));
   background: var(--surface-container-lowest);
@@ -120,4 +117,3 @@
 .nav-elevated.active .nav-label {
   color: var(--tertiary);
 }
-}

frontend/src/components/TopBar.css

@@ -1,8 +1,3 @@
-.top-bar {
-  display: none;
-}
-
-@media (max-width: 768px) {
 .top-bar {
   display: block;
   position: sticky;
@@ -60,4 +55,3 @@
   display: flex;
   align-items: center;
 }
-}