/* Original paper and ink treatment, with locally bundled OFL fonts. */
@font-face { font-family:'Jia Book'; src:url('./assets/fonts/NotoSerifSC.ttf') format('truetype'); font-weight:200 900; font-display:swap; }
@font-face { font-family:'Jia Brush'; src:url('./assets/fonts/MaShanZheng.ttf') format('truetype'); font-weight:400; font-display:swap; }
:root { --paper:#f6f5f1; --ink:#242424; --muted:#646461; --line:#92928d; --cinnabar:#a33135; --card:#fffefa; --ok:#4d514b;
  --jia-paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%238b8b86' opacity='.055' filter='url(%23p)' d='M0 0h240v240H0z'/%3E%3C/svg%3E"); }
body { background-color:#e6e6e1; background-image:var(--jia-paper-grain); font-family:'Jia Book','Songti SC','SimSun',serif; font-weight:400; }
button,input,select,textarea { font-family:inherit; }
.masthead h1,.panel > h2,.jia-pane-heading h2,.jia-deck-header h2,.home,.jia-success-seal { font-family:'Jia Brush','KaiTi',serif; font-weight:400; }
.masthead h1 { font-size:34px; letter-spacing:.06em; }
.jia-pane-heading h2,.jia-workspace-search .panel > h2 { font-size:30px; }
.jia-deck-header h2 { font-size:34px; }
.jia-workspace-pane { background-color:var(--paper); background-image:var(--jia-paper-grain); border:1px solid #454542; box-shadow:inset 0 0 0 3px #f6f5f1,inset 0 0 0 4px #92928d55; }
.jia-workspace-index { padding:20px 18px; }
.jia-search-progress { background:#eaeae5; border-bottom:1px solid #92928d; font-family:inherit; font-size:13px; }
.jia-workspace-search .source-options,.panel,.result-list li { background-color:#f9f9f5; border-color:#92928d; }
.jia-workspace-search .panel { background:transparent; }
.jia-workspace-search .source-options label { font-size:15px; }
.jia-paper-filter,.search-row input,.search-form > button { background:#fffefa; border-color:#777772; border-radius:0; }
.jia-paper-filter:focus,.search-row input:focus { outline:1px solid var(--cinnabar); outline-offset:2px; }
.jia-paper-status-filter button { background:#fafaf6; border-color:#92928d; }
.jia-paper-status-filter button[aria-pressed='true'] { background:#fff; border:1px solid var(--cinnabar); box-shadow:inset 0 -2px var(--cinnabar); }
.jia-workspace-notice { background:transparent; }
.jia-archive-deck:hover { background:#ededE7; border-color:#b9b9b0; }
.jia-archive-deck.is-current { background:#f2e7e5; border-color:var(--cinnabar); }
.jia-deck-front,.jia-deck-back { border:1px solid #383836; background-color:#fffefa; background-image:var(--jia-paper-grain); box-shadow:2px 4px 0 #25252515,0 5px 12px #25252514; }
.jia-deck-back.back-one { background-color:#e8e8e1; }
.jia-deck-back.back-two { background-color:#deded6; }
.jia-mini-kind { width:fit-content; padding:2px 5px; border:1px solid var(--cinnabar); color:var(--cinnabar); line-height:1.6; }
.jia-mini-title { color:#252525; font-weight:600; }
.jia-mini-text { color:#666660; }
.jia-mini-seal { border-color:var(--cinnabar); color:var(--cinnabar); }
.jia-deck-title { padding:2px 10px 4px; border-bottom:2px solid #333330; font-size:20px; font-weight:600; }
.jia-deck-count { font-family:inherit; }
.jia-paper-dialog { background-color:#f1f1ea; background-image:var(--jia-paper-grain); border:2px solid #363633; box-shadow:0 20px 70px #17171755,inset 0 0 0 5px #fafaf4,inset 0 0 0 6px #92928d; }
.jia-paper-dialog::backdrop { background:#19191970; }
.jia-deck-kicker { font-size:13px; letter-spacing:.12em; }
.jia-deck-close { border-color:#555550; color:#333330; background:#fdfdfa; font-size:18px; }
.jia-fan-table { background:radial-gradient(ellipse at 50% 25%,#fffefa66,transparent 75%); }
.jia-fan-card { color:#222; background-color:#fffefa; background-image:var(--jia-paper-grain); border:2px solid #343432; border-radius:1px; box-shadow:3px 5px 0 #20202020,0 8px 20px #20202018; }
.jia-fan-card::after { inset:7px; border:1px solid #92928d77; border-radius:0; }
.jia-fan-card:hover,.jia-fan-card:focus-visible { border-color:var(--cinnabar); box-shadow:3px 7px 0 #a331351c,0 12px 28px #20202022; }
.jia-card-title { font-family:'Jia Book','SimSun',serif; font-weight:600; }
.jia-card-rule { background:#444440; height:2px; }
.jia-card-preview { color:#666660; }
.jia-card-footer { font-family:inherit; }
.jia-read-badge { color:#555550; background:#ededE7; border-color:#99998f; border-radius:1px; }
.jia-found-badge { color:var(--cinnabar); background:#fff; border-color:#b87779; border-radius:1px; }
.jia-reader-surface { border:2px solid #2f2f2d; box-shadow:0 18px 65px #0004,inset 0 0 0 5px #fff; }
.jia-document-header { border-bottom:1px solid #9d9d98; font-family:'Jia Book','SimSun',serif; font-size:14px; }
.jia-reader-sheet .document { font-family:'Jia Book','SimSun',serif; font-weight:400; }
.jia-reader-sheet .document > h2 { font-family:'Jia Book','SimSun',serif; font-weight:600; font-size:29px; }
.jia-reader-sheet .document > p { font-size:19px; line-height:2.1; }
.jia-reader-sheet .document .term { color:#222; border-bottom:1px solid var(--cinnabar); }
.jia-reader-sheet .document .term:hover { color:var(--cinnabar); }
.document .term.is-copied,.jia-reader-sheet .document .term.is-copied { color:#858580; border-bottom-color:#999994; }
.jia-excerpts .jia-excerpt-file { border:1px solid #a5a59b; border-radius:0; background:#fffefa; padding:12px; }
.jia-excerpt-file-title { font-family:'Jia Book','SimSun',serif; font-size:15px; font-weight:600; line-height:1.7; margin:0 0 10px; }
.jia-excerpt-words { display:flex; flex-wrap:wrap; gap:7px; align-items:flex-start; }
.jia-excerpts .jia-excerpt-word { max-width:100%; padding:3px 8px; border:1px solid #c6b8b1; border-radius:2px; background:#faf6f3; color:#a33135; font-family:'Jia Book','SimSun',serif; font-size:15px; line-height:1.7; text-align:left; white-space:pre-wrap; overflow-wrap:anywhere; }
.jia-excerpts .jia-excerpt-word:hover { border-color:var(--cinnabar); background:#f5ece7; }
.jia-excerpts .jia-excerpt-word.is-copied { color:#858580; background:#f3f3ee; border-color:#cdcdc5; }
.jia-person-summary,.jia-reader-sheet .document .jia-person-summary { border-radius:0; }
.tabs button,.jia-workspace-mobile-tabs button { border-color:#656560; background:#f7f7f2; border-radius:0; }
.tabs button.active,.jia-workspace-mobile-tabs button[aria-selected='true'] { color:var(--cinnabar); background:#fff; border-color:var(--cinnabar); box-shadow:inset 0 -2px var(--cinnabar); }
.tree-panel { background-color:var(--paper); background-image:var(--jia-paper-grain); }
.wire,.connector { stroke:#494945; }
.slot { background:#fbfbf6; border-color:#8d8d83; }
.slot.locked { background:#f8f8f2; border-color:var(--cinnabar); }
.slot-hint { background:#e7e7de; }
.slot.locked .slot-hint { background:#e9d7d4; }
.slot select { background:#fffefa; border-color:#9d9d92; }
.jia-notes { background-color:#f8f8f3; background-image:var(--jia-paper-grain); border-color:#454542; border-radius:0; }
.jia-notes h2 { font-family:'Jia Brush','KaiTi',serif; font-size:27px; }
.jia-note-editor { background:#fffefa; font-family:'Jia Book','SimSun',serif; }
.jia-toggle { font-family:'Jia Book','SimSun',serif; background:#fffefa; color:#333330; border:1px solid #66665c; border-radius:2px; box-shadow:3px 3px 0 #22222215; }
.jia-success { border:1px solid #363633; background:#fffefa; background-image:var(--jia-paper-grain); }
.jia-success-progress,.jia-success-reward { font-size:14px; }
.shell-home { background-color:#d5d5cc; background-image:var(--jia-paper-grain); }
.home-book { background-color:#f4f4eb; background-image:var(--jia-paper-grain); border-color:#343432; box-shadow:inset 0 0 0 6px #ecece2,inset 0 0 0 8px #494942,10px 14px #b9b9a9,16px 22px 36px #22222245; }
.home-slip,.home-actions button,.home-howto-card { background:#f8f8f0; border-color:var(--cinnabar); }
.home-actions .primary,.home-howto-close.primary { background:var(--cinnabar); color:#fffefa; }
@media(max-width:620px) {
  .masthead h1 { font-size:29px; }
  .jia-workspace-index { padding:18px 12px; }
  .jia-deck-header h2 { font-size:30px; }
  .jia-deck-title { font-size:18px; }
  .jia-reader-sheet .document > p { font-size:18px; }
  .jia-reader-sheet .document > h2 { font-size:25px; }
}