diff --git a/templates/index.html b/templates/index.html
index 6176851..a3d9115 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,5 +1,17 @@
 <!doctype html>
 <style>
+@media(max-width:700px){
+  html{scroll-behavior:auto!important}
+  header{backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,.22)!important}
+  .dashboard-hero,.overview-card,.insight-card,.system-panel,.service-panel,.datastore-panel,.storage-card,.download-card,.download-section,.tablewrap,.series-category,.missing-table{backdrop-filter:none!important;box-shadow:none!important}
+  tbody tr,.series-category>.series,.missing-table .missing-series{transform:none!important;animation:none!important}
+  tbody tr:hover,.series-category>.series:hover{transform:none!important}
+  .series table tbody tr:not(.season-divider){animation:none!important}
+  .tablewrap{contain:layout paint;overscroll-behavior-x:contain}
+  .view{contain:layout style}
+}
+</style>
+<style>
 #ioPressurePanel{max-width:none;margin:0;padding:14px}.io-pressure-bars{display:grid;gap:10px}.io-pressure-bars>div{display:grid;grid-template-columns:42px 48px 1fr;align-items:center;gap:8px;color:#9da5b2;font-size:11px}.io-pressure-bars b{color:#e8eef5;text-align:right}.io-pressure-bars .datastore-progress{height:8px}.datastore-grid{align-items:stretch}.datastore-grid>.datastore-panel>.datastore-capacity{margin:0 0 12px;padding:14px}.datastore-right-stack{display:flex;flex-direction:column;gap:12px;min-height:100%}.datastore-right-stack .raid-panel{flex:1;margin:0}.datastore-right-stack #ioPressurePanel{flex:0 0 auto}@media(max-width:900px){ #ioPressurePanel{max-width:none}.datastore-right-stack{min-height:0}}
 </style>
 <style>
