:root{--字: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", sans-serif;--地: #eef1f3;--カード地: #f7f9fa;--カード線: #e3e8ec;--囲み: #ffffff;--線: #8a8f94;--線ホバー: #70767b;--面: #f2f2f7;--文字: #333333;--薄い文字: #1a1a1a99;--強調: #65b7c2;--強調面: #65b7c2;--強調の上の文字: #ffffff;--強調濃い: #45a2af;--フォーカス枠: var(--強調);--リンク: #306f78;--必須: #E95161;--マイナス: var(--必須);--警戒: var(--必須);--選択欄の矢印余白: 33px;--登録済み: var(--必須);--危険: #ff3b30;--良い: #34c759;--プレースホルダー文字: #adadad;--帯地: #65b7c2;--パネル帯: #65b7c2;--タグ削除hover地: rgba(255, 255, 255, .3);--タグ地: var(--パネル帯);--区画見出し帯: #65b7c2;--下段ボタン地: #A3D4DA;--帯高さ: 55px;--タイトル帯高さ: 51px;--押せる最小: 44px;--メニュー幅: 246px;--メニュー幅畳み: 60px;--メニュー地: #ffffff;--メニュー文字: #333333;--メニューアイコン: #333333;--メニュー境界: #d8d8dd;--メニューホバー地: #e0f1f3;--選択中の地: var(--強調);--選択中の文字: var(--強調の上の文字);--メニュー現在地文字: var(--強調);--上部バー地: var(--強調);--上部バー文字: #ffffff;--メニュー幕: rgba(0, 0, 0, .38);--上部バー内ボタン地: rgba(128, 128, 128, .2);--上部バー内ボタンhover地: rgba(128, 128, 128, .3);--アイコン既定色: #adadad;--入力アイコン色: #adadad;--画像操作地: #adadad;--画像操作文字: #ffffff;--ダイアログ幕: rgba(0, 0, 0, .28);--トグルつまみ影: rgba(0, 0, 0, .3);--候補影: rgba(0, 0, 0, .15);--行奇数: #ffffff;--行縞: #E0F1F3;--行hover: #C1E2E7;--操作行入力高さ: 38px;--丸み: 6px;--カード丸み: 8px;--間隔: 15px;--ラベル間隔: 5px;--トグル高さ: 24px;--一覧アイコン: var(--一覧トグル高さ);--トグル幅: 44px;--入力欄高さ: 38px;--詳細情報の高さ: 371px;--下段の高さ: 269px;--一覧トグル高さ: 18px;--一覧行高さ: 34px;--レコード移動の大きさ: 34px;--見出し帯の上下余白: 15px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--地: var(--暗地);--カード地: var(--暗カード地);--カード線: var(--暗カード線);--囲み: var(--暗囲み);--線: var(--暗線);--線ホバー: var(--暗線);--入力アイコン色: var(--暗入力アイコン);--面: var(--暗面);--文字: var(--暗文字);--薄い文字: var(--暗薄い文字);--強調: var(--暗強調);--強調面: var(--暗強調面);--強調の上の文字: var(--暗強調の上の文字);--強調濃い: var(--暗強調濃い);--フォーカス枠: var(--暗フォーカス枠);--リンク: var(--暗リンク);--必須: var(--暗必須);--マイナス: var(--暗必須);--登録済み: var(--暗必須);--危険: var(--暗危険);--良い: var(--暗良い);--帯地: var(--暗帯地);--区画見出し帯: var(--暗上部バー地);--タグ地: var(--暗タグ地);--下段ボタン地: var(--暗下段ボタン地);--トグルつまみ影: var(--暗トグルつまみ影);--候補影: var(--暗候補影);--行奇数: var(--暗行奇数);--行縞: var(--暗行縞);--行hover: var(--暗行hover);--メニュー地: var(--暗メニュー地);--メニュー文字: var(--暗メニュー文字);--メニューアイコン: var(--暗メニューアイコン);--メニュー境界: var(--暗メニュー境界);--メニューホバー地: var(--暗メニューホバー地);--選択中の地: var(--暗強調濃い);--メニュー現在地文字: var(--文字);--上部バー地: var(--暗上部バー地)}}:root{--暗入力アイコン: #ffffff;--暗地: #1e1e1e;--暗カード地: #2c2c2e;--暗カード線: #3a3a3c;--暗囲み: #333333;--暗線: #636366;--暗面: #232325;--暗文字: #ffffff;--暗薄い文字: #98989d;--暗強調: #ffffff;--暗強調面: #48484a;--暗強調の上の文字: #ffffff;--暗強調濃い: #696969;--暗フォーカス枠: #b8b8bd;--暗リンク: #ffffff;--暗必須: #E95161;--暗危険: #ff453a;--暗良い: #30d158;--暗帯地: #232325;--暗トグルつまみ影: rgba(0, 0, 0, .6);--暗候補影: rgba(0, 0, 0, .6);--暗行奇数: var(--暗カード地);--暗行縞: #353537;--暗行hover: #858585;--暗タグ地: #191919;--暗下段ボタン地: #191919;--暗メニュー地: #242324;--暗メニュー文字: rgba(235, 235, 245, .72);--暗メニューアイコン: #ffffff;--暗メニュー境界: #38383a;--暗メニューホバー地: #333333;--暗上部バー地: #232325}:root[data-theme=dark]{--地: var(--暗地);--入力アイコン色: var(--暗入力アイコン);--カード地: var(--暗カード地);--カード線: var(--暗カード線);--囲み: var(--暗囲み);--線: var(--暗線);--線ホバー: var(--暗線);--面: var(--暗面);--文字: var(--暗文字);--薄い文字: var(--暗薄い文字);--強調: var(--暗強調);--強調面: var(--暗強調面);--強調の上の文字: var(--暗強調の上の文字);--強調濃い: var(--暗強調濃い);--フォーカス枠: var(--暗フォーカス枠);--リンク: var(--暗リンク);--必須: var(--暗必須);--危険: var(--暗危険);--良い: var(--暗良い);--帯地: var(--暗帯地);--区画見出し帯: var(--暗上部バー地);--タグ地: var(--暗タグ地);--下段ボタン地: var(--暗下段ボタン地);--トグルつまみ影: var(--暗トグルつまみ影);--トグルオン地: var(--暗トグル色1);--トグルオフ地: var(--暗トグル色2);--候補影: var(--暗候補影);--行奇数: var(--暗行奇数);--行縞: var(--暗行縞);--行hover: var(--暗行hover);--メニュー地: var(--暗メニュー地);--メニュー文字: var(--暗メニュー文字);--メニューアイコン: var(--暗メニューアイコン);--メニュー境界: var(--暗メニュー境界);--メニューホバー地: var(--暗メニューホバー地);--選択中の地: var(--暗強調濃い);--メニュー現在地文字: var(--文字);--上部バー地: var(--暗上部バー地)}:root{--字メインタイトル: 14px;--字メニュー: 13px;--字本文: 12px;--字入力: 12px}:root{--グラフ男性: #69BEDC;--グラフ女性: #FFBFD4;--グラフ棒: #65B7C2;--グラフ空: var(--カード線);--グラフ売上実績: #65B7C2;--グラフ売上予算: #C1E2E7;--グラフ原価実績: #E28937;--グラフ原価予算: #F3D0AF;--グラフ粗利実績: #FF94B7;--グラフ粗利予算: #FFD4E2;--グラフ実績販管費: #F1E157}:root{--トグル色1: #A3D4DA;--トグル色2: #ADADAD;--トグルオン地: var(--トグル色1);--トグルオフ地: var(--トグル色2);--警告トグルオン地: #E95161;--警告トグルオフ地: #ADADAD;--暗トグル色1: #191919;--暗トグル色2: #ADADAD}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--トグルオン地: var(--暗トグル色1);--トグルオフ地: var(--暗トグル色2)}}*{box-sizing:border-box}body{margin:0;font-family:var(--字);background:var(--地);color:var(--文字);-webkit-text-size-adjust:100%}input,select,textarea{width:100%;padding:10px 8px;font-family:var(--字);font-size:var(--字入力);color:var(--文字);background:var(--囲み);border:1px solid var(--線);border-radius:var(--丸み)}input,select{height:var(--入力欄高さ)}textarea{resize:vertical}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:var(--選択欄の矢印余白);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23adadad' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:16px 16px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E")}}:root[data-theme=dark] select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 9.5L12 15l5.5-5.5'/%3E%3C/svg%3E")}input[type=date],input[type=time],input[type=datetime-local]{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value{text-align:left;margin:0;line-height:normal}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator{opacity:1;background-color:var(--入力アイコン色);background-image:none;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9.5h18M8 2.5v4M16 2.5v4'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;cursor:pointer}input:hover,select:hover,textarea:hover{border-color:var(--線ホバー)}input:focus,select:focus,textarea:focus{outline:2px solid var(--フォーカス枠);outline-offset:-2px}input::placeholder,textarea::placeholder{color:var(--プレースホルダー文字)}select:has(option[value=""]:checked){color:var(--プレースホルダー文字)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--囲み) inset;-webkit-text-fill-color:var(--文字);caret-color:var(--文字);transition:background-color 100000s ease-in-out 0s}input[readonly],input:disabled,select:disabled,textarea[readonly]{color:var(--文字);background-color:var(--囲み);opacity:1}button{font-family:var(--字);font-size:var(--字本文);padding:12px 16px;border:none;border-radius:var(--丸み);background:var(--強調面);color:var(--強調の上の文字)}button:disabled{opacity:.4}.読み込み{display:flex;align-items:center;gap:8px;color:var(--薄い文字);font-size:var(--字本文)}.回る{width:16px;height:16px;flex:none;border:2px solid var(--線);border-top-color:var(--強調);border-radius:50%;animation:回転 .8s linear infinite}@keyframes 回転{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.回る{animation:none;border-top-color:var(--線)}}.アイコン{flex:none;color:var(--入力アイコン色)}.行{display:flex;flex-direction:column;gap:var(--ラベル間隔);margin-bottom:var(--間隔)}.行>.トグル,.行>.テーマ切替{margin-top:auto;margin-bottom:auto}.ラベル{font-size:var(--字入力);line-height:1.5;color:var(--文字);font-weight:700}.ラベル.ラベルに右あり{display:flex;align-items:center;justify-content:space-between;gap:var(--間隔)}.ラベル右の群{display:inline-flex;gap:var(--ラベル間隔)}.ラベル右ボタン{height:calc(var(--字入力) * 1.5);padding:0 8px;font-size:var(--字入力);line-height:1;color:var(--強調面);background:transparent;border:1px solid var(--強調面);border-radius:var(--丸み);cursor:pointer}.ラベル右ボタン:disabled{opacity:.4;cursor:default}.必須{color:var(--必須);font-weight:700}.知らせ{padding:var(--間隔);border-radius:var(--丸み);background:var(--面);font-size:var(--字本文);margin-bottom:var(--間隔)}.危険{color:var(--危険)}.主ボタン{width:100%;display:flex;align-items:center;justify-content:center;margin-top:var(--間隔);min-height:var(--押せる最小);padding:12px 16px;font-size:var(--字本文);font-weight:800;color:var(--強調の上の文字);background:var(--強調面)}.主ボタン:active{background:var(--強調濃い)}.欄のボタン{width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--入力欄高さ);padding:0 16px;font-size:var(--字入力);font-weight:700;color:var(--強調の上の文字);background:var(--強調面);border:none;border-radius:var(--丸み);cursor:pointer}.欄のボタン:active{background:var(--強調濃い)}.トグル{position:relative;display:inline-block;flex:none;width:var(--トグル幅);height:var(--トグル高さ)}.トグル input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.トグルつまみ{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:var(--トグルオフ地);border-radius:999px;transition:background .15s ease}.トグルつまみ:before{content:"";position:absolute;top:3px;left:3px;width:calc(var(--トグル高さ) - 6px);height:calc(var(--トグル高さ) - 6px);border-radius:50%;background:var(--強調の上の文字);box-shadow:0 1px 2px var(--トグルつまみ影);transition:transform .15s ease}.トグル input:checked+.トグルつまみ{background:var(--トグルオン地)}.トグル.警告 .トグルつまみ{background:var(--警告トグルオフ地)}.トグル.警告 input:checked+.トグルつまみ{background:var(--警告トグルオン地)}.トグル.警戒 .トグルつまみ{background:var(--警告トグルオフ地)}.トグル.警戒 input:checked+.トグルつまみ{background:var(--警告トグルオン地)}.トグル.警戒 .トグルつまみ.オン{background:var(--警告トグルオン地)}.トグル input:checked+.トグルつまみ:before{transform:translate(calc(var(--トグル幅) - var(--トグル高さ)))}.トグル input:focus-visible+.トグルつまみ{outline:2px solid var(--フォーカス枠);outline-offset:2px}@media(prefers-reduced-motion:reduce){.トグルつまみ,.トグルつまみ:before{transition:none}}.パスワード欄{position:relative}.パスワード欄 input{padding-right:44px}.表示切替{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--丸み);color:var(--薄い文字);padding:0}.表示切替 svg{width:20px;height:20px}.リンクコピー欄{position:relative}.リンクコピー欄 input{padding-right:40px}.リンクコピーボタン{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:30px;height:30px;min-height:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--丸み);color:var(--アイコン既定色);padding:0;cursor:pointer}.リンクコピーボタン:hover,.リンクコピーボタン:active,.リンクコピーボタン:focus,.リンクコピーボタン:focus-visible{background:transparent;outline:none}.一覧表 thead th{position:sticky;top:0;background:var(--区画見出し帯);color:var(--強調の上の文字);z-index:1;height:26px;padding-top:0;padding-bottom:0}.一覧表 tbody tr:nth-child(odd){background:var(--行奇数)}.一覧表 tbody tr:nth-child(2n){background:var(--行縞)}.一覧表 tbody tr:hover{background:var(--行hover)}.一覧表 th,.一覧表 td{padding:8px 16px;height:var(--一覧行高さ);line-height:1.5;vertical-align:middle;text-align:left;white-space:nowrap;font-size:var(--字入力)}.金額マイナス{color:var(--マイナス)}input[readonly].金額マイナス,input:disabled.金額マイナス,textarea[readonly].金額マイナス{color:var(--マイナス)}.行.警戒色>input,.行.警戒色>textarea,.行.警戒色>select,.行.警戒色 .入力包み>input{color:var(--警戒)}.上部バー{position:sticky;top:0;z-index:10;height:var(--タイトル帯高さ);padding:0 var(--間隔);display:flex;align-items:center;gap:var(--間隔);background:var(--上部バー地);color:var(--上部バー文字)}.上部バータイトル{font-size:var(--字メインタイトル);font-weight:700}.上部バー年度{margin-left:auto;display:flex;align-items:center;gap:6px;min-height:var(--押せる最小);background:var(--上部バー内ボタン地);color:inherit;font-size:var(--字本文);padding:0 12px}.上部バー年度:disabled{opacity:.7;cursor:not-allowed}.上部バー .アイコン{color:inherit}.ハンバーガー{display:flex;flex-direction:column;justify-content:center;gap:3px;width:var(--押せる最小);height:var(--押せる最小);min-height:0;padding:0 11px;background:var(--上部バー内ボタン地);color:inherit;flex:none}.ハンバーガー span{display:block;height:2px;background:currentColor;border-radius:2px}.ハンバーガー:hover:not(:disabled){background:var(--上部バー内ボタンhover地)}.ハンバーガー:disabled{opacity:.45;cursor:not-allowed}.アプリ本体{display:grid;grid-template-columns:var(--メニュー幅) 1fr;align-items:stretch;height:calc(100vh - var(--タイトル帯高さ));height:calc(100dvh - var(--タイトル帯高さ))}.アプリ本体:has(.メニュー.畳み){grid-template-columns:var(--メニュー幅畳み) 1fr}body.詳細全幅 .アプリ本体,body.詳細全幅 .アプリ本体:has(.メニュー.畳み){grid-template-columns:1fr}body.詳細全幅 .メニュー{display:none}.content{min-width:0;overflow-y:auto;min-height:0;padding:var(--間隔)}body.詳細全幅 .content{padding:0;overflow:visible}.メニュー{position:sticky;top:var(--タイトル帯高さ);height:calc(100vh - var(--タイトル帯高さ));height:calc(100dvh - var(--タイトル帯高さ));display:flex;flex-direction:column;background:var(--メニュー地);color:var(--メニュー文字);border-right:1px solid var(--メニュー境界);padding:var(--間隔) var(--間隔) 0;overflow:hidden}.メニュー.畳み{padding:var(--間隔) 6px 0}.メニュー項目一覧{flex:1;min-height:0;overflow-y:auto}.メニュー見出し,.メニュー項目,.メニュー単独項目{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--メニュー文字);font-family:inherit;font-size:var(--字メニュー);border-radius:var(--丸み)}.メニュー見出し,.メニュー単独項目{padding:9px 10px;font-weight:500;min-height:var(--押せる最小)}.メニュー項目{padding:8px 10px 8px 26px;min-height:36px}.メニュー.畳み .メニュー見出し,.メニュー.畳み .メニュー単独項目{justify-content:center;padding:10px 0}.メニュー.畳み .メニュー項目文字,.メニュー.畳み .メニュー矢印{display:none}.メニュー見出し:hover:not(:disabled),.メニュー項目:hover:not(:disabled),.メニュー単独項目:hover:not(:disabled){background:var(--メニューホバー地)}.メニュー見出し.開,.メニュー見出し.現在地{color:var(--メニュー現在地文字);font-weight:700}.メニュー項目.選択中{background:var(--選択中の地);color:var(--選択中の文字);font-weight:500;cursor:default}.メニュー見出し.開 .アイコン,.メニュー見出し.現在地 .アイコン,.メニュー項目.選択中 .アイコン{color:currentColor}.メニュー見出し:disabled,.メニュー項目:disabled,.メニュー単独項目:disabled{opacity:1;cursor:default}.メニュー項目.準備中,.メニュー単独項目.準備中{color:var(--薄い文字)}.メニュー矢印{margin-left:auto;color:var(--薄い文字);font-size:var(--字メニュー)}.メニュー項目文字{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.メニュー .アイコン,.メニュー浮き出し .アイコン,.アカウント浮き出し .アイコン{flex:none;color:var(--メニューアイコン)}.メニュー子{padding-bottom:4px}.メニュー浮き出し{position:fixed;z-index:40;width:216px;background:var(--カード地);border:1px solid var(--メニュー境界);border-radius:var(--カード丸み);box-shadow:0 4px 12px var(--候補影);padding:6px}.メニュー浮き出し見出し{font-size:var(--字メニュー);font-weight:500;color:var(--薄い文字);padding:6px 10px 7px}.メニュー幕{position:fixed;inset:var(--タイトル帯高さ) 0 0 0;z-index:40;background:var(--メニュー幕)}.明るさ切替置き場所{flex:none}.テーマ切替.メニュー内{margin-top:auto;padding:var(--間隔) 0 0}.メニュー.畳み .テーマ切替.メニュー内 .テーマ切替アイコン{display:none}.メニュー.畳み .テーマ切替.メニュー内{justify-content:center;padding:var(--間隔) 2px 0}.メニュー.畳み .テーマ切替トグル{flex:none;width:40px}.アカウント行{flex:none;border-top:1px solid var(--メニュー境界);height:var(--帯高さ);padding:0;display:flex;align-items:center;position:relative;margin-top:var(--間隔)}.アカウント行ボタン{padding-left:8px}.メニュー.畳み .アカウント行ボタン{justify-content:center;padding:8px 0}.アカウント浮き出し{position:absolute;left:4px;right:4px;bottom:calc(100% + 4px);z-index:30;min-width:180px;padding:var(--間隔);background:var(--カード地);border:1px solid var(--メニュー境界);border-radius:var(--カード丸み);box-shadow:0 4px 12px var(--候補影)}.アカウント浮き出し.浮動{position:fixed;left:auto;right:auto;bottom:auto;width:200px;z-index:60}.アカウント浮き出し button{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--押せる最小);text-align:left;background:transparent;color:var(--文字);font-family:inherit;font-size:var(--字メニュー);padding:8px;border-radius:var(--丸み)}.アカウント浮き出し button:hover{background:var(--メニューホバー地)}@media(max-width:1279px){.アプリ本体,.アプリ本体:has(.メニュー.畳み),.アプリ本体:has(.メニュー.引き出し){grid-template-columns:1fr}.メニュー:not(.引き出し){display:none}.アプリ本体:has(.メニュー.引き出し){grid-template-columns:1fr}.メニュー.引き出し{position:fixed;top:var(--タイトル帯高さ);left:0;bottom:0;width:var(--メニュー幅);height:auto;z-index:50;box-shadow:0 4px 12px var(--候補影);padding:var(--間隔) var(--間隔) 0}.メニュー.引き出し .メニュー項目文字,.メニュー.引き出し .メニュー矢印{display:block}.メニュー.引き出し .メニュー見出し,.メニュー.引き出し .メニュー単独項目{justify-content:flex-start;padding:9px 10px}}.枠{max-width:720px;margin:0 auto;padding:48px 20px 96px}.見出し{font-size:var(--字メインタイトル);font-weight:700;margin:0}.添え書き{color:var(--薄い文字);font-size:var(--字入力);line-height:1.6;margin:6px 0 0}.カード{margin-top:28px;padding:20px 22px;background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み)}.カード見出し{font-size:var(--字本文);font-weight:700;margin:0 0 12px}.文{margin:6px 0;font-size:var(--字本文);line-height:1.7}.良い{color:var(--強調);font-weight:700}.悪い{color:var(--必須);font-weight:700}.待ち表示{display:flex;align-items:center;gap:8px;margin:6px 0;color:var(--文字)}.待ち矢印{width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--カード線);border-top-color:var(--強調);animation:待ち回転 .8s linear infinite}@keyframes 待ち回転{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.待ち矢印{animation:none}}.値の表{border-collapse:collapse;margin-top:12px;font-size:var(--字入力)}.値の表 th{text-align:left;padding:6px 14px 6px 0;color:var(--薄い文字);font-weight:500;white-space:nowrap}.値の表 td{padding:6px 0}.色見本{display:flex;gap:0;margin-top:12px;border-radius:4px;overflow:hidden}.色見本 span{flex:1 1 0;height:22px}.ログインの枠{background:var(--地);min-height:100vh;min-height:100dvh;padding:var(--間隔);display:flex;flex-direction:column;justify-content:center}.ログインのカード{width:100%;max-width:400px;margin:0 auto;background:var(--カード地);border:1px solid var(--カード線);border-radius:var(--カード丸み);overflow:hidden}.ログインの帯{background:var(--帯地);padding:var(--間隔);text-align:center}.ログインの帯 h2{margin:0;font-size:var(--字メインタイトル);font-weight:800;color:var(--強調の上の文字)}.ログインのカード中身{padding:var(--間隔);display:flex;flex-direction:column;gap:var(--間隔)}.補助操作{margin-top:0;padding-top:var(--間隔);border-top:1px solid var(--カード線);display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px}.補助ボタン{flex:1 1 auto;width:auto;display:flex;align-items:center;justify-content:center;min-height:var(--押せる最小);background:transparent;border:0;color:var(--リンク);padding:8px 4px;font-size:var(--字本文);font-family:var(--字);text-decoration:underline;text-underline-offset:2px;text-align:center;cursor:pointer;white-space:nowrap}.欄{display:flex;flex-direction:column;gap:4px}.テーマ切替{display:flex;gap:4px;flex-wrap:wrap}.テーマの札{font-size:var(--字入力);font-family:var(--字);color:inherit;background:transparent;border:1px solid currentColor;border-radius:999px;padding:2px 9px;cursor:pointer;white-space:nowrap}.テーマの札[aria-pressed=true]{font-weight:700}.ログインの枠 .テーマ切替{margin-top:16px;justify-content:center;color:var(--薄い文字)}.値の表枠{overflow-x:auto}@media(max-width:640px){.枠{padding:24px 14px 64px}.カード{padding:16px 14px}.上部バー{flex-wrap:wrap;gap:8px;padding:10px 14px}.上部バー .余り{margin-left:0;width:100%;order:9}.テーマ切替{order:10}.ログインのカード{padding:22px 18px}}.値の表{display:block;overflow-x:auto;max-width:100%}