feat: complete bookmarklet implementation (v1.7.0)

public/style.css

@@ -55,6 +55,18 @@ body {
     -webkit-font-smoothing: antialiased;
 }
 
+/* Fix scrolling bug: Reset html/body styles from host page */
+html,
+body {
+    height: auto !important;
+    min-height: 100% !important;
+    overflow-y: auto !important;
+    overflow-x: hidden !important;
+    position: static !important;
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
 /* Header */
 .app-header {
     position: sticky;
@@ -121,6 +133,26 @@ body {
     line-height: 1.3;
 }
 
+.header-center-wrapper {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 1.5rem;
+    justify-content: center;
+}
+
+.weekly-cost {
+    white-space: nowrap;
+    font-size: 0.9rem;
+    font-weight: 600;
+    color: var(--success-color);
+    background-color: var(--bg-body);
+    padding: 0.25rem 0.75rem;
+    border-radius: 20px;
+    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+    border: 1px solid var(--border-color);
+}
+
 .header-week-title {
     font-size: 1.1rem;
     font-weight: 600;