diff --git a/index.html b/index.html
index 24c0ac4..87f9e27 100644
--- a/index.html
+++ b/index.html
@@ -23,10 +23,6 @@
/>
-
-
-
-
diff --git a/public/pwa.css b/public/pwa.css
index ef6a046..1a9e93a 100644
--- a/public/pwa.css
+++ b/public/pwa.css
@@ -87,14 +87,6 @@ body {
overscroll-behavior-y: contain;
}
-/* Restore native rubber-band bounce on iOS — body is fixed/overflow:hidden there
- so this applies to #root (the actual scroll container). */
-@supports (-webkit-touch-callout: none) {
- #root {
- overscroll-behavior-y: auto;
- }
-}
-
/* Improve button touch targets on mobile */
@media (max-width: 768px) {
button:not([aria-hidden='true']) {
@@ -163,84 +155,12 @@ body {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
-/* Ensure focused inputs scroll into view above the keyboard with enough clearance */
-@supports (-webkit-touch-callout: none) {
- input:focus,
- textarea:focus,
- select:focus {
- scroll-margin-bottom: 24px;
- }
-}
-
-/* iOS specific fixes */
-@supports (-webkit-touch-callout: none) {
- /* Fix iOS safari bounce */
- body {
- position: fixed;
- width: 100%;
- height: 100%;
- overflow: hidden;
- }
-
- #root {
- overflow-y: auto;
- height: 100%;
- -webkit-overflow-scrolling: touch;
- }
-
- /* Fix iOS input zoom */
- input[type='text'],
- input[type='email'],
- input[type='password'],
- input[type='number'],
- select,
- textarea {
- font-size: 16px !important;
- }
-
- /* iOS PWA bottom navigation fix */
- .mobile-nav-ios {
- position: fixed;
- bottom: 0;
- left: 0;
- right: 0;
- z-index: 9999;
- padding-bottom: env(safe-area-inset-bottom);
- backdrop-filter: blur(10px);
- -webkit-backdrop-filter: blur(10px);
- background-color: rgba(255, 255, 255, 0.95);
- }
-
- /* Dark mode support for iOS navigation */
- .dark .mobile-nav-ios {
- background-color: rgba(9, 9, 11, 0.95);
- }
-
- /* Ensure body padding accounts for nav + safe area */
- @media (max-width: 768px) {
- body {
- padding-bottom: 0 !important;
- }
-
- #root {
- padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
- }
- }
-}
-
/* Prevent scroll from leaking through open bottom sheets to the page beneath */
[data-vaul-drawer] {
touch-action: pan-y;
overscroll-behavior: contain;
}
-/* Lift the floating action button above the mobile nav + home indicator */
-@supports (-webkit-touch-callout: none) {
- .fab-nav-offset {
- bottom: calc(4rem + env(safe-area-inset-bottom, 0px)) !important;
- }
-}
-
/* Page transitions via CSS View Transitions API */
@keyframes slideInFromRight {
from {
diff --git a/src/components/NewTaskForm.tsx b/src/components/NewTaskForm.tsx
index 783b58a..96c198b 100644
--- a/src/components/NewTaskForm.tsx
+++ b/src/components/NewTaskForm.tsx
@@ -63,7 +63,7 @@ export const NewTaskForm: React.FC = ({ onSubmit, onCancel, de