@import "https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@700,800&f[]=satoshi@400,500,700&f[]=gambarino@400&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap";:root{--cork:#b9773f;--cork-deep:#7a4a22;--paper:#f3ecdf;--paper-2:#e9dfcc;--kraft:#c9a274;--ink:#1d1a16;--ink-soft:#4a4239;--thread:#c8241c;--glow:#ffe08a;--ok:#1f6d3a;--f-display:"Cabinet Grotesk", ui-sans-serif, sans-serif;--f-body:"Satoshi", ui-sans-serif, sans-serif;--f-note:"Gambarino", Georgia, serif;--f-mono:"JetBrains Mono", ui-monospace, monospace;--e-land:cubic-bezier(.16, 1, .3, 1);--e-pop:cubic-bezier(.34, 1.56, .64, 1);--e-shift:cubic-bezier(.76, 0, .24, 1);--e-leave:cubic-bezier(.7, 0, .84, 0);--lift:0 1px 0 #fff9 inset, 0 4px 6px #28140533, 0 28px 40px -10px #2814058c;--rest:0 1px 0 #fff9 inset, 0 2px 3px #28140540, 0 14px 22px -12px #28140580}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--f-body);color:var(--ink);background:var(--cork-deep);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.board{background:radial-gradient(120% 90% at 30% 0%, #ffdca02e, transparent 60%), linear-gradient(#3c1e0840, #3c1e0840), url(/landing/cork.jpg) center / 900px repeat, var(--cork);grid-template-columns:280px minmax(0,1fr) 360px;gap:28px;min-height:100vh;padding:28px;display:grid}@media (width<=1180px){.board{grid-template-columns:240px minmax(0,1fr)}.side{grid-column:1/-1}}@media (width<=760px){.board{grid-template-columns:1fr;gap:18px;padding:16px}}.rail,.main,.side{flex-direction:column;gap:22px;min-width:0;display:flex}.card{background:var(--paper);box-shadow:var(--rest);transition:transform .35s var(--e-pop), box-shadow .35s var(--e-land);animation:pin-in .6s var(--e-pop) both;background-image:linear-gradient(#ffffff59,#fff0 30%);padding:22px 22px 20px;position:relative}.card:hover{box-shadow:var(--lift);transform:translateY(-2px) rotate(var(--tilt,0deg))}.card.tilt-l{--tilt:-.6deg;transform:rotate(-.6deg)}.card.tilt-r{--tilt:.5deg;transform:rotate(.5deg)}.card.kraft{background:var(--kraft)}.card.ink{background:var(--ink);color:var(--paper)}.card:before{content:"";background:radial-gradient(circle at 35% 30%, #ff8a7a, var(--thread) 55%, #6d0f0a);border-radius:50%;width:18px;height:18px;position:absolute;top:-9px;left:50%;translate:-50%;box-shadow:0 3px 4px #00000073}.card.pin-gold:before{background:radial-gradient(circle at 35% 30%,#fff1b0,#d6a733 55%,#7a5a10)}.card.no-pin:before{display:none}@keyframes pin-in{0%{opacity:0;transform:translateY(-14px)scale(1.04)}to{opacity:1}}@media (prefers-reduced-motion:reduce){.card{transition:none;animation:none}}.label{font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.card.ink .label{color:#f3ecdfb3}.title{font-family:var(--f-display);letter-spacing:-.035em;font-size:clamp(28px,3.2vw,46px);font-weight:800;line-height:.95}.h3{font-family:var(--f-display);letter-spacing:-.01em;font-size:21px;font-weight:700}.amount{font-family:var(--f-mono);letter-spacing:-.01em;font-size:26px;font-weight:600}.amount small{color:var(--ink-soft);margin-left:4px;font-size:12px;font-weight:400}.note{font-family:var(--f-note);font-size:19px;line-height:1.25}.mono{font-family:var(--f-mono);font-size:13px}.muted{color:var(--ink-soft)}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=760px){.grid2{grid-template-columns:1fr}}.brand{background:var(--paper);box-shadow:var(--rest);align-items:baseline;gap:10px;padding:12px 16px;text-decoration:none;display:inline-flex;position:relative;rotate:-1deg}.brand:after{content:"";background:#ffecaabf;width:70px;height:20px;position:absolute;top:-10px;left:24px;rotate:-4deg}.brand b{font-family:var(--f-display);letter-spacing:-.02em;font-size:24px;font-weight:800}.brand span{font-family:var(--f-mono);color:var(--ink-soft);font-size:11px}.btn{font-family:var(--f-mono);color:var(--ink);background:var(--glow);cursor:pointer;box-shadow:0 2px 0 var(--ink), 0 6px 14px -6px #00000080;transition:transform .18s var(--e-pop), box-shadow .18s var(--e-land), background .18s var(--e-land);border:0;align-items:center;gap:8px;min-height:44px;padding:12px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:0 4px 0 var(--ink), 0 10px 18px -8px #0000008c;transform:translateY(-2px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(1px)scale(.98)}.btn:focus-visible{outline:2px dashed var(--thread);outline-offset:3px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.ghost{box-shadow:inset 0 0 0 1.5px var(--ink);background:0 0}.btn.red{background:var(--thread);color:var(--paper);box-shadow:0 2px #5a0d08,0 6px 14px -6px #00000080}.btn.small{min-height:36px;padding:8px 11px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.input{font-family:var(--f-mono);border:0;border-bottom:1.5px solid var(--ink);color:var(--ink);background:#ffffff8c;width:100%;min-height:44px;padding:10px 8px;font-size:14px}.input:focus{border-bottom-color:var(--thread);background:#fff;outline:none}.hint{font-family:var(--f-mono);color:var(--ink-soft);font-size:11px}.error{font-family:var(--f-mono);color:var(--thread);font-size:12px}.chip{font-family:var(--f-mono);border:1px solid #1d1a164d;align-items:center;gap:6px;padding:4px 7px;font-size:11px;display:inline-flex}.chip.paid{border-color:var(--ok);color:var(--ok)}.chip.open{border-color:var(--thread);color:var(--thread)}.stamp{font-family:var(--f-mono);color:var(--thread);border:2px solid var(--thread);padding:4px 9px;font-size:12px;font-weight:600;display:inline-block;rotate:-6deg}.gauge{background:#1d1a161f;height:10px;position:relative;overflow:hidden}.gauge>i{background:var(--ink);transition:width .9s var(--e-land);position:absolute;inset:0 auto 0 0}.bar{font-family:var(--f-mono);grid-template-columns:110px 1fr 90px;align-items:center;gap:10px;font-size:12px;display:grid}.bar .track{background:#1d1a161a;height:14px;position:relative}.bar .track i{background:var(--thread);transition:width .9s var(--e-pop);position:absolute;inset:0 auto 0 0}.timeline{flex-direction:column;display:flex}.timeline .ev{font-family:var(--f-mono);border-bottom:1px dashed #1d1a1640;grid-template-columns:14px 1fr;gap:10px;padding:9px 0;font-size:12px;display:grid}.timeline .ev:before{content:"";background:var(--thread);border-radius:50%;width:9px;height:9px;margin-top:3px}.timeline .ev a{color:var(--ink-soft)}.tape{position:relative}.tape:after{content:"";background:#ffecaabf;width:64px;height:18px;position:absolute;top:-10px;right:20px;rotate:5deg}.toast{z-index:50;max-width:360px;position:fixed;bottom:22px;right:22px}.empty{text-align:center;padding:30px 10px}.skeleton{background:linear-gradient(90deg,#1d1a160f,#1d1a1624,#1d1a160f) 0 0/200% 100%;min-height:18px;animation:1.2s linear infinite sk}@keyframes sk{to{background-position:-200% 0}}table.simple{border-collapse:collapse;width:100%;font-family:var(--f-mono);font-size:12px}table.simple td,table.simple th{text-align:left;border-bottom:1px dashed #1d1a1640;padding:8px 4px}.langswitch{background:var(--ink);box-shadow:var(--rest);gap:2px;padding:3px;display:inline-flex}.langswitch button{font-family:var(--f-mono);color:var(--paper);cursor:pointer;min-height:30px;transition:background .18s var(--e-land), color .18s var(--e-land);background:0 0;border:0;padding:6px 9px;font-size:11px;font-weight:600}.langswitch button.on{background:var(--glow);color:var(--ink)}.langswitch button:focus-visible{outline:2px dashed var(--glow);outline-offset:2px}.brandrow{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.brandrow .brand span{white-space:nowrap}
