@layer components{.ledger-desk{isolation:isolate;position:relative}.ledger-desk:before{content:"";z-index:0;opacity:0;pointer-events:none;background:#0c070461;transition:opacity .36s steps(4,end);position:absolute;inset:0}.ledger-desk.is-dark:before{opacity:1}.ledger-book{z-index:1;background-color:#173f49;background-image:repeating-linear-gradient(0deg,#00000012 0 2px,#0000 2px 5px),repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 7px);padding:10px;position:relative;box-shadow:0 0 0 2px #071318,inset 0 0 0 2px #2e6a7a,inset 0 0 0 4px #0e2229,0 16px 0 2px #00000059}@media (min-width:640px){.ledger-book{padding:14px}}.ledger-cap{z-index:0;background:#c99a3a;width:30px;height:30px;position:absolute;box-shadow:inset 0 0 0 2px #2a1d18,inset 3px 3px #f3d58c,inset -3px -3px #8a5f22}.ledger-cap:after{content:"";background:#fbe7a6;width:4px;height:4px;position:absolute;box-shadow:0 0 0 1px #2a1d18}.ledger-cap.tl{top:-2px;left:-2px}.ledger-cap.tr{top:-2px;right:-2px}.ledger-cap.bl{bottom:-2px;left:-2px}.ledger-cap.br{bottom:-2px;right:-2px}.ledger-cap.tl:after{top:4px;left:4px}.ledger-cap.tr:after{top:4px;right:4px}.ledger-cap.bl:after{bottom:4px;left:4px}.ledger-cap.br:after{bottom:4px;right:4px}.ledger-spread{z-index:1;grid-template-columns:minmax(0,1fr);display:grid;position:relative}.ledger-page{color:#2a1d18;background-color:#f6ecd4;background-image:radial-gradient(at 18% 0,#ffffff80,#0000 55%),radial-gradient(at 85% 100%,#96642824,#0000 60%),repeating-linear-gradient(0deg,#78521e09 0 1px,#0000 1px 4px);flex-direction:column;min-width:0;padding:1.6rem 1.1rem .6rem;display:flex;position:relative}.ledger-page a:focus-visible,.ledger-page button:focus-visible{outline-offset:2px;border-radius:0;outline:2px solid #0f3640}@media (min-width:640px){.ledger-page{padding:1.75rem 2rem .75rem}}.ledger-fold{background:linear-gradient(#46280a47,#0000 45% 55%,#46280a47),#ecdcb4;height:14px;position:relative}.ledger-fold:after{content:"";background:repeating-linear-gradient(90deg,#9b2c3e 0 6px,#0000 6px 12px);height:2px;position:absolute;top:6px;left:14px;right:14px}@media (min-width:1024px){.ledger-spread{perspective:3400px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ledger-page{padding-top:1.5rem}.ledger-page.is-left{padding-right:2.75rem;box-shadow:-2px 2px #e2cc9a,-4px 4px #f1e3c0,-6px 6px #d5bc86}.ledger-page.is-right{padding-left:2.75rem;box-shadow:2px 2px #e2cc9a,4px 4px #f1e3c0,6px 6px #d5bc86}.ledger-page.is-left:after,.ledger-page.is-right:after{content:"";pointer-events:none;width:52px;position:absolute;top:0;bottom:0}.ledger-page.is-left:after{background:linear-gradient(90deg,#0000,#6e461914 55%,#46280a42);right:0}.ledger-page.is-right:after{background:linear-gradient(270deg,#0000,#6e461914 55%,#46280a42);left:0}.ledger-fold{z-index:2;pointer-events:none;background:#46280a4d;width:4px;height:auto;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%}.ledger-fold:after{background:repeating-linear-gradient(#9b2c3e 0 7px,#0000 7px 14px);width:2px;height:auto;inset:18px auto 18px 1px}}.ledger-runhead{font-family:var(--font-cinzel), serif;letter-spacing:.2em;text-transform:uppercase;color:#8a5f22;align-items:center;gap:.6rem;margin-bottom:.85rem;font-size:.66rem;font-weight:700;display:flex}.ledger-runhead:after{content:"";background:#8a5f2273;flex:1;height:1px}.ledger-page.is-right .ledger-runhead{flex-direction:row-reverse}.ledger-foot{justify-content:center;align-items:center;min-height:2.5rem;margin-top:auto;padding-top:.6rem;display:flex;position:relative}.ledger-folio{font-family:var(--font-cinzel), serif;color:#8a5f22;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.ledger-corner{--c:30px;color:#6b4a33;font-family:var(--font-pixelify), monospace;cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:.35rem;padding:0;font-size:.85rem;line-height:1;display:inline-flex;position:absolute;bottom:-.6rem}.ledger-corner.is-next{flex-direction:row-reverse;right:-1.1rem}.ledger-corner.is-prev{left:-1.1rem}@media (min-width:640px){.ledger-corner.is-next{right:-2rem}.ledger-corner.is-prev{left:-2rem}.ledger-corner{bottom:-.75rem}}.ledger-corner-curl{width:var(--c);height:var(--c);transition:width .16s steps(2,end),height .16s steps(2,end);position:relative}.ledger-corner.is-next .ledger-corner-curl{background:linear-gradient(135deg,#e3c995 0 calc(50% - 1px),#2a1d18 calc(50% - 1px) calc(50% + 1px),#0e2229 calc(50% + 1px));box-shadow:inset 2px 2px #ffffff59}.ledger-corner.is-prev .ledger-corner-curl{background:linear-gradient(225deg,#e3c995 0 calc(50% - 1px),#2a1d18 calc(50% - 1px) calc(50% + 1px),#0e2229 calc(50% + 1px));box-shadow:inset -2px 2px #ffffff59}.ledger-corner-label{white-space:nowrap;padding-bottom:.95rem}.ledger-corner:hover,.ledger-corner:focus-visible{--c:42px;color:#2a1d18}.ledger-corner:hover .ledger-corner-label,.ledger-corner:focus-visible .ledger-corner-label{text-underline-offset:3px;text-decoration:underline}.ledger-ribbons{z-index:3;align-items:flex-end;gap:.4rem;height:56px;display:flex;position:relative}.ledger-ribbon{--rb:#9b2c3e;--rb-hi:#c8504f;--rb-lo:#6b1f32;--rb-ink:#fff3dc;--rb-shadow:#0006;cursor:pointer;filter:drop-shadow(2px 0 #2a1d18)drop-shadow(-2px 0 #2a1d18)drop-shadow(0 -2px #2a1d18);background:0 0;border:0;flex:1 1 0;min-width:0;max-width:7rem;height:46px;padding:0;transition:height .15s steps(3,end),transform .12s steps(2,end);position:relative}.ledger-ribbon[data-tone=teal]{--rb:#24505c;--rb-hi:#3f8494;--rb-lo:#163a44}.ledger-ribbon[data-tone=gold]{--rb:#c99a3a;--rb-hi:#f3d58c;--rb-lo:#8a5f22;--rb-ink:#2a1d18;--rb-shadow:#fff3dc80}.ledger-ribbon[data-tone=green]{--rb:#3d6b3a;--rb-hi:#6a9a52;--rb-lo:#284a26}.ledger-ribbon-cloth{background:linear-gradient(90deg, var(--rb-hi) 0 3px, transparent 3px calc(100% - 3px), var(--rb-lo) calc(100% - 3px)), repeating-linear-gradient(180deg, #f3d58cbf 0 3px, transparent 3px 6px) 6px 0 / 1px 100% no-repeat, repeating-linear-gradient(180deg, #f3d58cbf 0 3px, transparent 3px 6px) calc(100% - 7px) 0 / 1px 100% no-repeat, var(--rb);clip-path:polygon(0 0,50% 9px,100% 0,100% 100%,0 100%);position:absolute;inset:0}.ledger-ribbon:not([aria-selected=true]) .ledger-ribbon-cloth{filter:brightness(.78)saturate(.85)}.ledger-ribbon[data-tone=gold]:not([aria-selected=true]) .ledger-ribbon-cloth{filter:brightness(.9)saturate(.85)}.ledger-ribbon:not([aria-selected=true]):hover,.ledger-ribbon:not([aria-selected=true]):focus-visible{transform:translateY(-5px)}.ledger-ribbon:not([aria-selected=true]):hover .ledger-ribbon-cloth{filter:none}.ledger-ribbon[aria-selected=true]{filter:drop-shadow(2px 0 #2a1d18)drop-shadow(-2px 0 #2a1d18)drop-shadow(0 -2px #2a1d18)drop-shadow(0 2px #2a1d18)drop-shadow(0 3px #0000004d);height:82px;margin-bottom:-26px}.ledger-ribbon[aria-selected=true] .ledger-ribbon-cloth{clip-path:polygon(0 0,50% 9px,100% 0,100% 100%,50% calc(100% - 9px),0 100%)}.ledger-ribbon:focus-visible{outline-offset:3px;border-radius:0;outline:2px solid #f3d58c}.ledger-ribbon-label{color:var(--rb-ink);text-shadow:0 1px 0 var(--rb-shadow);flex-direction:column;align-items:center;padding:12px 4px 0;line-height:1.05;display:flex;position:relative}.ledger-ribbon-label .num{font-family:var(--font-cinzel), serif;letter-spacing:.16em;opacity:.9;font-size:.6rem;font-weight:800}.ledger-ribbon-label .name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--font-pixelify), monospace;font-size:.95rem;overflow:hidden}.ledger-ribbon-count{z-index:1;min-width:1.25rem;height:1.25rem;font-family:var(--font-pixelify), monospace;color:#2a1d18;background:#d9a441;place-items:center;padding:0 .2rem;font-size:.75rem;display:grid;position:absolute;top:-9px;right:-7px;box-shadow:0 0 0 2px #2a1d18,inset -2px -2px #8a5f22,inset 2px 2px #fbe7a6}.ledger-leaf{z-index:5;pointer-events:none;background-color:#f3e6c4;background-image:linear-gradient(90deg,#0000 70%,#46280a29),linear-gradient(#2a1d1829,#2a1d1829),repeating-linear-gradient(#0000 0 17px,#2a1d1814 17px 20px,#0000 20px 26px);background-position:0 0,2.5rem 2.6rem,2.5rem 4.6rem;background-repeat:no-repeat;background-size:100% 100%,42% 7px,calc(100% - 5rem) calc(100% - 8rem);width:100%;position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #78521e40}.ledger-leaf.is-fwd{animation:.38s steps(6,end) both ledger-wipe-fwd}.ledger-leaf.is-back{animation:.38s steps(6,end) both ledger-wipe-back}@media (min-width:1024px){.ledger-leaf{backface-visibility:visible;width:50%}.ledger-leaf.is-fwd{transform-origin:0;animation:.56s steps(8,end) both ledger-leaf-fwd;left:50%}.ledger-leaf.is-back{transform-origin:100%;background-image:linear-gradient(270deg,#0000 70%,#46280a29),linear-gradient(#2a1d1829,#2a1d1829),repeating-linear-gradient(#0000 0 17px,#2a1d1814 17px 20px,#0000 20px 26px);animation:.56s steps(8,end) both ledger-leaf-back;left:0}}@keyframes ledger-leaf-fwd{0%{filter:brightness();transform:rotateY(0)}50%{filter:brightness(.78)}to{filter:brightness(.97);transform:rotateY(-180deg)}}@keyframes ledger-leaf-back{0%{filter:brightness();transform:rotateY(0)}50%{filter:brightness(.78)}to{filter:brightness(.97);transform:rotateY(180deg)}}@keyframes ledger-wipe-fwd{0%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes ledger-wipe-back{0%{clip-path:inset(0)}to{clip-path:inset(0 0 0 100%)}}.ledger-ink-in{animation:.3s steps(3,start) both ledger-ink}@keyframes ledger-ink{0%{opacity:0}to{opacity:1}}.ledger-h{font-family:var(--font-cinzel), serif;color:#2a1d18;text-shadow:0 1px #ffffff73;font-size:1.2rem;font-weight:800;line-height:1.2}.ledger-meta{color:#6b5040;font-size:.78rem}.ledger-greeting{font-family:var(--font-cinzel), serif;color:#2a1d18;text-shadow:0 1px #ffffff73;font-size:1.85rem;font-weight:800;line-height:1.1}@media (min-width:640px){.ledger-greeting{font-size:2.15rem}}.ledger-dropcap:first-letter{float:left;font-family:var(--font-cinzel), serif;color:#fbe7a6;background:#9b2c3e;margin:.2rem .55rem 0 0;padding:.25rem .4rem .2rem;font-size:2.35em;font-weight:800;line-height:.8;box-shadow:0 0 0 2px #2a1d18,inset 0 0 0 2px #c99a3a,3px 3px 0 1px #2a1d1840}.ledger-numeral{font-family:var(--font-fraunces), Georgia, serif;color:#2a1d18;font-variant-numeric:lining-nums tabular-nums;font-size:2rem;font-style:italic;font-weight:650;line-height:1}.ledger-numeral.is-red{color:#9b1f2e}.ledger-leader{background:repeating-linear-gradient(90deg,#b89a68 0 2px,#0000 2px 6px);flex:1;align-self:flex-end;min-width:1rem;height:2px;margin-bottom:.45rem}.ledger-task{border-bottom:1px dashed #8a5f2259;align-items:flex-start;gap:.7rem;padding:.42rem 0;display:flex;position:relative}.ledger-task>.k-check{margin-top:2px}.ledger-strike{text-overflow:ellipsis;white-space:nowrap;vertical-align:top;max-width:100%;transition:color .2s steps(2,end);display:inline-block;position:relative;overflow:hidden}.ledger-strike:after{content:"";transform-origin:0;pointer-events:none;background:repeating-linear-gradient(90deg,#7a2230 0 9px,#0000 9px 18px) 0 0/100% 2px no-repeat,repeating-linear-gradient(90deg,#0000 0 9px,#7a2230 9px 18px) 0 2px/100% 2px no-repeat;height:4px;transition:transform .32s steps(6,end);position:absolute;top:calc(50% - 1px);left:0;right:0;transform:scaleX(0)}.ledger-task[data-done] .ledger-strike{color:#8b6e52}.ledger-task[data-done] .ledger-strike:after{transform:scaleX(1)}.ledger-task[data-done] .ledger-task-detail,.ledger-task[data-done] .ledger-task-glyph{opacity:.55}.ledger-quill-draw{pointer-events:none;animation:.32s steps(6,end) both ledger-quill-move,.22s steps(2,start) .34s forwards ledger-quill-lift;position:absolute;top:-22px;left:0}@keyframes ledger-quill-move{0%{left:0}to{left:calc(100% - 18px)}}@keyframes ledger-quill-lift{to{opacity:0;transform:translate(6px,-8px)}}.ledger-agenda{background:linear-gradient(90deg,#0000 3.6rem,#9b2c3e80 3.6rem calc(3.6rem + 1px),#0000 calc(3.6rem + 1px) calc(3.6rem + 3px),#9b2c3e80 calc(3.6rem + 3px) calc(3.6rem + 4px),#0000 calc(3.6rem + 4px))}.ledger-agenda>li{border-bottom:1px dashed #8a5f2259;grid-template-columns:3.6rem auto minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding:.5rem 0;display:grid}.ledger-time{color:#2a1d18;font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.ledger-initials{width:2rem;height:2rem;font-family:var(--font-pixelify), monospace;color:#24505c;background:#fbf3dc;place-items:center;margin-left:.4rem;font-size:.8rem;display:grid;box-shadow:0 0 0 2px #24505c,inset 0 -2px #e3cf9f}.ledger-initials.is-wine{color:#9b2c3e;box-shadow:0 0 0 2px #9b2c3e,inset 0 -2px #e3cf9f}.ledger-platemark{padding:9px;box-shadow:inset 0 0 0 1px #78521e59,inset 2px 2px 0 1px #fff6}.ledger-plate{background:#2a1d18;padding:5px;box-shadow:0 0 0 2px #c99a3a,0 0 0 4px #2a1d18,0 6px 0 2px #0003}.ledger-caption{font-family:var(--font-fraunces), Georgia, serif;color:#5a4030;font-size:.85rem;font-style:italic}.ledger-index-row{border-bottom:1px dashed #8a5f2259;align-items:center;gap:.6rem;min-height:3rem;padding:.35rem .4rem;transition:background-color .12s steps(2,end);display:flex}a.ledger-index-row:hover{background:#c99a3a24}a.ledger-index-row:hover .ledger-index-name{text-underline-offset:3px;text-decoration:underline}.ledger-index-row.is-soon{color:#7a6050}.ledger-index-row.is-soon img{filter:grayscale(.7);opacity:.7}.ledger-sealed{border-bottom:1px dashed #8a5f2266;grid-template-columns:3.25rem minmax(0,1fr);column-gap:.85rem;padding:.9rem 0;display:grid}.ledger-sealed .note-seal{transition:transform .2s steps(3,end)}.ledger-sealed:hover .note-seal{transform:rotate(-12deg)scale(1.08)}.ledger-sealed:has(:focus-visible) .note-seal{transform:rotate(-12deg)scale(1.08)}.ledger-lines>li>a{border-bottom:1px dashed #8a5f2259;grid-template-columns:5.4rem minmax(0,1fr) auto;align-items:center;column-gap:.75rem;min-height:3rem;padding:.4rem .35rem;transition:background-color .12s steps(2,end);display:grid}.ledger-lines>li>a:hover{background:#c99a3a24}.ledger-lines>li>a:hover .ledger-line-title{text-underline-offset:3px;text-decoration:underline}.ledger-tuck{position:relative;transform:rotate(-1.2deg)}.ledger-tally{color:#2a1d18;flex-wrap:wrap;gap:3px 7px;display:inline-flex}.ledger-tally.is-red{color:#9b1f2e}.ledger-tally rect{fill:currentColor}.ledger-tally.is-drawing rect{opacity:0;animation:40ms linear both ledger-stroke;animation-delay:calc(.18s + var(--i,0) * 22ms)}@keyframes ledger-stroke{0%{opacity:0}to{opacity:1}}.ledger-bar{background:#efe2c0;height:14px;position:relative;box-shadow:0 0 0 2px #2a1d18,inset 0 2px #78521e2e}.ledger-bar>span{width:var(--v);background:repeating-linear-gradient(90deg,#24505c 0 3px,#2e6a7a 3px 4px);position:absolute;inset:0 auto 0 0;box-shadow:inset 0 2px #3f8494}.ledger-bar.is-drawing>span{animation:.9s steps(10,start) both ledger-bar}@keyframes ledger-bar{0%{width:0}to{width:var(--v)}}.ledger-log>li{border-bottom:1px dashed #8a5f2259;grid-template-columns:3.6rem auto minmax(0,1fr);align-items:start;column-gap:.75rem;padding:.65rem 0;display:grid}.ledger-candle{cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.ledger-candle:focus-visible{outline-offset:2px;border-radius:0;outline:2px solid #f3d58c}.ledger-candle .flame{position:absolute;top:14px;left:22px}.ledger-candle .flame g{opacity:0}.ledger-candle .flame g:first-child{opacity:1}.ledger-candle .flame g:first-child{animation:1.1s step-end infinite ledger-flame-a}.ledger-candle .flame g:nth-child(2){animation:1.1s step-end infinite ledger-flame-b}.ledger-candle .flame g:nth-child(3){animation:1.1s step-end infinite ledger-flame-c}@keyframes ledger-flame-a{0%,40%{opacity:1}40.01%,to{opacity:0}}@keyframes ledger-flame-b{0%,40%{opacity:0}40.01%,70%{opacity:1}70.01%,to{opacity:0}}@keyframes ledger-flame-c{0%,70%{opacity:0}70.01%,to{opacity:1}}.ledger-candle:hover .flame{transform:translateY(-2px)}.ledger-smoke{pointer-events:none;position:absolute;top:18px;left:28px}.ledger-smoke span{opacity:0;background:#9a8f80;width:4px;height:4px;animation:.9s steps(6,start) forwards ledger-smoke;position:absolute}.ledger-smoke span:nth-child(2){animation-delay:.16s;left:4px}.ledger-smoke span:nth-child(3){animation-delay:.32s;left:-2px}@keyframes ledger-smoke{0%{opacity:.8;transform:translate(0)}to{opacity:0;transform:translate(6px,-26px)}}.ledger-quill-prop{transform-origin:40% 90%}.ledger-quill-prop.is-writing{animation:.42s steps(6,end) ledger-scribble}@keyframes ledger-scribble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)translate(-2px)}50%{transform:rotate(5deg)translate(2px)}75%{transform:rotate(-4deg)}}}
