/* Tijori = saffron, so it never looks like the green company Vault Desk. */
:root {
  --brand: #d66206; --brand-ink: #ffffff; --brand-soft: #ffeedd;
  --side: #4a1f05; --side-ink: #f6dcc4; --side-active: #d66206;
  --bg: #faf6f1; --line: #ecdfd2;
}
@media (prefers-color-scheme: dark) {
  :root { --brand: #f5a25a; --brand-ink: #2a1300; --brand-soft: #3a2310; --side: #1c0d03; --side-ink: #e8c9ab; --side-active: #6b3410; --bg: #15100c; --panel: #1e1712; --line: #33271d; }
}
.progress { height: 10px; background: var(--line); border-radius: 999px; overflow: hidden; }
.progress > i { display: block; height: 100%; background: var(--brand); }
.p1 { color: var(--bad); font-weight: 700; }
.check { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid var(--line); }
.check:last-child { border-bottom: 0; }
.check input { margin-top: 4px; }
.check.done span { color: var(--muted); text-decoration: line-through; }
.sheet { max-width: 760px; }
.sheet .line { border-bottom: 1px solid var(--ink); height: 34px; margin-bottom: 6px; }
.sheet .box { border: 2px dashed var(--muted); border-radius: 10px; padding: 14px; margin: 10px 0; }
@media print {
  .side, .topbar, .no-print, .toast { display: none !important; }
  .shell { display: block; }
  main { padding: 0; }
  .card { box-shadow: none; border: 0; }
  body { background: #fff; color: #000; }
}
.progress > i.w0 { width: 0%; }
.progress > i.w5 { width: 5%; }
.progress > i.w10 { width: 10%; }
.progress > i.w15 { width: 15%; }
.progress > i.w20 { width: 20%; }
.progress > i.w25 { width: 25%; }
.progress > i.w30 { width: 30%; }
.progress > i.w35 { width: 35%; }
.progress > i.w40 { width: 40%; }
.progress > i.w45 { width: 45%; }
.progress > i.w50 { width: 50%; }
.progress > i.w55 { width: 55%; }
.progress > i.w60 { width: 60%; }
.progress > i.w65 { width: 65%; }
.progress > i.w70 { width: 70%; }
.progress > i.w75 { width: 75%; }
.progress > i.w80 { width: 80%; }
.progress > i.w85 { width: 85%; }
.progress > i.w90 { width: 90%; }
.progress > i.w95 { width: 95%; }
.progress > i.w100 { width: 100%; }