:root{--main-color:#7FC7D9;--base-color:#DCF2F1;--accent-color:#365486;--sub-color:#0F1035;--font-color:rgb(59, 59, 59);--font-family:"Yu Gothic Medium", "游ゴシック Medeum", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;--link-color:rgb(0, 0, 138);--option-color:#6fc7dd}:root{--main-color-lt:color-mix(in srgb,  var(--main-color) 50%, white);--main-color-dk:color-mix(in srgb,  var(--main-color) 50%, black);--base-color-lt:color-mix(in srgb,  var(--base-color) 50%, white);--base-color-dk:color-mix(in srgb,  var(--base-color) 50%, black);--accent-color-lt:color-mix(in srgb,  var(--accent-color) 50%, white);--accent-color-dk:color-mix(in srgb,  var(--accent-color) 50%, black);--sub-color-lt:color-mix(in srgb,  var(--sub-color) 50%, white);--sub-color-dk:color-mix(in srgb,  var(--sub-color) 50%, black);--font-color-lt:color-mix(in srgb,  var(--font-color) 50%, white);--font-color-dk:color-mix(in srgb,  var(--font-color) 50%, black);--overlay-light:#ffffff61;--overlay-border:#1f1f1f1f;--table-border-color:#ddd;--table-header-bg:#f0f0f0}:root{--highlight-color:#eef;--status-read-color:#28a745;--status-flagged-color:#ffc107}:root{--border-color:#ccc;--border-dotted-color:#999;--book-bg-start:#faf4e1;--book-bg-end:#fffdf8;--text-dark:#333;--text-medium:#666;--text-subtle:#666666;--muted-text-color:#4a5568;--text-faint:#999999;--overlay-dark:rgba(0,0,0,0.5);--text-black:#000;--primary-blue:#007bff;--gray:#6c757d;--danger-red:#dc3545;--highlight-yellow:#ffffcc;--book-page-start:#fefefe;--book-page-end:#e5e5e5;--card-bg:#fafafa;--white:#ffffff;--link-active-color:#004797;--heading-color:var(--accent-color-dk);--body-bg-color:var(--base-color-lt);--alert-color:#ff0000;--panel-bg:var(--white);--panel-border:#e1e5ee;--panel-radius:12px;--panel-padding:1.25rem;--panel-padding-tight:1rem;--shadow-soft:0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lifted:0 8px 24px rgba(0, 0, 0, 0.12);--chip-bg:#f0f4ff;--chip-border:var(--accent-color);--chip-text:var(--accent-color);--chip-hover-bg:var(--accent-color-dk);--chip-hover-text:var(--white);--chip-hover-border:var(--accent-color-dk);--chip-active-bg:var(--white);--chip-active-text:var(--accent-color);--chip-active-border:var(--accent-color);--chip-muted-bg:#eef2f8;--chip-muted-text:var(--text-subtle);--chip-muted-border:#c9d4e7}