:root{--bark: #1f1915;--bark-2: #2a221c;--char: #272229;--cream: #f6ead2;--cream-2: #e9dab9;--ink: #2b2420;--gold: #e8b84b;--gold-deep: #b9862a;--moss: #6f8a3e;--moss-deep: #4c6129;--fur: #8fa3bf;--muted: #a99d8a;--display: "Young Serif", Georgia, serif;--hand: "Kalam", "Comic Sans MS", cursive;--mono: "Courier Prime", "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bark);color:var(--cream);font-family:var(--display);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 10%,rgba(232,184,75,.06),transparent 40%),repeating-linear-gradient(92deg,rgba(255,255,255,.012) 0 2px,transparent 2px 9px)}img{max-width:100%;display:block}a{color:var(--gold)}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}.kicker{font-family:var(--hand);color:var(--gold);font-size:1.15rem;margin:0 0 .2rem;transform:rotate(-1.5deg);display:inline-block}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0 0 .8rem}h2{font-size:clamp(1.8rem,4vw,2.7rem)}.lede{color:var(--cream-2);max-width:36rem}.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:.7rem clamp(1rem,4vw,3rem);background:#1f1915db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(232,184,75,.15)}.brand{display:flex;align-items:center;gap:.6rem;color:var(--cream);text-decoration:none;font-size:1.15rem}.brand img{border-radius:50%;border:2px solid var(--gold-deep)}.top nav{display:flex;gap:1.2rem;margin-left:auto}.top nav a{color:var(--cream-2);text-decoration:none;font-family:var(--hand);font-size:1.1rem;transition:color .2s}.top nav a:hover{color:var(--gold)}.pouch-btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:999px/60% 60% 40% 40%;padding:.45rem 1rem;font-family:var(--display);font-size:.95rem;box-shadow:0 3px 0 var(--gold-deep);text-decoration:none;transition:transform .15s,box-shadow .15s}.pouch-btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--gold-deep)}.pouch-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--gold-deep)}.pouch-btn.warn{background:var(--gold)}.pouch-btn.on{background:var(--fur)}.pouch-wrap{position:relative}.pouch-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--cream);border:2px solid var(--ink);border-radius:10px;padding:.3rem}.pouch-menu button{background:none;border:0;color:var(--ink);padding:.4rem .8rem;font-family:var(--hand);font-size:1.05rem;white-space:nowrap}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:min(86vh,760px);padding:2rem clamp(1rem,4vw,3rem) 3rem;gap:1rem}.ticker{font-family:var(--mono);letter-spacing:.3em;color:var(--gold);margin:0 0 .6rem}.hero h1{font-size:clamp(2.6rem,6.2vw,5.2rem);color:var(--cream)}.hero-lede{font-size:1.12rem;color:var(--cream-2);max-width:33rem}.hero-actions{display:flex;align-items:center;gap:1.4rem;margin:1.6rem 0 1.8rem;flex-wrap:wrap}.dial{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;background:linear-gradient(180deg,#f2cf74,var(--gold) 50%,var(--gold-deep));color:var(--ink);padding:.55rem 1.3rem .55rem .55rem;border-radius:999px;border:2px solid #5b3d12;box-shadow:inset 0 2px #ffffff73,0 4px #5b3d12;font-size:1.05rem;transition:transform .15s,box-shadow .15s}.dial:hover{transform:translateY(-2px)}.dial:active{transform:translateY(2px);box-shadow:inset 0 2px #ffffff73,0 1px #5b3d12}.dial-face{width:38px;height:38px;border-radius:50%;border:2px solid #5b3d12;background:repeating-conic-gradient(from 0deg,#5b3d12 0 3deg,transparent 3deg 30deg),radial-gradient(circle,#f6dc95 0 45%,var(--gold-deep) 46%);transition:transform .6s cubic-bezier(.3,1.6,.5,1)}.dial:hover .dial-face{transform:rotate(120deg)}.quiet{font-family:var(--hand);font-size:1.15rem;color:var(--cream-2);text-decoration:underline wavy rgba(232,184,75,.5);text-underline-offset:5px}.quiet:hover{color:var(--gold)}.hero-art{position:relative;border-radius:28px;overflow:hidden}.hero-art img{width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 80% at 50% 50%,#000 55%,transparent 100%)}.motes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.motes span{position:absolute;bottom:-10px;border-radius:50%;background:radial-gradient(circle,#ffe7a3,#e8b84b00);opacity:0;animation:rise linear infinite}@keyframes rise{0%{transform:translateY(0);opacity:0}15%{opacity:.9}to{transform:translateY(-560px) translate(30px);opacity:0}}.slot{display:inline-flex;align-items:center;gap:.6rem;background:#f6ead20f;border:1px dashed rgba(246,234,210,.3);border-radius:10px;padding:.4rem .7rem;min-height:2.5rem;max-width:100%}.slot-label{font-family:var(--hand);color:var(--gold);font-size:1.05rem;white-space:nowrap}.slot-value{font-family:var(--mono);font-size:.85rem;color:var(--cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:9rem}.slot-actions{display:inline-flex;gap:.2rem}.slot-btn{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border-radius:8px;border:0;background:transparent;color:var(--cream-2);transition:background .15s,color .15s}.slot-btn:hover{background:#e8b84b2e;color:var(--gold)}.copied{font-family:var(--hand);color:var(--moss);background:var(--cream);padding:0 6px;border-radius:6px;font-size:.9rem}.stash{padding:5rem clamp(1rem,4vw,3rem);background:linear-gradient(180deg,transparent,rgba(111,138,62,.1) 30%,transparent)}.stash-head{max-width:46rem;margin:0 auto 2.5rem;text-align:center}.stash-head .lede{margin:0 auto}.stash-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;max-width:64rem;margin:0 auto}.rings{width:clamp(240px,30vw,340px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,transparent 0 18%,rgba(0,0,0,.18) 18.5% 19%,transparent 19.5% 30%,rgba(0,0,0,.16) 30.5% 31%,transparent 31.5% 42%,rgba(0,0,0,.14) 42.5% 43.5%,transparent 44% 55%,rgba(0,0,0,.14) 55.5% 56%,transparent 56.5% 67%,rgba(0,0,0,.18) 67.5% 68.5%,transparent 69%),radial-gradient(circle,#e9c88f,#c9995a 55%,#a87442 70%,#5e3a1d 71%,#4a2d16);box-shadow:0 18px 40px #00000073,inset 0 0 0 10px #4a2d16}.rings-inner{text-align:center;background:var(--cream);color:var(--ink);border-radius:18px;padding:.9rem 1.2rem;border:3px solid var(--ink);box-shadow:0 4px 0 var(--ink);transform:rotate(-3deg)}.rings-num{display:block;font-family:var(--mono);font-weight:700;font-size:clamp(1.4rem,3vw,2rem)}.rings-cap{font-family:var(--hand);font-size:1rem}.plaque{margin:0;padding:1.4rem 1.6rem;border-radius:16px;background:linear-gradient(160deg,#3a2d22,#2a2018);border:2px solid var(--gold-deep);box-shadow:inset 0 0 0 5px #2a2018,inset 0 0 0 6px #e8b84b59}.plaque div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.7rem 0;border-bottom:1px dotted rgba(232,184,75,.3)}.plaque div:last-child{border-bottom:0}.plaque dt{color:var(--cream-2)}.plaque dd{margin:0;font-family:var(--mono);font-weight:700;color:var(--gold);font-size:1.15rem;text-align:right}.note{text-align:center;font-family:var(--hand);color:var(--muted)}.counter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);padding:5rem clamp(1rem,4vw,3rem);max-width:72rem;margin:0 auto;align-items:center}.window{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0;padding:2rem 1.4rem 0;border-radius:160px 160px 22px 22px;background:radial-gradient(ellipse at 50% 30%,#3b2f25,#241c16 70%);border:10px solid #5e3a1d;box-shadow:inset 0 0 0 3px #3a2412,0 20px 40px #0006}.window img{width:100%;height:auto;align-self:end}.receipt{position:relative;background:var(--cream);color:var(--ink);font-family:var(--mono);padding:1rem 1rem 1.4rem;margin-bottom:1.6rem;transform:rotate(3deg);box-shadow:0 10px 18px #00000059;--zig: linear-gradient(-45deg, transparent 6px, var(--cream) 0), linear-gradient(45deg, transparent 6px, var(--cream) 0)}.receipt:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:linear-gradient(-45deg,transparent 6px,var(--cream) 0) 0 0 / 12px 8px repeat-x,linear-gradient(45deg,transparent 6px,var(--cream) 0) 0 0 / 12px 8px repeat-x}.receipt-title{font-family:var(--display);text-align:center;margin:0;font-size:1.1rem}.receipt-no{text-align:center;margin:0 0 .6rem;font-size:.8rem;border-bottom:1px dashed var(--ink);padding-bottom:.4rem}.receipt-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:.2rem 0}.receipt-row span:last-child{font-weight:700;text-align:right;word-break:break-all}.receipt-foot{font-family:var(--hand);text-align:right;margin:.6rem 0 0;color:var(--moss-deep);transform:rotate(-4deg)}.desk .lede{margin-bottom:1.4rem}.slip{background:var(--cream);color:var(--ink);border-radius:14px;padding:1.2rem;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--moss-deep);display:grid;gap:.9rem;max-width:28rem}.tabs{display:flex;gap:.4rem}.tabs button{flex:1;background:transparent;border:2px solid var(--ink);border-radius:10px;padding:.4rem;color:var(--ink);font-family:var(--hand);font-size:1.1rem;transition:background .15s}.tabs button.on{background:var(--ink);color:var(--cream)}.amount{display:flex;align-items:center;gap:.5rem;background:#fffaf0;border:2px solid var(--ink);border-radius:10px;padding:.3rem .5rem .3rem .8rem}.amount input{flex:1;min-width:0;border:0;background:transparent;font-family:var(--mono);font-size:1.3rem;color:var(--ink);padding:.3rem 0;outline:none}.amount-unit{font-family:var(--mono);font-size:.8rem;color:#6b5c4a}.max{background:var(--gold);border:2px solid var(--ink);border-radius:8px;padding:.1rem .5rem;font-family:var(--hand);color:var(--ink)}.brass{background:linear-gradient(180deg,#f2cf74,var(--gold) 50%,var(--gold-deep));color:var(--ink);border:2px solid #5b3d12;border-radius:12px;padding:.7rem 1.2rem;font-size:1.05rem;box-shadow:inset 0 2px #ffffff73,0 4px #5b3d12;transition:transform .15s,box-shadow .15s}.brass:hover:not(:disabled){transform:translateY(-2px)}.brass:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px #ffffff73,0 1px #5b3d12}.twig{display:inline-flex;justify-content:center;align-items:center;gap:.4rem;background:var(--moss);color:var(--cream);border:2px solid var(--moss-deep);border-radius:12px;padding:.6rem 1rem;transition:background .15s,transform .15s}.twig:hover:not(:disabled){background:var(--moss-deep);transform:translateY(-1px)}.keeper{padding:2rem clamp(1rem,4vw,3rem) 5rem;display:grid;place-items:center}.keeper-card{max-width:44rem;width:100%;padding:2rem 2.2rem;border-radius:6px;background:var(--fur);color:var(--ink);transform:rotate(-1deg);box-shadow:0 16px 30px #00000059;border:2px solid var(--ink);background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:14px 14px}.keeper-card .kicker,.keeper-card h2{color:var(--ink)}.keeper-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;margin-top:1rem}.ledger{padding:2rem clamp(1rem,4vw,3rem) 6rem}.ledger-page{max-width:50rem;margin:0 auto;color:var(--ink);padding:2.2rem 2rem 2rem 4.2rem;position:relative;border-radius:4px;background:repeating-linear-gradient(180deg,var(--cream) 0 35px,#c9d6e4 35px 36px),var(--cream);box-shadow:0 20px 40px #0006}.ledger-page:before{content:"";position:absolute;left:3rem;top:0;bottom:0;width:2px;background:#c86b5a;opacity:.6}.ledger-head{font-family:var(--display);font-size:1.5rem;margin:0 0 1rem;line-height:36px}.ledger ol{list-style:none;margin:0;padding:0}.ledger li{display:grid;grid-template-columns:2.4rem 1fr;font-family:var(--hand);font-size:1.2rem;line-height:36px;margin-bottom:0}.ledger-n{font-family:var(--mono);color:var(--gold-deep);font-weight:700;margin-left:-3.6rem;width:3rem;text-align:right;padding-right:.4rem}.ledger li>div{margin-left:-2.4rem}.ledger strong{font-weight:700;color:var(--moss-deep)}.foot{display:grid;grid-template-columns:auto 1fr auto;gap:2rem;align-items:center;padding:2.4rem clamp(1rem,4vw,3rem);border-top:1px solid rgba(232,184,75,.18);background:#18130f}.foot-brand{display:flex;align-items:center;gap:.8rem}.foot-brand img{border-radius:50%;border:2px solid var(--gold-deep)}.foot-brand strong{display:block;font-weight:400;font-size:1.2rem}.foot-brand span{font-family:var(--mono);color:var(--gold);font-size:.85rem;letter-spacing:.2em}.foot-slots{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.foot-icons{display:flex;gap:.5rem}.foot-icons a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:2px solid var(--gold-deep);color:var(--gold);transition:background .15s,color .15s,transform .15s}.foot-icons a:hover{background:var(--gold);color:var(--ink);transform:rotate(-8deg)}.picker-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0b08b8;display:grid;place-items:center;padding:1rem}.picker{position:relative;width:min(420px,100%);background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:1.8rem 1.4rem 1.2rem;box-shadow:8px 8px 0 var(--gold-deep)}.picker-tab{position:absolute;top:-16px;left:1.2rem;background:var(--moss);color:var(--cream);font-family:var(--hand);padding:.1rem .8rem;border-radius:8px;border:2px solid var(--ink);transform:rotate(-3deg)}.picker h3{font-size:1.5rem}.picker-list{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}.picker-list button{width:100%;display:flex;align-items:center;gap:.8rem;background:#fffaf0;border:2px solid var(--ink);border-radius:12px;padding:.6rem .8rem;color:var(--ink);font-size:1.05rem;transition:transform .15s,background .15s}.picker-list button:hover:not(:disabled){background:#fff1cf;transform:translate(4px)}.picker-list img{border-radius:6px}.hand{font-family:var(--hand);font-size:1.15rem}.picker-err{font-family:var(--hand);color:#9b3b2a}.picker-close{background:none;border:0;font-family:var(--hand);color:var(--ink);text-decoration:underline;font-size:1.05rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:60;width:min(320px,calc(100% - 2rem));background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:.8rem 2.2rem .8rem 1rem;box-shadow:5px 5px 0 var(--moss-deep)}.toast.failed{box-shadow:5px 5px #9b3b2a}.toast p{margin:0}.toast-label{font-family:var(--hand);color:var(--moss-deep);font-size:1.05rem}.toast a{color:var(--gold-deep);font-family:var(--hand)}.toast-x{position:absolute;top:4px;right:8px;background:none;border:0;font-size:1.4rem;color:var(--ink)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}@media (max-width: 860px){.top nav{display:none}.pouch-btn{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0;padding-top:1rem}.hero-art{order:-1}.stash-body,.counter{grid-template-columns:1fr;justify-items:center}.plaque{width:100%}.window{max-width:420px;width:100%}.desk{width:100%}.slip{max-width:none}.keeper-form{grid-template-columns:1fr}.ledger-page{padding:1.6rem 1rem 1.4rem 3.2rem}.ledger-page:before{left:2.4rem}.ledger li{font-size:1.08rem}.ledger-n{margin-left:-3rem;width:2.4rem;font-size:.9rem}.foot{grid-template-columns:1fr;justify-items:center;text-align:center}.slot-value{min-width:6rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.motes{display:none}.dial-face,.dial,.brass,.pouch-btn{transition:none}}.hero-art img{mask-image:radial-gradient(ellipse 62% 70% at 52% 52%,#000 45%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse 62% 70% at 52% 52%,#000 45%,transparent 92%)}.foot>*{min-width:0;max-width:100%}.slot{min-width:0}.slot-value{flex:1 1 auto;min-width:0}@media (max-width: 860px){.foot-slots{width:100%;flex-direction:column;align-items:stretch}.foot-slots .slot{width:100%}.slot-value{min-width:0}}@media (max-width: 520px){.window{grid-template-columns:1fr;padding:1.6rem 1.2rem 0;border-radius:140px 140px 22px 22px;justify-items:center}.window img{width:62%;order:2;margin-top:-.4rem}.receipt{width:88%;margin:1rem 0 0;transform:rotate(2deg)}}.slot-value:empty{min-width:11rem}.top nav .top-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold-deep);color:var(--gold);transition:background .15s,color .15s,transform .15s}.top nav .top-icon:hover{background:var(--gold);color:var(--ink);transform:rotate(-8deg)}.top nav{align-items:center}