diff --git a/index.html b/index.html
index 74e8ab3..881db66 100644
--- a/index.html
+++ b/index.html
@@ -743,19 +743,22 @@ select.input {
.mobile-nav {
position: fixed;
- left: 12px;
- right: 12px;
- bottom: max(12px, env(safe-area-inset-bottom));
+ left: 0;
+ right: 0;
+ bottom: 0;
display: flex;
justify-content: space-around;
gap: 4px;
- padding: 6px;
- background: rgba(15, 22, 36, 0.88);
+ padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
+ background: rgba(8, 12, 20, 0.95);
backdrop-filter: blur(20px);
- border: 1px solid var(--border-subtle);
- border-radius: var(--radius-lg);
+ border-top: 1px solid var(--border-subtle);
+ border-left: 0;
+ border-right: 0;
+ border-bottom: 0;
+ border-radius: 0;
z-index: 100;
- box-shadow: var(--shadow-md);
+ box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.3);
}
.mobile-nav button {
flex: 1;
@@ -1301,7 +1304,42 @@ select.input {