/* 「🏠 ツール一覧」ボタン（全ツール共通・2026-09-01） home.js がテーマスイッチ(#themesw)の先頭に差し込むので、ページ側のHTMLに追加する要素は無い。 やることは theme・explain と同じ流儀の2行だけ: ・ に home.css を読み込む ・explain.js の「直後」に home.js を読み込む （theme.js が #themesw を innerHTML で丸ごと書き換えるので、必ずその後。 explain.js より後に読むと、この🏠が並びのいちばん左に来る） トップページ(いちばん短い住所)では出さない（自分自身へのリンクになるため・home.js が判定）。 見た目は📖説明ボタンと同じピル型にそろえる。押している状態は無い（リンクなので）。 セレクタは必ず #themesw 付きにする: ボタンは #themesw の中に入るため、 theme.css の「.themesw button」に詳細度で勝つ必要がある（実際に踏んだ落とし穴と同じ） */ #themesw .homesw{font:inherit;font-size:.74rem;line-height:1;font-weight:800; display:inline-flex;align-items:center;gap:5px;padding:7px 13px;margin-right:9px; cursor:pointer;flex:0 0 auto;border-radius:999px;color:#9fb0e0;text-decoration:none; border:1px solid #2a3560;background:linear-gradient(180deg,#1e2850,#151d38); box-shadow:0 2px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06); transition:transform .12s ease,box-shadow .12s ease,color .12s ease} #themesw .homesw:hover{transform:translateY(-1px); box-shadow:0 4px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)} #themesw .homesw:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px} #themesw .homesw .hi{font-style:normal;display:inline-block} /* ライトテーマ（白い土台でも読める濃さにする。📖説明ボタンと同じ色にそろえてある） */ :root.light #themesw .homesw{color:#5b6b96;border-color:#dfe6f5; background:linear-gradient(180deg,#fff,#eff3fc); box-shadow:0 2px 0 rgba(30,40,90,.13),inset 0 1px 0 #fff} :root.light #themesw .homesw:hover{box-shadow:0 4px 0 rgba(30,40,90,.13),inset 0 1px 0 #fff} /* 狭い画面では文字を隠して🏠だけにする（📖説明ボタンと同じ考え方） */ @media (max-width:430px){#themesw .homesw{padding:6px 10px;font-size:.68rem}#themesw .homesw .ht{display:none}} /* 「↻ 更新」ボタン（2026-09-08・ホーム画面から開いたときだけ home.js が出す）。🏠と同じピルの丸い版 */ #themesw .reloadsw{font:inherit;font-size:.74rem;line-height:1;font-weight:800; display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;height:30px;margin-left:9px; cursor:pointer;flex:0 0 auto;border-radius:999px;color:#9fb0e0; border:1px solid #2a3560;background:linear-gradient(180deg,#1e2850,#151d38); box-shadow:0 2px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06); transition:transform .12s ease,box-shadow .12s ease} #themesw .reloadsw:hover{transform:translateY(-1px);box-shadow:0 4px 0 rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.06)} #themesw .reloadsw:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px} #themesw .reloadsw .hi{font-style:normal;display:inline-block;font-size:.95rem;font-weight:900} /* 出た瞬間だけ光らせて場所を知らせる(4秒) */ #themesw .reloadsw.hey{color:#0d1730;border-color:#ffe08a;background:linear-gradient(160deg,#ffe08a,#ffd54a 45%,#c9931a);animation:reloadhey .6s ease-in-out 6 alternate} @keyframes reloadhey{from{transform:translateY(0)}to{transform:translateY(-3px)}} #themesw .reloadsw.busy .hi{animation:reloadspin .9s linear infinite} @keyframes reloadspin{to{transform:rotate(360deg)}} :root.light #themesw .reloadsw{color:#5b6b96;border-color:#dfe6f5;background:linear-gradient(180deg,#fff,#eff3fc); box-shadow:0 2px 0 rgba(30,40,90,.13),inset 0 1px 0 #fff} /* 開発者モードON/OFFの知らせ(タイトルの長押し・2026-09-08) */ .devtoast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:9999;max-width:92vw; font-size:.78rem;font-weight:800;color:#fff;background:rgba(12,17,34,.96);border:1px solid #43e0ff;border-radius:999px; padding:9px 16px;box-shadow:0 6px 24px rgba(0,0,0,.5);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* タイトルは長押しで開発者モードを切り替えるので、文字の選択と「コピー」の吹き出しを出さない(子要素まで) */ header h1,header h1 *{-webkit-user-select:none !important;user-select:none !important;-webkit-touch-callout:none !important;-webkit-tap-highlight-color:transparent; touch-action:manipulation} /* 7回タップ(開発者モード)の途中で2回タップの拡大が起きないように(ピンチの拡大は残る・2026-09-11) */ /* ページのいちばん下の案内リンク（運営者情報・プライバシーポリシー・お問い合わせ・2026-09-10）。 home.js が body の最後に差し込む。ツールの中身のじゃまをしないよう小さく控えめに */ .sitefoot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px; margin:28px auto 18px;padding:14px 12px 0;max-width:760px;border-top:1px solid rgba(160,180,240,.16); font-size:.72rem;line-height:1.6} .sitefoot a{color:#8b96c2;text-decoration:none;white-space:nowrap} .sitefoot a:hover{color:#c6d0f0;text-decoration:underline} :root.light .sitefoot{border-top-color:rgba(40,60,120,.14)} :root.light .sitefoot a{color:#5b6b96} :root.light .sitefoot a:hover{color:#1d2440}