fixed SPA

web/style.css

@@ -4,6 +4,11 @@
   box-sizing: border-box;
 }
 
+:root {
+  --content-max-width: 1300px;
+  --top-gap: 12px;
+}
+
 body {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
   background: #f0f2f5;
@@ -24,7 +29,7 @@ body {
 }
 
 .container {
-  max-width: 1200px;
+  max-width: var(--content-max-width);
   margin: 0 auto;
   padding: 20px;
 }
@@ -35,7 +40,7 @@ header {
   padding: 16px 18px;
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
-  margin-bottom: 18px;
+  margin-bottom: var(--top-gap);
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -1533,13 +1538,13 @@ h1 {
 }
 
 .bookmark-page {
-  margin-top: 32px;
   display: flex;
   justify-content: center;
 }
 
 .bookmark-page__panel {
-  width: min(960px, 100%);
+  width: 100%;
+  max-width: var(--content-max-width);
   background: #ffffff;
   border-radius: 20px;
   border: 1px solid #e5e7eb;