@font-face{font-family:IBM Plex Mono;src:url(fonts/IBMPlexMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(fonts/IBMPlexMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}:root{--ink: #050505;--paper: #ffffff;--fog: #f5f5f3;--line: #d8d8d5;--fluent: #17a673;--fluent-text: #0e7f57;--info: #2f6feb;--warn: #f0a329;--error: #d33a2c;--concrete: #8a8a8a;--ink-soft: #3d3d3b;--ink-muted: #5e5e5b;--tray-ink: #050505;--tray-text: #f5f5f3;--tray-text-soft: #b9b9b5;--tile-paper: #ffffff;--tile-coin: #e6e6e2;--tile-glyph: #8a8a8a;--font-display: "Inter Tight", "Arial Narrow", sans-serif;--font-ui: "Inter", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--t-display: 600 48px/52px var(--font-display);--t-h1: 600 36px/40px var(--font-display);--t-h2: 600 28px/34px var(--font-display);--t-h3: 600 20px/26px var(--font-display);--t-body: 400 16px/24px var(--font-ui);--t-small: 400 14px/20px var(--font-ui);--t-label: 600 12px/16px var(--font-ui);--t-amount: 700 32px/36px var(--font-mono);--amount-hero: clamp(40px, 6.2vw, 72px);--amount-total: clamp(28px, 3.4vw, 48px);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-bill: 3px;--target: 44px;--target-mobile: 48px;--focus-ring: 0 0 0 2px var(--paper), 0 0 0 5px var(--fluent);--shadow-lift: 0 8px 24px rgb(5 5 5 / 14%);--shadow-rest: 0 1px 2px rgb(5 5 5 / 12%), 0 3px 10px rgb(5 5 5 / 8%);--surface-inset: inset 0 1px 0 rgb(255 255 255 / 70%), inset 0 0 0 1px rgb(5 5 5 / 4%);--bill-w-mm: 155.956;--bill-h-mm: 66.294;--mm: 1.8px;--coin-mm: max(var(--mm), 1.6px);--tray-bill-w: 120px;--tray-coin-mm: 2px;--shadow-bill: 0 1px 1px rgb(5 5 5 / 16%), 0 6px 14px -4px rgb(5 5 5 / 24%);--shadow-coin: 0 1px 1px rgb(5 5 5 / 18%), 0 4px 10px -3px rgb(5 5 5 / 26%);--header-h: 72px;--pad: var(--s6);--gap: var(--s5)}@media(max-width:767px){:root{--header-h: 56px;--pad: var(--s4);--gap: var(--s3);--tray-bill-w: 140px;--tray-coin-mm: 2px}}@media(min-width:768px)and (max-width:1199px){:root{--pad: var(--s5);--gap: var(--s4);--tray-bill-w: 104px;--tray-coin-mm: 2px}}@media(min-width:1200px)and (max-width:1439px){:root{--tray-bill-w: 104px;--tray-coin-mm: 1.75px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font:var(--t-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{display:grid;height:100dvh;min-height:520px;grid-template-columns:auto minmax(0,1fr);grid-template-rows:var(--header-h) auto minmax(160px,1fr) auto auto auto;grid-template-areas:"header   header" "prompt   prompt" "work     work" "feedback feedback" "actions  check" "tray     tray";column-gap:var(--s3)}.app>.header{grid-area:header}.app>.prompt{grid-area:prompt}.app>.tray{grid-area:tray}.app>.work{grid-area:work}.app>.actions{grid-area:actions}.app>.check{grid-area:check}.app>.feedback{grid-area:feedback}.app>:not(.tray):not(.header){margin-inline:var(--pad)}.app>.actions{margin-inline-end:0}.app>.check{margin-inline-start:0}.header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-inline:var(--pad);border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;line-height:1;white-space:nowrap}.brand-name{margin:0;font:700 22px/24px var(--font-display);letter-spacing:-.02em}.brand-by{margin-top:3px;font:400 11px/14px var(--font-ui);color:var(--ink-muted)}.modes{display:inline-flex;flex:none;padding:3px;gap:2px;white-space:nowrap;background:var(--fog);border-radius:999px}.mode{min-height:var(--target);padding:0 var(--s4);border:0;border-radius:999px;background:transparent;font:600 14px/20px var(--font-ui);color:var(--ink-soft)}.mode[aria-current=page]{background:var(--ink);color:var(--paper)}@media(max-width:359px){.brand-name{font-size:18px;line-height:20px}.mode{padding:0 var(--s3)}.header{gap:var(--s2)}.actions .btn{padding:0 var(--s3)}.actions .btn svg{display:none}.mode{font-size:13px;padding:0 10px}}.prompt{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding-block:var(--s3) var(--s2)}.prompt-heading{margin:0;font:600 18px/22px var(--font-display)}.target{margin:0;font:700 var(--amount-hero)/1 var(--font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.prompt-help{margin:var(--s3) 0 0;font:var(--t-body);color:var(--ink-soft);max-width:26ch}@media(max-width:767px){.prompt-help{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}.prompt.prompt-explore{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s1)}.prompt-explore .prompt-heading{font:600 22px/26px var(--font-display);color:var(--ink)}@media(max-width:767px){.prompt-explore .prompt-help{position:static;width:auto;height:auto;clip:auto;margin:0;font:var(--t-small);color:var(--ink-soft)}}@media(min-width:768px){.prompt-explore .prompt-heading{font:var(--t-h1)}}.mode-short{display:none}@media(max-width:767px){.mode-long{display:none}.mode-short{display:inline}.mode{padding:0 10px;font-size:13px}.brand-name{font-size:19px;line-height:22px}.header{gap:var(--s3)}}@media(max-width:389px){.header{height:auto;flex-wrap:wrap;row-gap:var(--s1);padding-block:var(--s2)}}.prompt.prompt-change{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--s2)}.txn{margin:0;display:grid;gap:var(--s1)}.txn-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3)}.txn dt{font:600 15px/20px var(--font-ui);color:var(--ink-soft)}.txn dd{margin:0}.txn-amount{font:700 clamp(22px,2.4vw,32px)/1.1 var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.paid-with{display:flex;gap:var(--s2);pointer-events:none;-webkit-user-select:none;user-select:none}.prompt-change{user-select:none;-webkit-user-select:none}.paid-with .bill-art{width:var(--paid-w, 200px);box-shadow:var(--shadow-rest)}@media(max-width:767px){.prompt.prompt-change{display:grid;grid-template-columns:1fr auto;column-gap:var(--s4);row-gap:var(--s1);grid-template-areas:"heading skill" "txn paid";align-items:center}.prompt-change .skill{grid-area:skill;justify-self:end}.prompt-change .prompt-heading{grid-area:heading}.prompt-change .txn{grid-area:txn}.prompt-change .paid-with{grid-area:paid;align-self:center;--paid-w: 104px}.txn-row{justify-content:flex-start}.txn dt{font-size:14px;min-width:104px}.txn-amount{font-size:18px}}@media(min-width:768px)and (max-width:1199px){.paid-with{--paid-w: 160px}}@media(min-width:768px){.prompt-change .prompt-heading{font:var(--t-h3);color:var(--ink)}}.app>.countup{grid-area:work}.countup{display:flex;flex-direction:column;gap:var(--s4);min-height:0;overflow:auto;overscroll-behavior:contain;padding:var(--s4);background:var(--fog);border-radius:var(--r-lg);box-shadow:var(--surface-inset);--mm: .78px;--coin-mm: 2.1px}.cu-heading{margin:0;font:600 18px/24px var(--font-display);outline:none}.cu-heading:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.cu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.cu-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;column-gap:var(--s3);padding:var(--s2) var(--s3);background:var(--paper);border-radius:var(--r-md)}.cu-start{grid-template-columns:1fr auto}.cu-label{font:600 14px/20px var(--font-ui);color:var(--ink-soft)}.cu-money{display:flex;align-items:center;gap:4px;min-width:0;flex-wrap:wrap}.cu-piece{display:inline-flex}.cu-money .bill-art{box-shadow:var(--shadow-rest)}.cu-add{font:700 18px/24px var(--font-mono);color:var(--fluent-text);font-variant-numeric:tabular-nums}.cu-arrow{font:400 18px/24px var(--font-ui);color:var(--concrete)}.cu-amount{font:700 20px/24px var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.cu-step[data-latest]{box-shadow:0 0 0 2px var(--fluent)}.cu-done{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s3);font:400 18px/24px var(--font-ui)}.cu-final{font:700 28px/32px var(--font-mono)}.cu-done strong{font-family:var(--font-mono)}.cu-controls{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:auto}.cu-controls .btn{flex:1 1 auto}.countup .btn-quiet{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.cu-piece+.cu-piece[data-denomination=penny],.cu-piece+.cu-piece[data-denomination=nickel],.cu-piece+.cu-piece[data-denomination=dime],.cu-piece+.cu-piece[data-denomination=quarter]{margin-left:-6px}.cu-controls .btn-primary{width:auto;flex:2 1 auto}@media(max-width:767px){.app[data-countup]>.tray{display:none}.app[data-countup]{grid-template-rows:var(--header-h) auto minmax(160px,1fr) auto;grid-template-areas:"header header" "prompt prompt" "work work" "feedback feedback"}.app[data-countup]>.countup{margin-bottom:var(--s3)}}@media(min-width:1200px),(min-width:1024px)and (orientation:landscape){.countup{padding:var(--s5);--mm: .74px;--coin-mm: 2.6px}.app>.countup{margin-inline:0;margin-top:var(--gap)}.cu-heading{font:var(--t-h3)}.cu-list{flex-direction:row;align-items:stretch;gap:var(--s2)}.cu-item{flex:1 1 0;min-width:0;grid-template-columns:1fr;grid-template-rows:1fr auto auto;justify-items:center;row-gap:var(--s2);padding:var(--s3) var(--s2);text-align:center}.cu-start{grid-template-rows:1fr auto;align-content:end}.cu-money{justify-content:center;align-self:center;flex-wrap:wrap;row-gap:2px;max-width:100%;min-height:96px}.cu-item{min-height:200px}.cu-list{margin-top:var(--s2)}.cu-step .bill-art{width:min(100%,150px)}.cu-piece+.cu-piece{margin-left:-14px!important}.cu-arrow{display:none}.cu-done{justify-content:flex-start}.cu-controls{justify-content:flex-end}.cu-controls .btn,.cu-controls .btn-primary{flex:0 0 auto;min-width:160px}}.tray[data-inert]{opacity:.7}.skill{display:inline-flex}.skill-select{appearance:none;-webkit-appearance:none;min-height:var(--target);padding:0 36px 0 var(--s4);border:0;border-radius:999px;background:var(--fog) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%23050505' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 12px center / 16px no-repeat;font:600 14px/20px var(--font-ui);color:var(--ink);cursor:pointer}@media(max-width:767px){.prompt{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:var(--s3);row-gap:var(--s1);grid-template-areas:"skill target" "heading target"}.skill{grid-area:skill}.prompt-heading{grid-area:heading}.target{grid-area:target;align-self:end}.skill-select{font-size:13px}}@media(min-width:768px){.skill{margin-bottom:var(--s2)}}.work{container-type:size;position:relative;padding:var(--s4);min-height:0;overflow:hidden;outline:none;background:var(--fog);border-radius:var(--r-lg);box-shadow:var(--surface-inset);--touch: 44px;--mm: min(2.3px, calc(100cqi * .62 / 156), calc((100cqb - 48px) / 230));--coin-scale: 1.4;--coin-mm: max(calc(var(--mm) * var(--coin-scale)), 2.2px)}@media(pointer:coarse){.work{--touch: 48px}}@media(min-width:768px){.work{--mm: min(2.3px, calc((100cqi - var(--s6)) / (156 * 2.06)), calc((100cqb - 48px) / 163));padding:var(--s5)}.surface{inset:var(--s5)}}.surface{position:absolute;inset:var(--s4);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.probe{position:absolute;visibility:hidden;pointer-events:none;width:calc(var(--bill-w-mm) * var(--mm));height:calc(var(--coin-mm) * 100)}.work-empty{position:absolute;inset:0;display:grid;place-items:center;margin:0;font:var(--t-body);color:var(--ink-muted);text-align:center}.work[data-more]:after{content:"";position:absolute;pointer-events:none;left:50%;bottom:0;width:44px;height:var(--s4);transform:translate(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M5 3l7 7 7-7' fill='none' stroke='%233d3d3b' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 22px 13px no-repeat}@media(min-width:768px){.work[data-more]:after{height:var(--s5)}}.work[data-more] .surface{box-shadow:inset 0 -10px 10px -10px #05050538;border-radius:0 0 var(--r-sm) var(--r-sm)}.work[data-drop]{box-shadow:var(--surface-inset),inset 0 0 0 3px var(--fluent)}.work:focus-visible{box-shadow:var(--surface-inset),var(--focus-ring)}.inst{position:absolute;--touch-box: max(var(--touch), calc(var(--d, 0) * var(--coin-mm) * 1.02));left:clamp(0px,calc(var(--x) * 100%),calc(100% - var(--w)));top:max(0px,calc(var(--y) * 100%))}.inst[data-kind=bill]{--w: calc(var(--bill-w-mm) * var(--mm));--h: calc(var(--w) / 2.353)}.inst[data-kind=coin]{--w: var(--touch-box);--h: var(--touch-box)}.inst-hit{display:grid;place-items:center;width:var(--w);height:var(--h);padding:0;border:0;background:transparent;border-radius:var(--r-sm);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.inst[data-kind=bill] .inst-hit{place-items:start}.inst[data-dragging] .inst-hit{cursor:grabbing}.inst[data-dragging] .bill-art,.inst[data-dragging] .coin-art{box-shadow:var(--shadow-lift)}.inst-hit[aria-pressed=true] .bill-art{outline:3px solid var(--fluent);outline-offset:2px}.inst-hit[aria-pressed=true] .coin-art{box-shadow:0 0 0 2px var(--paper),0 0 0 5px var(--fluent)}.inst-remove{position:absolute;top:6px;right:6px;z-index:1;display:grid;place-items:center;width:var(--target);height:var(--target);padding:0;border:2px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);cursor:pointer}.inst-remove svg{width:20px;height:20px}.inst[data-kind=coin] .inst-remove{top:-14px;right:-14px}.ghost{position:fixed;z-index:10000;pointer-events:none;transform:translate(-50%,-50%) rotate(-2deg);opacity:.92}.ghost .bill-art,.ghost .coin-art{box-shadow:var(--shadow-lift)}.bill{display:grid;place-items:center;width:calc(var(--bill-w-mm) * var(--mm));aspect-ratio:155.956 / 66.294;background:var(--tile-paper);border-radius:var(--r-bill);box-shadow:var(--shadow-rest)}.coin{display:grid;place-items:center;width:calc(var(--d) * var(--coin-mm));aspect-ratio:1;border-radius:50%;background:var(--tile-coin);box-shadow:var(--shadow-rest)}.glyph{font:700 calc(var(--bill-w-mm) * var(--mm) * .16)/1 var(--font-mono);color:var(--tile-glyph);letter-spacing:-.02em}.coin .glyph{font-size:calc(var(--d) * var(--coin-mm) * .3)}.bill-art{display:block;width:calc(var(--bill-w-mm) * var(--mm));height:auto;border-radius:2px;box-shadow:var(--shadow-bill);-webkit-user-select:none;user-select:none}.coin-art{position:relative;display:block;flex:none;width:calc(var(--mdp) / var(--cdp) * var(--d) * var(--coin-mm));aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:var(--shadow-coin)}.coin-art img{position:absolute;max-width:none;-webkit-user-select:none;user-select:none;width:calc(var(--fw) / var(--cdp) * var(--d) * var(--coin-mm));left:calc((var(--mdp) / 2 - var(--cx)) / var(--cdp) * var(--d) * var(--coin-mm));top:calc((var(--mdp) / 2 - var(--cy)) / var(--cdp) * var(--d) * var(--coin-mm))}.tray .bill-art{width:var(--tray-bill-w);box-shadow:0 0 0 1px #ffffff0f}.tray .coin-art{--coin-mm: var(--tray-coin-mm);box-shadow:none}.feedback{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding-block:var(--s3)}.total-label{margin:0;font:600 14px/20px var(--font-ui);color:var(--ink-soft)}.total{margin:0;font:700 var(--amount-total)/1 var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.hint{display:inline-flex;align-items:center;gap:var(--s2);margin:0;font:700 18px/24px var(--font-ui)}.hint-mark{width:10px;height:10px;flex:none;background:var(--warn);transform:rotate(45deg)}.result-correct{display:flex;align-items:flex-start;gap:var(--s2);margin:0}.result-icon{width:24px;height:24px;flex:none;color:var(--fluent);margin-top:1px}.result-text{margin:0;font:400 16px/22px var(--font-ui)}.result-text strong{font-weight:700;font-size:18px}.result-text span{display:block}.actions{display:flex;align-items:flex-start;gap:var(--s2);padding-bottom:var(--s3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:var(--target-mobile);padding:0 var(--s4);border:0;border-radius:var(--r-md);font:600 16px/20px var(--font-ui);cursor:pointer}.btn svg{width:18px;height:18px;flex:none}.btn-quiet{background:var(--fog);color:var(--ink)}.btn-primary{background:var(--ink);color:var(--paper);width:100%;white-space:nowrap}.check[data-mode=another]{display:flex;flex-direction:column;gap:var(--s2)}.check[data-mode=another] .btn{width:100%}@media(max-width:767px){.app:has(.check[data-mode=another]){grid-template-rows:var(--header-h) auto minmax(160px,1fr) auto auto auto auto;grid-template-areas:"header   header" "prompt   prompt" "work     work" "feedback feedback" "actions  actions" "check    check" "tray     tray"}.app:has(.check[data-mode=another])>.actions{margin-inline-end:var(--pad);padding-bottom:var(--s2)}.app:has(.check[data-mode=another])>.check{margin-inline-start:var(--pad)}.check[data-mode=another]{flex-direction:row}.check[data-mode=another] .btn{flex:1 1 0;min-width:0;padding:0 var(--s3)}}@media(min-width:768px)and (max-width:1199px){.check[data-mode=another]{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.check[data-mode=another] .btn{width:auto;min-width:0;flex:0 1 auto}}.check[data-actions="3"]{flex-wrap:wrap}@media(max-width:1199px){.check[data-actions="3"] .btn{flex:1 1 calc(50% - var(--s2))}.check[data-actions="3"] .btn:last-child{flex-basis:100%}}.check{padding-bottom:var(--s3)}.tray{background:var(--tray-ink);color:var(--tray-text);padding:var(--s3) 0 calc(var(--s3) + env(safe-area-inset-bottom,0px))}.tray-tabs{display:flex;gap:var(--s1);margin:0 var(--pad) var(--s2);padding:3px;width:fit-content;background:#ffffff1a;border-radius:999px}.tray-tab{min-height:var(--target);min-width:88px;padding:0 var(--s4);border:0;border-radius:999px;background:transparent;font:600 15px/20px var(--font-ui);color:var(--tray-text-soft)}.tray-tab[aria-selected=true]{background:var(--paper);color:var(--ink)}.tray-groups{display:block}.tray-group{display:none}.tray-group[data-active=true]{display:block}.tray-group-title{display:none}.tray-list{display:flex;align-items:flex-end;gap:var(--s3);margin:0;padding:var(--s1) var(--pad);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-padding-inline:var(--pad);scrollbar-width:none}.tray-list::-webkit-scrollbar{display:none}.tray-item{flex:none}.tray-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--s1);min-width:var(--target-mobile);min-height:72px;padding:var(--s1) 2px;border:0;background:transparent;color:inherit;border-radius:var(--r-md);cursor:pointer}.tray-btn:focus-visible{box-shadow:0 0 0 3px var(--fluent)}.tray-btn:not(:disabled){touch-action:pan-x;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tray-btn:disabled{cursor:not-allowed;opacity:.32}.btn:disabled{opacity:.4;cursor:not-allowed}.tray .bill{--mm: calc(var(--tray-bill-w) / var(--bill-w-mm));box-shadow:none}.tray .coin{--coin-mm: var(--tray-coin-mm);box-shadow:none}.tray-value{font:700 15px/20px var(--font-mono);font-variant-numeric:tabular-nums}@media(min-width:768px){.app{grid-template-columns:1fr 1fr;grid-template-rows:var(--header-h) auto minmax(320px,1fr) auto auto;grid-template-areas:"header  header" "prompt  feedback" "work    work" "actions check" "tray    tray";column-gap:var(--gap)}.app>.feedback{margin-inline-start:0}.app>.prompt{margin-inline-end:0}.brand-name{font-size:26px;line-height:28px}.brand-by{font-size:12px}.prompt{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--s2);padding-block:var(--s5) var(--s4)}.prompt-heading{font:var(--t-h3);color:var(--ink-soft)}.feedback{flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:var(--s2);padding-block:var(--s5) var(--s4);text-align:right}.feedback-total{display:flex;flex-direction:column;align-items:flex-end;gap:var(--s1)}.actions,.check{padding-block:var(--s4)}.check .btn-primary{width:auto;min-width:200px;float:right}.tray{padding-top:var(--s4)}.tray-tabs{display:none}.tray-group,.tray-group[data-active]{display:flex;align-items:center;gap:var(--s3)}.tray-group+.tray-group{margin-top:var(--s2)}.tray-group-title{display:block;flex:none;width:56px;margin-left:var(--pad);font:600 14px/20px var(--font-ui);color:var(--tray-text-soft)}.tray-list{padding-left:0;flex:1}.tray-btn{min-height:72px}}@media(min-width:1200px),(min-width:1024px)and (orientation:landscape){.app{grid-template-columns:18fr 64fr 18fr;grid-template-rows:var(--header-h) minmax(360px,1fr) auto auto;grid-template-areas:"header header  header" "prompt work    feedback" "prompt actions check" "tray   tray    tray";column-gap:var(--gap);max-width:1600px;margin-inline:auto;width:100%}.app>.prompt{margin-inline:var(--pad) 0}.app>.work,.app>.actions{margin-inline:0}.app>.feedback,.app>.check{margin-inline:0 var(--pad)}.app>.prompt,.app>.work,.app>.feedback{margin-top:var(--gap)}.prompt{justify-content:flex-start;padding-block:var(--s2) 0}.prompt-help{position:static;width:auto;height:auto;clip:auto}.feedback{align-items:flex-start;justify-content:flex-start;text-align:left;padding-block:var(--s2) 0;gap:var(--s4)}.feedback-total{align-items:flex-start}.actions,.check{padding-block:var(--s4) var(--s5)}.check .btn-primary{float:none;width:100%;min-height:var(--target)}.btn{min-height:var(--target)}}@media(min-width:1200px){.tray{padding-block:var(--s5)}.tray-groups{display:flex;align-items:flex-end;gap:var(--s7);padding-inline:var(--pad)}.tray-group,.tray-group[data-active]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}.tray-group+.tray-group{margin-top:0}.tray-group-title{width:auto;margin-left:0}.tray-list{padding:0;overflow:visible;gap:var(--s3)}.tray-btn{min-height:0;min-width:var(--target)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:767px)and (max-height:640px){:root{--tray-bill-w: 104px;--tray-coin-mm: 1.5px;--amount-total: 24px;--amount-hero: 34px}.tray-btn{min-height:48px}.tray-value{line-height:16px}.actions,.check{padding-bottom:var(--s1)!important}.prompt{padding-block:var(--s1) 2px}.txn{gap:0}.txn dt,.txn-amount{line-height:18px}.txn-amount{font-size:16px}.prompt-change .paid-with{--paid-w: 88px}.app>.feedback{padding-block:var(--s1)}.tray{padding-block:var(--s2) calc(var(--s2) + env(safe-area-inset-bottom,0px))}.tray-tabs{margin-bottom:var(--s1)}.tray-btn{min-height:60px}.feedback{padding-block:var(--s2)}.prompt{padding-block:var(--s2) var(--s1)}.actions,.check{padding-bottom:var(--s2)}}@media(max-width:767px)and (max-height:640px){.work{--mm: calc((100cqi - var(--s4)) / (156 * 2.06));--coin-mm: max(calc(var(--mm) * var(--coin-scale)), 1.8px)}}@media(min-width:768px){.app:has(.check[data-mode=another]){grid-template-rows:var(--header-h) auto minmax(220px,1fr) auto auto}}@media(min-width:1200px),(min-width:1024px)and (orientation:landscape){.app:has(.check[data-mode=another]){grid-template-rows:var(--header-h) minmax(220px,1fr) auto auto}}
