feat: add score report links and estimation warnings

src/routes/+layout.svelte

@@ -11,6 +11,13 @@
       <a href="/analysis" aria-current={$page.url.pathname.startsWith('/analysis') ? 'page' : undefined}>배치 분석</a>
       <a href="/combination" aria-current={$page.url.pathname.startsWith('/combination') ? 'page' : undefined}>조합 탐색</a>
       <a href="/data" aria-current={$page.url.pathname.startsWith('/data') ? 'page' : undefined}>사용자 데이터</a>
+      <a
+        class="report-link"
+        href="https://docs.google.com/forms/d/1bShzsxNN-iTk0uU3RfMfmLkYXYmUTmIWMmCtQmfl_Ik"
+        target="_blank"
+        rel="noreferrer"
+        aria-label="실측값 제보 Google 폼을 새 탭에서 열기"
+      >실측값 제보 <span aria-hidden="true">↗</span></a>
     </nav>
   </div>
 </header>
@@ -34,6 +41,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    gap: 10px;
     width: min(var(--page-max-width), calc(100% - var(--page-gutter)));
     min-height: 62px;
     margin: 0 auto;
@@ -47,25 +55,33 @@
     text-decoration: none;
   }
 
-  nav { display: flex; align-items: center; gap: 4px; }
+  nav { display: flex; min-width: 0; flex: 1; align-items: center; justify-content: flex-end; gap: 4px; overflow-x: auto; scrollbar-width: none; }
+  nav::-webkit-scrollbar { display: none; }
 
   nav a {
+    flex: 0 0 auto;
     padding: 8px 12px;
     border-radius: 9px;
     color: #929cad;
     font-size: 13px;
     font-weight: 750;
     text-decoration: none;
+    white-space: nowrap;
   }
 
   nav a:hover { color: #e2e6ed; background: rgb(255 255 255 / 5%); }
   nav a[aria-current='page'] { color: #f1a1c3; background: rgb(239 139 182 / 12%); }
+  .report-link { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #ef8bb6; border-radius: 9px; color: #21121a; background: linear-gradient(135deg, #f3a3c5, #e77ead); box-shadow: 0 0 18px rgb(239 139 182 / 18%); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
+  .report-link:hover { color: #160d12; background: linear-gradient(135deg, #f8bad3, #ee94ba); box-shadow: 0 0 22px rgb(239 139 182 / 30%); }
+  .report-link span { margin-left: 2px; font-size: 11px; }
   a:focus-visible { outline: 3px solid rgb(239 139 182 / 28%); outline-offset: 2px; }
 
   @media (max-width: 560px) {
     :global(:root) { --page-gutter: 24px; }
     .nav-inner { width: calc(100% - 24px); min-height: 54px; }
-    .brand { font-size: 15px; }
-    nav a { padding: 7px 9px; font-size: 14px; }
+    .brand { font-size: 13px; }
+    nav { gap: 2px; }
+    nav a { padding: 7px 7px; font-size: 12px; }
+    .report-link { padding: 7px 8px; font-size: 12px; }
   }
 </style>