/* Business Wealth: Old Jin's shop after closing. Black lacquer, brass, dark wood grain, and a string of old square-holed coins down the left; one coin rolls as you read. */
#astro{--night:#0e0c0a;--night2:#1a1510;--paper:#f0e2c4;--paper2:#e2cfa6;--ink:#231a10;--text:#231a10;--mute:#6e5a3e;--line:#c9ad78;
  --rose:#8a5a1f;--rose2:#c08a2e;--gold:#c79a3e;--gold2:#ecc873;--moon:#f5e9cf;
  background:repeating-linear-gradient(92deg,rgba(255,220,160,.016) 0 2px,transparent 2px 11px),radial-gradient(760px 460px at 15% -120px,rgba(236,200,115,.17),transparent 70%),linear-gradient(180deg,#1a140d,#0e0c0a 32%,#090807)}
#astro .btn{background:linear-gradient(180deg,#d5a544,#8f6420);border-color:#ecc873;color:#1b1309;box-shadow:0 0 0 3px rgba(236,200,115,.2),0 8px 22px rgba(0,0,0,.45)}
#astro .btn.ghost{background:transparent;color:var(--rose);border-color:var(--line);box-shadow:none}
#astro .chop{background:linear-gradient(145deg,#2a2017,#120d08);color:#ecc873;border-radius:2px;box-shadow:inset 0 0 0 1.5px #ecc873}
#astro .thread path{stroke:#a9772a;stroke-width:1.2;filter:none}
#astro .knot{width:15px;height:15px;left:-14.5px;background:radial-gradient(circle,#0e0c0a 0 2.2px,transparent 2.6px),radial-gradient(circle at 35% 30%,#f1d083,#9a6d24 75%);box-shadow:0 0 0 1px #5e4216;border-radius:50%}
#astro .knot.loose{background:transparent;border:1.4px dashed #ecc873;box-shadow:none}
#astro .rail{position:absolute;left:-18px;top:0;width:22px;height:22px;border-radius:50%;background:conic-gradient(from 45deg,#f4d78e,#a97a2a,#f4d78e,#a97a2a,#f4d78e);box-shadow:0 0 12px rgba(236,200,115,.7);z-index:2;pointer-events:none;will-change:transform}
#astro .rail:after{content:'';position:absolute;left:7.5px;top:7.5px;width:7px;height:7px;background:#0e0c0a}
/* the ledger itself is black lacquer with brass lettering */
html,body{background:#090807}
#astro{--paper:#191410;--paper2:#231b13;--ink:#f3e4c2;--text:#efe0bd;--mute:#b39c74;--line:#5e4a2c;--rose:#ecc873;--rose2:#ecc873}
#astro h1,#astro h2,#astro h3{color:var(--ink)}
#astro .rod{background:linear-gradient(180deg,#3a2c1a,#1a120a 60%,#0e0905)}
#astro .rod:before,#astro .rod:after{background:linear-gradient(180deg,#ecc873,#8f6420)}
#astro .paper,#astro .pay,#astro .leaf{background:radial-gradient(circle at 85% 0,rgba(236,200,115,.1),transparent 45%),repeating-linear-gradient(92deg,rgba(255,220,160,.02) 0 2px,transparent 2px 9px),var(--paper)}
#astro .paper:before,#astro .pay:before{border-color:rgba(236,200,115,.5);outline-color:rgba(236,200,115,.22)}
#astro .leaf:before{border-color:rgba(236,200,115,.35)}
#astro .scene{background:#090807}
#astro .scene:before{background:linear-gradient(180deg,#0e0c0a 0%,rgba(14,12,10,0) 22%,rgba(14,12,10,0) 45%,rgba(14,12,10,.92) 88%,#0e0c0a 100%)}
#astro .lhead{background:linear-gradient(180deg,#241b12,#191410)}
#astro .lbody{background:var(--paper)}
#astro .pillar,#astro .field{background:rgba(255,235,190,.05)}
#astro .pillar.day{background:rgba(236,200,115,.12)}
#astro .next{background:var(--paper);color:var(--ink)}
#astro .btn.ghost{color:#ecc873}
#astro .bar i{background:rgba(255,235,190,.12)}
#story{background:#090807}
/* the question box in the story: same lacquer as the ledger, all text readable */
#story{color:#f3e4c2}
#story .box{background:linear-gradient(180deg,rgba(28,22,15,.97),rgba(17,13,9,.97));border-color:#8f6f36;outline-color:rgba(236,200,115,.35)}
#story .box .who{color:#ecc873}#story .box .who.you{color:#c9b58c}
#story .box .say{color:#f3e4c2}
#story .box .tap,#story .frame .pnote{color:#c9b58c}
#story .frame{color:#f3e4c2}
#story .frame input,#story .frame select{background:#fbf3e0;color:#1c140b;border-bottom-color:#c79a3e}