@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');
:root{--red:#ff263f;--yellow:#f6ff00;--ink:#101010;--white:#fff;--mono:'IBM Plex Mono',monospace;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--white);font:13px/1.5 var(--mono)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--ink);background:transparent;font-weight:600;min-height:42px;padding:10px 15px;color:inherit}button:hover{background:var(--yellow);color:var(--ink)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1457ff;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}input,select{border:1px solid #aaa;background:#fff;color:var(--ink);min-width:0;width:100%;border-radius:0;min-height:42px;padding:9px}input:focus,select:focus{border-color:var(--ink)}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:.98}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.025em}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.06em}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip-link{position:absolute;top:-100px;z-index:999;background:var(--yellow);padding:15px}.skip-link:focus{top:0}[hidden]{display:none!important}header{display:flex;align-items:center;justify-content:space-between;padding:21px 4%;border-bottom:2px solid var(--ink);background:var(--red);gap:20px}.wordmark{font-family:var(--display);font-size:30px;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:8px;white-space:nowrap}.wordmark-dot{font:10px var(--mono);align-self:flex-start;margin-top:5px}.logo{background:var(--ink);color:var(--yellow);font-size:26px;line-height:34px;width:32px;text-align:center}nav{display:flex;gap:28px;align-items:center;font-size:11px;font-weight:600}nav button{border:0;padding:0;min-height:30px;font-size:11px}i{display:inline-block;background:var(--yellow);height:8px;width:8px;border-radius:50%}.local-badge{font-size:10px;background:var(--ink);color:white;padding:7px 12px;white-space:nowrap}.hero{background:var(--red);padding:52px 7% 60px;display:grid;grid-template-columns:1.25fr .75fr;gap:9%;position:relative;overflow:hidden}.hero h1{font-size:clamp(64px,7.8vw,124px);margin:18px 0 25px;line-height:.85}.hero h1 span{color:white;white-space:nowrap}.hero-copy{font-size:13px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:25px}.primary{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);padding:15px 20px;display:inline-flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;box-shadow:4px 4px 0 var(--ink)}.primary:hover{background:white;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.text-link{font-size:10px;font-weight:600}.token-strip{display:flex;gap:14px;border-top:1px solid var(--ink);margin-top:32px;padding-top:19px;font-size:10px}.token-symbol{background:var(--ink);color:var(--yellow);height:49px;padding:12px 9px;font-size:17px;letter-spacing:-1px}.token-strip strong{font-size:11px}.token-strip p{margin:4px 0;line-height:1.7}.inline-link{border:0;border-bottom:1px solid;padding:3px 0;min-height:26px;font-size:10px;text-align:left}.hero-receipt{background:white;padding:24px 27px 32px;transform:rotate(3deg);align-self:start;box-shadow:12px 12px 0 #101010;position:relative;max-width:370px;margin:4px 0 0}.hero-receipt:after,.live-receipt:after{content:'';position:absolute;bottom:-10px;height:12px;left:0;width:100%;background:linear-gradient(135deg,#fff 25%,transparent 25%) -6px 0/12px 12px,linear-gradient(225deg,#fff 25%,transparent 25%) -6px 0/12px 12px}.receipt-head{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px dashed #888;padding-bottom:13px;gap:10px}.red-label{background:var(--red);padding:0 4px}.barcode,.mini-barcode{background:repeating-linear-gradient(90deg,#101010 0 2px,transparent 2px 4px,#101010 4px 5px,transparent 5px 9px,#101010 9px 13px,transparent 13px 16px);height:35px;margin:15px 0}.hero-receipt h2{font-size:58px;line-height:.92;margin:19px 0 25px}.ticket-row{display:flex;justify-content:space-between;font-size:10px;margin:12px 0}.receipt-total{border-top:2px solid var(--ink);padding-top:14px;margin-top:20px}.receipt-total small{font-size:9px}.receipt-total b{display:block;font-family:var(--display);font-size:99px;line-height:1.05}.receipt-total b span{font-size:65px}.audit-stamp{border:3px solid var(--red);color:var(--red);font-family:var(--display);font-size:32px;font-weight:800;line-height:.9;padding:5px 10px;width:fit-content;transform:rotate(-10deg);margin:4px 5px 15px auto}.hero-receipt>p{border-top:1px dashed #777;padding:12px 0 0;font-size:9px;text-align:center}.tear-text{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.05em}.ticker{overflow:hidden;white-space:nowrap;display:flex;gap:38px;padding:12px 0;background:var(--yellow);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);font-size:12px;font-weight:700;justify-content:center}.workspace{padding:65px 4% 45px;background:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-heading h2{font-size:clamp(40px,4.4vw,65px);margin-top:12px}.section-heading p{font-size:11px;line-height:1.8}.workspace-toolbar{background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;padding:12px 18px;gap:20px}.tab-label{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:600}.tab-label span{color:#ccc;font-size:9px}.toolbar-buttons{display:flex;gap:8px}.toolbar-buttons button{border-color:#777;min-height:30px;font-size:9px;padding:7px 9px}.danger-quiet{color:#ff6475}.audit-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;border:2px solid var(--ink);border-top:0;align-items:start}.input-panel{min-width:0}.empty{text-align:center;padding:42px 20px;border-bottom:1px dashed #bbb}.empty>span{font-size:50px;line-height:1;color:var(--red)}.empty h3{font-family:var(--display);font-size:29px;margin:14px 0}.empty p{font-size:11px;color:#555;line-height:1.8}.table-wrap{overflow:auto;padding:14px}table{width:100%;border-collapse:collapse;min-width:530px;font-size:11px}th{text-align:left;font-size:8px;color:#666;letter-spacing:.02em;padding:9px 5px;white-space:nowrap}td{border-top:1px dashed #bbb;padding:12px 5px;vertical-align:middle}td input{width:65px;padding:7px;min-height:34px;font-size:11px}td select{font-size:9px;min-height:28px;padding:3px;margin-top:5px;width:110px}td .op-name{max-width:140px;overflow-wrap:anywhere;display:block;font-weight:600}td button{font-size:20px;border:0;padding:3px;min-height:36px}td b{white-space:nowrap}.add-entry{padding:22px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.add-entry h3,.frequency-control h3{font-size:12px;font-weight:700;margin-bottom:16px;line-height:1.3}.entry-form-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px}label{display:block;font-size:10px;font-weight:500}label input,label select{display:block;margin-top:6px}.entry-form-grid .primary{grid-column:1/-1;width:fit-content;box-shadow:2px 2px 0 var(--ink);font-size:10px;padding:10px 14px}.form-error{font-size:11px;color:#b10024;margin-top:10px}.frequency-control{padding:26px 22px;background:var(--yellow)}.frequency-control p{font-size:10px;line-height:1.7;margin-bottom:22px;max-width:520px}.frequency-control label{display:flex;justify-content:space-between;align-items:center}.frequency-control output{background:var(--ink);color:var(--yellow);padding:5px 8px;font-size:15px;font-weight:700}input[type=range]{accent-color:var(--red);padding:0;margin:9px 0;min-height:25px}.range-labels{display:flex;justify-content:space-between;font-size:8px}.frequency-control button{margin-top:16px}.live-receipt{border-left:2px solid var(--ink);padding:23px;background:var(--white);position:relative;align-self:stretch}.result-before{display:flex;justify-content:space-between;margin:21px 0 28px;align-items:center;font-size:9px}.result-before b{font-size:18px;text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--red)}.live-receipt>small{font-size:9px}.big-total{font-family:var(--display);font-size:60px;font-weight:800;letter-spacing:-.04em;line-height:1.1;display:block;overflow-wrap:anywhere;margin:6px 0 17px}.difference{background:var(--red);display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:8px}.difference b{font-size:17px}.difference.increase{background:var(--yellow)}.category-bars{margin-top:24px}.bar-row{display:flex;justify-content:space-between;font-size:9px;margin-bottom:7px}.bar-track{height:5px;background:#eee;margin-bottom:13px}.bar-fill{height:100%;background:var(--ink);max-width:100%}.math-note{font-size:9px;color:#555;line-height:1.8;border-top:1px dashed #888;padding-top:16px;margin:20px 0}.live-receipt .primary,.live-receipt .outline{width:100%;justify-content:center;font-size:10px;min-height:42px;padding:11px 8px}.live-receipt .outline{margin-top:12px;border:1px solid var(--ink)}.receipt-end{text-align:center;font-size:8px;margin-top:22px;line-height:1.8}.mini-barcode{display:block;margin:10px auto 0;width:100px;height:22px}.status{min-height:25px;margin-top:15px;font-size:11px;font-weight:500}.balances{background:var(--red);border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:55px 6%}.balance-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px}.balance-layout form{border:2px solid var(--ink);padding:25px;background:var(--yellow)}.balance-layout h3{font-size:13px;margin-bottom:22px;line-height:1.4}.balance-layout label{margin:12px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.black-button{background:var(--ink);color:white;width:100%;margin-top:8px;font-size:11px}.checklist-heading{display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:13px;gap:15px;font-size:10px}.balance-empty{padding:32px 0;max-width:420px;font-size:12px}.balance-item{border-bottom:1px solid var(--ink);padding:18px 0;display:grid;grid-template-columns:1fr auto;gap:10px}.balance-item label{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;overflow-wrap:anywhere}.balance-item input{width:19px;height:19px;min-height:19px;margin:0;accent-color:var(--ink);flex-shrink:0}.balance-item p{font-size:9px;margin:7px 0 0 29px}.balance-item b{font-size:19px;text-align:right}.balance-item button{grid-column:2;font-size:9px;min-height:26px;padding:3px 6px}.net-bad{background:var(--ink);color:var(--yellow);padding:2px 5px}.balance-disclaimer{font-size:9px;border-top:1px dashed var(--ink);padding-top:14px;margin-top:20px;line-height:1.8}.balance-layout .inline-link{margin-top:14px}.how{padding:55px 6%;background:var(--ink);color:white}.how>.eyebrow{color:var(--yellow)}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:35px}.how article>span{font:40px var(--display);color:var(--red)}.how h3{font:700 28px/1.1 var(--display);margin:12px 0}.how p{font-size:10px;color:#bbb;line-height:1.9}footer{background:var(--yellow);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 4%;font-size:8px}footer .wordmark{font-size:26px}dialog{background:var(--yellow);border:3px solid var(--ink);max-width:520px;width:calc(100% - 32px);padding:35px;box-shadow:10px 10px 0 var(--red);color:var(--ink)}dialog::backdrop{background:#000a}dialog h2{font-size:46px;margin:20px 0}dialog p{line-height:1.9;font-size:12px;margin-bottom:25px}.dialog-close:first-child{position:absolute;right:8px;top:4px;border:0;font-size:26px;padding:4px 10px}.noscript{padding:25px;background:var(--yellow)}.intro{position:fixed;inset:0;z-index:100;background:var(--red);overflow:hidden;display:flex;flex-direction:column;align-items:center}.intro-top{position:absolute;top:24px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;z-index:5}.intro-top button{background:var(--yellow);font-size:10px}.printer{position:absolute;top:17%;width:390px;max-width:85vw;perspective:900px}.slot{height:18px;width:110%;background:var(--ink);position:relative;left:-5%;z-index:4;box-shadow:0 7px 0 #ad0020}.print-sheet{background:white;padding:28px;transform-origin:top;clip-path:inset(0 0 100% 0);animation:paperFeed 8s steps(25,end) both;box-shadow:8px 12px 0 #000;position:relative}.print-sheet:after{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:5px dashed var(--ink)}.print-sheet h2{font-size:70px;line-height:.9;margin:18px 0}.print-lines p{display:flex;justify-content:space-between;border-bottom:1px dashed;padding:9px 0;font-size:11px}.print-total{font:800 95px/1.2 var(--display);background:var(--yellow);margin:20px -8px 0;padding:0 8px}.print-stamp{background:var(--red);border:3px solid var(--ink);transform:rotate(-4deg);font:800 42px/1 var(--display);padding:10px;margin-top:20px;animation:stampIn 8s both}.print-stamp span{font:9px var(--mono);display:block;letter-spacing:.02em;margin-top:8px}.intro-caption{position:absolute;bottom:25px;background:var(--ink);color:var(--yellow);padding:8px 15px;font-size:10px}.intro.exit{animation:exitIntro .65s ease-in forwards}#enterReduced{position:absolute;bottom:65px;background:var(--yellow);z-index:5}.intro.reduced .print-sheet{animation:none;clip-path:none}.intro.reduced .print-stamp{animation:none}.intro.reduced .printer{transform:scale(.8);transform-origin:top center}@keyframes paperFeed{0%{clip-path:inset(0 0 96% 0);transform:rotateX(-5deg)}25%{clip-path:inset(0 0 65% 0)}60%{clip-path:inset(0 0 29% 0)}90%,100%{clip-path:inset(0);transform:rotateX(0)}}@keyframes stampIn{0%,86%{opacity:0;transform:scale(1.4) rotate(-12deg)}91%,100%{opacity:1;transform:scale(1) rotate(-4deg)}}@keyframes exitIntro{to{transform:translateY(-110%)}}@media(min-width:1600px){.hero{padding-left:12%;padding-right:12%}.hero-receipt{max-width:420px}.hero-receipt h2{font-size:70px}.hero-copy{font-size:15px}}@media(max-width:1000px){header nav{gap:14px}.hero{padding:40px 5%;gap:5%;grid-template-columns:1.15fr .85fr}.hero h1{font-size:82px}.hero-receipt{padding:20px}.hero-receipt h2{font-size:49px}.receipt-total b{font-size:85px}.hero-actions{align-items:start;flex-direction:column;gap:17px}.audit-layout{grid-template-columns:minmax(0,1fr) 270px}.entry-form-grid{grid-template-columns:1fr 1fr}.big-total{font-size:52px}.toolbar-buttons{flex-wrap:wrap}.workspace-toolbar{align-items:start}.tab-label{flex-wrap:wrap}.hero .eyebrow{font-size:9px}}@media(max-width:720px){body{font-size:12px}header{padding:16px 5%;gap:8px}.wordmark{font-size:27px}.local-badge{font-size:8px;padding:6px 8px}header nav{position:absolute;top:71px;left:5%;right:5%;justify-content:space-between;font-size:9px}header nav button{font-size:9px}.hero{padding:54px 5% 45px;display:block}.hero h1{font-size:clamp(63px,15vw,100px);margin-top:18px;line-height:.88}.hero-copy{font-size:11px}.hero-actions{flex-direction:row;align-items:center;gap:15px}.hero-actions .primary{font-size:10px;padding:13px 12px;gap:10px}.text-link{font-size:8px}.token-strip{margin-top:27px;font-size:9px}.token-strip p br{display:none}.token-strip strong{font-size:10px}.hero-receipt{display:none}.ticker{font-size:10px;gap:22px;padding:10px 0}.workspace{padding:35px 4%}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:43px}.section-heading p{margin-top:17px;font-size:10px}.workspace-toolbar{padding:14px;display:block}.toolbar-buttons{margin-top:13px;gap:6px}.toolbar-buttons button{font-size:8px;min-height:35px}.audit-layout{display:flex;flex-direction:column}.input-panel{width:100%}.live-receipt{border-left:0;border-top:2px solid var(--ink);width:100%;padding:25px}.big-total{font-size:75px}.result-before{margin:18px 0}.category-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.bar-row{font-size:8px}.receipt-end{display:none}.live-receipt .primary,.live-receipt .outline{font-size:12px}.add-entry{padding:20px 14px}.frequency-control{padding:24px 14px}.table-wrap{padding:8px}table{min-width:510px}.balances{padding:35px 5%}.balance-layout{grid-template-columns:1fr;gap:28px}.balance-layout form{padding:20px}.balances .section-heading h2{font-size:47px}.how{padding:35px 6%}.how-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.how article{display:grid;grid-template-columns:40px 1fr;gap:0 12px}.how h3{font-size:26px;margin-top:8px}.how p{grid-column:2}.how article>span{grid-row:1/3}footer{flex-wrap:wrap;padding:22px 5%}footer>span{max-width:130px}.printer{top:18%;width:310px}.print-sheet{padding:22px}.print-sheet h2{font-size:54px}.print-total{font-size:75px}.print-stamp{font-size:33px}.intro-top{font-size:8px}.intro-caption{bottom:18px}.intro-top button{font-size:9px}.balance-item b{font-size:16px}}@media(max-height:650px){.printer{top:12%;transform:scale(.73);transform-origin:top center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.intro .print-sheet{clip-path:none}.intro .print-stamp{opacity:1;transform:none}}@media print{body{font-size:10px}header,.hero,.ticker,.workspace-toolbar,.add-entry,.frequency-control,.balances,.how,footer,.intro,.status,button,.skip-link,dialog{display:none!important}.workspace{padding:0}.section-heading{margin-bottom:20px}.section-heading h2{font-size:30px}.audit-layout{display:block;border:0}.live-receipt{border:1px solid;padding:20px;margin-top:15px;break-inside:avoid}.table-wrap{overflow:visible}table{min-width:0}td input,td select{border:0}.live-receipt .big-total{font-size:40px}.category-bars{display:block}main:before{content:'SLIPSNITCH / LOCAL FEE AUDIT';font-weight:bold}#printText{display:block!important;white-space:pre-wrap;font:10px/1.5 monospace}.workspace{display:none}}
/* Final application-first composition */
.hero{grid-template-columns:1fr 1fr;gap:6%;padding:35px 6% 38px}.hero h1{font-size:clamp(57px,5.5vw,83px);line-height:.88;margin:17px 0 22px}.hero h1 span{white-space:normal}.hero-copy{font-size:12px}.hero-receipt{max-width:none;width:100%;transform:none;box-shadow:7px 7px 0 var(--ink);border:2px solid var(--ink);padding:21px;margin:0;background:var(--ink);color:white}.hero-receipt:after{display:none}.hero-receipt .receipt-head{border-color:#777;font-size:9px}.console-title{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.hero-receipt h2{font-size:37px;margin:0;line-height:.96;color:var(--yellow)}.console-title>span{font-size:8px;white-space:nowrap}.console-row{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:8px;padding:10px 0;border-top:1px dashed #777;font-size:9px}.console-row>span:last-child{text-align:right;color:var(--yellow);font-size:8px}.quick-frequency{background:var(--yellow);color:var(--ink);padding:13px;margin:15px 0}.quick-frequency label{display:flex;justify-content:space-between;font-size:9px}.quick-frequency output{font-weight:700}.quick-result{display:flex;justify-content:space-between;font-size:8px}.quick-result b{display:block;font:700 40px/1 var(--display);margin-top:6px}.quick-result>span:first-child b{font-size:27px;text-decoration:line-through;text-decoration-color:var(--red)}.hero-receipt .primary{width:100%;justify-content:center;border-color:var(--yellow);box-shadow:none;padding:10px}.hero-receipt>p{font-size:8px;border:0;padding-top:12px}.token-strip{margin-top:24px;padding-top:16px}.hero-actions{margin-top:20px}.red-label{color:var(--ink)}
@media(max-width:1000px) and (min-width:721px){.hero h1{font-size:60px}.hero .hero-actions{gap:10px}.hero .token-strip{font-size:9px}.hero-receipt h2{font-size:30px}.hero-receipt{padding:16px}.console-row{font-size:8px;gap:4px}}
@media(max-width:720px){header nav{position:static;display:flex;gap:4px}header nav>a{display:none}header nav button{font-size:8px}.local-badge{display:none}.hero{padding:24px 5%;display:flex;flex-direction:column;gap:24px}.hero h1{font-size:49px;margin:12px 0;line-height:.9}.hero h1 br:first-child{display:none}.hero h1>span{display:block}.hero h1>span br{display:none}.hero-copy{font-size:10px;line-height:1.7}.hero .eyebrow{font-size:8px}.hero .hero-actions{margin-top:14px}.token-strip{margin-top:18px;padding-top:12px;gap:10px}.token-strip p{font-size:8px}.token-symbol{font-size:15px;height:43px}.hero-receipt{display:block;padding:14px;box-shadow:4px 4px 0 var(--ink)}.hero-receipt h2{font-size:26px}.console-title{margin:12px 0}.console-title h2 br{display:none}.console-title>span{display:none}.console-row{padding:6px 0;font-size:8px}.hero-receipt .receipt-head{font-size:8px;padding-bottom:8px}.quick-frequency{margin:10px 0;padding:10px}.quick-result b{font-size:32px}.hero-receipt>p{font-size:7px;padding-top:8px}.hero-receipt .primary{min-height:35px;padding:8px;font-size:10px}.hero .hero-actions .primary{padding:9px 10px;min-height:40px}.workspace{padding-top:30px}}