全画面を、
ホーム型スクロールに統一する。

<section class="greeting">
  <div class="greeting__hello">...</div>
  <div class="greeting__home">...</div>
  <div class="greeting__pills">
    <div class="greeting__pill">...</div>
    <div class="greeting__pill greeting__pill--ai">
      <span class="greeting__pill-dot"></span>
      i-Power AI 自動運転中
    </div>
  </div>
</section>

挨拶（時間帯／画面に応じて変える）+ 状態ピル + AIチップ。ホーム以外でも「セッションタイトル + 状態」として使える。

<div class="card">
  <div class="card__head">
    <span class="card__head-icon">⊙</span>
    <span class="card__head-text">...</span>
    <span class="card__head-meta">...</span>
  </div>
  <div class="card__body">...</div>
</div>

情報単位は全部このカード。head（タイトル + メタ）+ body（数字 or リスト or 説明）。角丸12px、border 1px ink-4、影 elev-1。

<a class="btn btn--primary">...</a>
<a class="btn btn--secondary">...</a>
<a class="btn btn--ghost">...</a>

Primary（Ink塗り）／ Secondary（Cream+Ink枠）／ Ghost（透明+Ink-4枠）。アクセント色は使わない。

<div class="tabbar">
  <a class="tab">... <span>ホーム</span></a>
  <a class="tab">... <span>レポート</span></a>
  <a class="tab">... <span>機器</span></a>
  <a class="tab tab--active">... <span>メニュー</span></a>
</div>
<!-- active タブは tab__pill が Ink 塗り -->

全画面に共通配置。「くらし」タブは β スコープ外。Active は Ink 円。

<span class="pill">...</span>
<span class="pill pill--ai">
  <span class="pill__dot"></span>...
</span>

通常ピル（透明+Ink枠）／ AI ピル（Ink塗り+白パルスドット）。状態表示の最小単位。

<div class="status-bar">
  <span>9:41</span>
  <div class="status-bar__icons">
    <span>📶</span><span>🔋</span>
  </div>
</div>

画面ごとに時刻は変える（朝7:24、夜22:14、エラー時刻 etc）。全画面共通。