From 0533f6fe8cc3a48f58b8346a6e9cada68567e530 Mon Sep 17 00:00:00 2001
From: posimai <posimai.project@gmail.com>
Date: Wed, 1 Apr 2026 11:53:11 +0900
Subject: [PATCH] fix: 3-way toggle on all designs, remove font-weight:300
 across A/B/C

---
 index-b.html | 21 ++++++++++++++-------
 index-c.html |  4 ++--
 index.html   | 25 ++++++++++++++++---------
 3 files changed, 32 insertions(+), 18 deletions(-)

diff --git a/index-b.html b/index-b.html
index 9d6a725..becb483 100644
--- a/index-b.html
+++ b/index-b.html
@@ -8,7 +8,7 @@
     <title>Ponshu Room</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://unpkg.com/lucide@0.344.0/dist/umd/lucide.min.js" integrity="sha384-tTkFttkBclaU1cloKwOi9xk3pbao3VZxTjLNBt8iFABWDBQibbAbWpVmO28zMuxq" crossorigin="anonymous"></script>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -151,7 +151,7 @@
             margin-bottom: 18px;
         }
 
-        .hero h1 .light { font-weight: 300; color: var(--text2); }
+        .hero h1 .light { font-weight: 400; color: var(--text2); }
 
         .hero-desc {
             font-size: 16px;
@@ -910,11 +910,18 @@ if (window.lucide) lucide.createIcons();
 <script>
 (function(){
     if(!location.search.includes('dev=1')) return;
-    const btn = document.createElement('a');
-    btn.href = '/?dev=1';
-    btn.textContent = '← Design A';
-    btn.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;font-family:monospace;font-size:11px;padding:6px 12px;background:rgba(253,252,249,0.95);color:#C2692A;border:1px solid #C2692A;border-radius:6px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,0.1);';
-    document.body.appendChild(btn);
+    const wrap = document.createElement('div');
+    wrap.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;gap:6px;';
+    ['A:/', 'B:/index-b.html', 'C:/index-c.html'].forEach(function(s){
+        const [label, href] = s.split(':');
+        const a = document.createElement('a');
+        a.href = href + '?dev=1';
+        a.textContent = label;
+        const isCurrent = label === 'B';
+        a.style.cssText = 'font-family:monospace;font-size:11px;padding:6px 12px;border-radius:6px;text-decoration:none;transition:all 0.15s;box-shadow:0 2px 8px rgba(0,0,0,0.08);' + (isCurrent ? 'background:#C2692A;color:#fff;border:1px solid #C2692A;' : 'background:rgba(253,252,249,0.95);color:#78716C;border:1px solid rgba(194,105,42,0.3);');
+        wrap.appendChild(a);
+    });
+    document.body.appendChild(wrap);
 })();
 </script>
 </body>
diff --git a/index-c.html b/index-c.html
index 3b7b8dc..e456e1b 100644
--- a/index-c.html
+++ b/index-c.html
@@ -8,7 +8,7 @@
     <title>Posimai Store</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://unpkg.com/lucide@0.344.0/dist/umd/lucide.min.js" integrity="sha384-tTkFttkBclaU1cloKwOi9xk3pbao3VZxTjLNBt8iFABWDBQibbAbWpVmO28zMuxq" crossorigin="anonymous"></script>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -154,7 +154,7 @@
             max-width: 700px;
         }
 
-        .hero h1 .muted { font-weight: 300; color: var(--text2); }
+        .hero h1 .muted { font-weight: 400; color: var(--text2); }
 
         .hero-sub {
             font-size: 16px;
diff --git a/index.html b/index.html
index a7a0c9f..330fc34 100644
--- a/index.html
+++ b/index.html
@@ -14,7 +14,7 @@
     <title>Posimai Store</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
     <script src="https://unpkg.com/lucide@0.344.0/dist/umd/lucide.min.js" integrity="sha384-tTkFttkBclaU1cloKwOi9xk3pbao3VZxTjLNBt8iFABWDBQibbAbWpVmO28zMuxq" crossorigin="anonymous"></script>
     <style>
         *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
@@ -116,7 +116,7 @@
 
         .hero h1 {
             font-size: clamp(32px, 5vw, 52px);
-            font-weight: 300;
+            font-weight: 400;
             letter-spacing: -0.03em;
             line-height: 1.15;
             color: var(--text);
@@ -282,7 +282,7 @@
 
         .tier-price {
             font-size: 28px;
-            font-weight: 300;
+            font-weight: 400;
             letter-spacing: -0.03em;
             line-height: 1;
         }
@@ -374,7 +374,7 @@
 
         .philosophy p {
             font-size: 18px;
-            font-weight: 300;
+            font-weight: 400;
             line-height: 1.9;
             color: var(--text2);
             letter-spacing: -0.01em;
@@ -597,11 +597,18 @@ if (window.lucide) lucide.createIcons();
 <script>
 (function(){
     if(!location.search.includes('dev=1')) return;
-    const btn = document.createElement('a');
-    btn.href = '/index-b.html?dev=1';
-    btn.textContent = 'Design B →';
-    btn.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;font-family:monospace;font-size:11px;padding:6px 12px;background:rgba(0,0,0,0.7);color:#6EE7B7;border:1px solid #6EE7B7;border-radius:6px;text-decoration:none;backdrop-filter:blur(8px);';
-    document.body.appendChild(btn);
+    const wrap = document.createElement('div');
+    wrap.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;display:flex;gap:6px;';
+    ['A:/', 'B:/index-b.html', 'C:/index-c.html'].forEach(function(s){
+        const [label, href] = s.split(':');
+        const a = document.createElement('a');
+        a.href = href + '?dev=1';
+        a.textContent = label;
+        const isCurrent = label === 'A';
+        a.style.cssText = 'font-family:monospace;font-size:11px;padding:6px 12px;border-radius:6px;text-decoration:none;transition:all 0.15s;' + (isCurrent ? 'background:rgba(0,0,0,0.85);color:#6EE7B7;border:1px solid #6EE7B7;backdrop-filter:blur(8px);' : 'background:rgba(0,0,0,0.6);color:#9CA3AF;border:1px solid rgba(156,163,175,0.4);backdrop-filter:blur(8px);');
+        wrap.appendChild(a);
+    });
+    document.body.appendChild(wrap);
 })();
 </script>
 </body>