/* Black leather, neutral surfaces and Japanese typography. */
:root {
  color-scheme: dark;
  --ink: #ededed;
  --muted: #a8a8a8;
  --line: #383838;
  --accent: #d8d8d8;
  --green: #dedede;
  --paper: #171717;
  color: var(--ink);
  background: #111;
  font-family: "Yu Gothic UI", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body {
  background: linear-gradient(#0009,#0009),url('/brand/black-leather-texture.png') repeat;
  background-size: auto, 720px 720px;
  background-attachment: fixed;
}
::selection {background: #dedede;color:#111;}
input:focus, textarea:focus, select:focus {outline-color:#bcbcbc;}
input::placeholder, textarea::placeholder {color:#969696;opacity:1;}
.sidebar {background:#030303;color:#e7e7e7;border-right:1px solid #343434;padding-top:29px;}
.brand {display:flex;flex-direction:column;gap:15px;align-items:center;margin-bottom:40px;width:100%;}
.brand-logo {display:block;width:100%;height:auto;max-width:220px;object-fit:contain;}
.mobile-brand {display:none;}
.brand-caption {font-size:11px;letter-spacing:.08em;color:#bfbfbf;text-align:center;line-height:1.8;}
.sidebar-label,.small-caps {color:#909090;letter-spacing:.12em;}
.sidebar nav a {font-size:13px;}
.sidebar nav a:hover,.collection-link:hover {background:#202020;}
.sidebar nav a.active {background:#292929;color:#fff;box-shadow:inset 2px 0 #e5e5e5;}
.nav-count,.collection-link {color:#bebebe;}
.collection-link:before {color:#858585;}
.sidebar-note p {color:#cecece;}
.sidebar-note small {color:#949494;}
.stitch {border-color:#737373;}
.settings-button {border-color:#353535;color:#bfbfbf;}
.connection-dot {background:#707070;border:1px solid #b8b8b8;}
.connection-dot.enabled {background:#eee;}
.topbar,.reader-header {background:#0c0c0cf5;border-color:#363636;}
.breadcrumb {color:#a0a0a0;letter-spacing:.08em;}
.breadcrumb strong {color:#eee;}
.breadcrumb span {color:#6b6b6b;}
.global-search,.global-search input {color:#ddd;}
.global-search kbd {color:#9f9f9f;}
.button {background:#222;color:#e5e5e5;border-color:#4b4b4b;}
.button:hover {background:#343434;border-color:#858585;}
.button.primary {background:#eee;color:#121212;border-color:#eee;font-weight:600;}
.button.primary:hover {background:#fff;border-color:#fff;}
.button.subtle {background:transparent;color:#c7c7c7;}
.eyebrow {color:#b5b5b5;letter-spacing:.16em;font-size:11px;}
.page-heading h1 {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:34px;line-height:1.5;letter-spacing:.03em;color:#f4f4f4;}
.page-heading p {color:#bdbdbd;font-size:13px;}
.index-number {color:#6b6b6b;}
.stats {background:#111e;border-color:#424242;box-shadow:0 8px 28px #0003;}
.stat-value {color:#f2f2f2;}
.stat-label {color:#b6b6b6;font-size:11px;letter-spacing:.06em;}
.toolbar-title {color:#eee;}
.filter {color:#bfbfbf;}
.filter.active {border-color:#666;background:#353535;color:#fff;}
.small-muted {color:#acacac;}
.book-image {background:#101010c9;border-color:#474747;}
.book-card:hover .book-image {background:#262626df;}
.book-image img,.result img {filter:grayscale(1);}
.book-placeholder {background:#252525;border-color:#3f3f3f;color:#ededed;}
.book-number {color:#a1a1a1;}
.book-card h3 {color:#ededed;}
.book-meta {color:#b5b5b5;}
.tag {background:#2c2c2c;border-color:#505050;color:#dedede;font-size:10px;}
.tag.gold,.tag.neutral {background:#252525;border-color:#515151;color:#c9c9c9;}
.tag.fact {background:#3b3b3b;border-color:#727272;color:#fff;}
.tag.inference {background:#191919;border-color:#8b8b8b;border-style:dashed;color:#ddd;}
.status,.status.warn,.status.failed {color:#c2c2c2;}
.status.failed {font-weight:600;}
.book-card progress {accent-color:#ccc;}
.upload-tile {background:#151515b8;border-color:#707070;color:#ddd;}
.upload-tile:hover {background:#303030df;}
.upload-tile .plus {color:#cecece;}
.empty {color:#b5b5b5;}
.empty h2 {color:#e3e3e3;}
.empty-symbol {color:#888;}
.library-foot {color:#a7a7a7;letter-spacing:.06em;}
.notice,.notice.error {background:#282828;border-color:#666;color:#dedede;}
.notice.error {border-left:3px solid #ccc;}
.result-count {color:#b7b7b7;}
.result {background:#141414ed;border-color:#494949;}
.result h3 {color:#e8e8e8;}
.result img {background:#252525;}
.result p {color:#c3c3c3;}
.page-link {color:#e3e3e3;border-color:#9b9b9b;}
.reader-title h1 {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#eee;font-size:20px;}
.reader-title small {color:#afafaf;}
.toc-panel {background:#101010e8;}
.panel-label {color:#c3c3c3;font-size:11px;letter-spacing:.08em;}
.toc-item {color:#c5c5c5;border-color:#343434;font-size:11px;}
.toc-item.active {background:#333;color:#fff;}
.toc-item span {color:inherit;}
.toc-source {color:#a1a1a1;}
.page-viewer {background:#0d0d0d66;}
.page-tools,.page-footer {background:#191919f5;border-color:#414141;color:#b6b6b6;}
.page-tools button,.page-tools span {color:#ccc;}
.page-sheet {box-shadow:0 6px 32px #000a;}
.ask-panel {background:#141414f5;}
.ask-heading h2 {font:20px/1.6 "Yu Mincho","Hiragino Mincho ProN",serif;color:#f2f2f2;}
.ask-heading p {color:#b6b6b6;font-size:11px;}
.ask-scope select {font-size:11px;}
.spark {color:#bcbcbc;}
.ask-welcome h3 {font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:#e5e5e5;line-height:1.8;}
.ask-welcome p {color:#b5b5b5;}
.suggestion {border-color:#4a4a4a;background:#262626;color:#d5d5d5;}
.ask-form small {color:#aaa;}
.question {background:#363636;color:#f2f2f2;}
.answer-label {color:#b6b6b6;font-size:10px;}
.answer-block {color:#cdcdcd;font-size:12px;}
.answer-block strong {color:#ededed;}
.object-card {background:#161616ed;border-color:#484848;color:#ddd;}
.object-card:hover {border-color:#979797;background:#222;}
.object-card h3 {color:#eee;}
.object-card p {color:#b8b8b8;}
.object-card-footer,.type-label {color:#b4b4b4;}
.type-label {font-size:10px;}
.pagination {color:#bfbfbf;}
.page-object {border-color:#4c4c4c;background:#242424;color:#b8b8b8;}
.page-object b {color:#ededed;}
.tabbar button {color:#aeaeae;font-size:11px;}
.tabbar button.active {border-color:#dedede;color:#fff;}
dialog {background:#161616;color:#e8e8e8;border-color:#666;box-shadow:0 25px 100px #000b;}
dialog::backdrop {background:#000b;}
.modal-header h2 {color:#f5f5f5;}
.modal-body h3 {color:#dedede;}
.modal-body pre {background:#222;border-color:#474747;color:#d4d4d4;}
.modal-body code {color:#dedede;}
.modal-body summary,.modal-body label {color:#c4c4c4;}
.dropzone {border-color:#757575;background:#242424;color:#e1e1e1;}
.dropzone.dragging {background:#3a3a3a;border-color:#bbb;}
.role-picker label {border-color:#555;color:#dedede;}
.role-picker input {accent-color:#ddd;}
.evidence-metadata dt {color:#a8a8a8;}
.evidence-metadata dd {color:#ddd;}
.fit-step {border-color:#bcbcbc;background:#2a2a2a;color:#dfdfdf;}
.fit-step b {color:#b9b9b9;}
.toast {background:#ebebeb;color:#111;box-shadow:0 4px 25px #0008;}
.form-error {color:#ddd;}
@media(max-width:960px) {
  .brand {gap:0;margin-bottom:24px;}
  .brand-logo {width:51px;max-width:none;}
  .brand-caption {display:none;}
  .sidebar nav a {font-size:0;}
}
@media(max-width:650px) {
  .mobile-brand {display:block;flex:0 0 110px;}
  .mobile-brand img {display:block;width:100%;height:auto;}
  .topbar .global-search {min-width:0;flex:1;}
  .topbar .global-search input {min-width:0;width:100%;}
  .brand {display:none;}
  .sidebar nav a {font-size:11px;}
  .page-heading h1 {font-size:27px;}
  .page-heading p {font-size:11px;}
}