*,*::before,*::after{box-sizing:border-box}

:root{
  --br:#4f46e5; /* master 確定 (2026-05-10): COLOR_RULES v1 — TORIAI accent indigo */
  --br2:#8b5cf6;
  --bk:#f4f4f6;
  --dk:#e8e8ed;
  --sf:#ffffff;
  --sf2:#f0f0f4;
  --bd:#d4d4dc;
  --bd2:#b8b8c8;
  --wh:#1a1a2e;
  --g1:#1a1a2e;
  --g2:#5a5a78;
  --g3:#8888a8;
  --rd:#dc2626;--gn:#16a34a;--am:#d97706;--pu:#4f46e5;--cy:#0891b2;
  --tx:#1a1a2e;
  --ac:#4338ca;
  --r:12px;
  --r-sm:8px;
  --r-lg:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#ffffff}
body{color:#1a1a2e;font-family:'Space Grotesk','Noto Sans JP',sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;background:#ffffff}
::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f0f0f4}::-webkit-scrollbar-thumb{background:#8888a8;border-radius:4px}

/* HEADER */
header{position:sticky;top:0;z-index:200;background:#ffffff;border-bottom:1px solid #e0e0ea;height:54px;display:flex;align-items:center;padding:0 24px;gap:28px;box-shadow:none}
.logo{font-size:16px;font-weight:900;letter-spacing:-.02em;white-space:nowrap;color:#1a1a2e;display:flex;align-items:center;gap:6px}
.logo .dot{color:#4338ca}
.logo .beta{font-size:9px;font-weight:700;font-style:normal;letter-spacing:.2em;text-transform:uppercase;color:#1a1a2e;border:1px solid #1a1a2e;padding:2px 6px;border-radius:3px;margin-left:9px;vertical-align:middle;opacity:.9}
nav{display:flex;gap:8px;font-family:'Space Grotesk','Noto Sans JP',sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#6b7280}
nav a{font-family:'Space Grotesk','Noto Sans JP',sans-serif;color:#6b7280;text-decoration:none;transition:all .15s;cursor:pointer;padding:4px 12px;border-radius:6px}
#ninv{order:4}
#nhist{order:5}
#na{order:1}
#nw{order:2}
#nd{order:3}
#nco{order:99}
/* master 仕様 (2026-05-10): TORIAI カラールール v1 — 中性 hover bg #f4f4f5 */
nav a:hover{color:#1a1a2e;background:#f4f4f5;text-shadow:none}
/* v1.12.9: active 状態を強調 (= 紫枠 + 下線、 hover と区別) */
nav a.active{
  color:#4f46e5;background:#eef2ff;text-shadow:none;
  border-bottom:2px solid #4f46e5;
  border-radius:6px 6px 0 0;
  font-weight:800;
}
nav a.active:hover{background:#dbe1ff}

/* PAGE */
.pg{display:none;flex-direction:column;min-height:calc(100vh - 54px)}
.pg.show{display:flex}