.chip{border:1px solid var(--line);background:var(--paper);font-size:var(--fs-caption);border-radius:12px;flex-direction:column;gap:.1rem;padding:.5rem .9rem;display:inline-flex;box-shadow:0 8px 24px #1e24461a}.chip-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:var(--fs-micro)}.chip-amount{color:var(--ink);font-weight:700;font-size:var(--fs-h3)}.chip-sub{color:var(--muted)}.qualifier{color:var(--muted);font-size:var(--fs-micro);display:block}.money-out{color:var(--money-out)}.money-in{color:var(--money-in)}.btn{font:inherit;font-size:var(--fs-body);border:1px solid var(--accent);background:var(--paper);color:var(--accent);cursor:pointer;border-radius:999px;padding:.55rem 1.2rem;text-decoration:none;display:inline-block}.btn:hover{background:var(--accent-tint);color:var(--accent-ink)}.btn-primary{background:var(--accent);color:var(--paper)}.btn-primary:hover{background:var(--accent-ink);color:var(--paper)}.btn[aria-pressed=true]{background:var(--accent-tint);color:var(--accent-ink);font-weight:700}.ctl{margin-top:.75rem;display:block}.ctl-note{color:var(--muted);font-size:var(--fs-micro);margin-top:.4rem;display:block}.seg{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{font:inherit;font-size:var(--fs-caption);background:var(--paper);color:var(--muted);cursor:pointer;border:0;min-height:44px;padding:.4rem 1rem}.seg button[aria-pressed=true]{background:var(--accent);color:var(--paper);font-weight:700}.slider-label{font-size:var(--fs-caption);color:var(--muted);display:block}.slider-label input[type=range]{width:min(100%,22rem);accent-color:var(--accent);margin-top:.35rem;display:block}.slider-out{font-size:var(--fs-caption);margin-top:.35rem;display:block}.stage-visual.v-buka,.stage-visual.v-scan,.stage-visual.v-otor,.stage-visual.v-ding,.stage-visual.v-setel,.stage-visual.v-biaya,.stage-visual.v-jurang{padding:0;display:block}.v-buka>*,.v-scan>*,.v-otor>*,.v-ding>*,.v-setel>*,.v-biaya>*,.v-jurang>*{position:absolute}.buka-nota{width:min(46vw,340px);transform:translate(-50%, -50%) rotate(-7deg) scale(calc(1 - var(--nota,0) * .45)) translateY(calc(var(--nota,0) * -6vh));filter:var(--shadow-object);top:30%;left:50%}.buka-nota .nota{width:100%}.prop{filter:var(--shadow-object)}.prop img{width:100%;height:auto;display:block}.nota-photo{margin:0;position:relative;container-type:inline-size}.nota-photo img{width:100%;height:auto;display:block}.nota-bukan{color:var(--money-out);letter-spacing:.08em;white-space:nowrap;background:#fbf8f19e;padding:0 .5em;font-size:4.2cqw;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.stand-qr{aspect-ratio:1;width:47%;display:block;position:absolute;top:22%;left:27%;transform:rotate(4deg)}.stand-qr .qr-dummy{width:100%;height:100%;display:block}.buka-kopi{width:min(34vw,240px);opacity:var(--kopi,0);transform:translateY(calc((1 - var(--kopi,0)) * 48px));bottom:12%;left:8%}.buka-kopi img{width:100%;height:auto}.buka-standee{width:min(20vw,130px);opacity:var(--standee,0);transform:translateY(calc((1 - var(--standee,0)) * 48px));bottom:16%;right:10%}.buka-standee>img{width:100%;height:auto;display:block}.buka-ponsel{width:min(28vw,180px);opacity:var(--ponsel,0);transform:translateY(calc((1 - var(--ponsel,0)) * 48px)) rotate(6deg);bottom:8%;right:28%}.buka-ponsel img{width:100%;height:auto}.buka-chip{transform:translateX(-50%) translateY(calc((1 - var(--chip,0)) * 24px));opacity:var(--chip,0);text-align:center;bottom:6%;left:50%}.scan-stage{inset:0}.scan-standee{width:min(26vw,180px);filter:var(--shadow-object);position:absolute;top:50%;right:12%;transform:translateY(-58%)}.scan-standee>img{width:100%;height:auto;display:block}.scan-qr{aspect-ratio:1;border:2px solid var(--line);background:var(--paper);border-radius:6px;width:47%;position:absolute;top:22%;left:27%;transform:rotate(4deg)}.scan-qr .qr-dummy{width:100%;height:100%;display:block}.qr-chip{background:var(--money-out);color:var(--paper);font-size:var(--fs-micro);letter-spacing:.08em;border-radius:999px;padding:.1rem .5rem;font-weight:700;position:absolute;top:6px;right:6px}.scan-line{left:4%;right:4%;top:calc(var(--scan,0) * 94%);background:var(--accent-hi);height:3px;box-shadow:0 0 12px var(--accent-hi);border-radius:2px;position:absolute}.v-scan[data-lit=true] .scan-qr{border-color:var(--accent);outline:3px solid var(--accent-tint)}.scan-ponsel{width:min(26vw,150px);transform:translateY(-50%) translateX(calc((1 - var(--phone-in,0)) * -60px)) rotate(-4deg);opacity:var(--phone-in,0);filter:var(--shadow-object);position:absolute;top:50%;left:10%}.scan-ponsel>img{width:100%;height:auto;display:block}.ponsel-screen{background:var(--paper);border-radius:8%;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1rem .5rem;display:flex;position:absolute;inset:2.5% 4%}.pad-label{color:var(--muted);font-size:var(--fs-micro);opacity:var(--pad,0)}.pad-amount{color:var(--ink);font-size:var(--fs-h3);opacity:var(--pad,0);transform:translateY(calc((1 - var(--pad,0)) * 12px));font-weight:700}.pin-row{gap:.5rem;display:flex}.pin-dot{border:2px solid var(--accent);background:0 0;border-radius:50%;width:12px;height:12px}.v-scan[data-pin="1"] .pin-dot:nth-child(-n+1),.v-scan[data-pin="2"] .pin-dot:nth-child(-n+2),.v-scan[data-pin="3"] .pin-dot:nth-child(-n+3),.v-scan[data-pin="4"] .pin-dot:nth-child(-n+4),.v-scan[data-pin="5"] .pin-dot:nth-child(-n+5),.v-scan[data-pin="6"] .pin-dot:nth-child(-n+6){background:var(--accent)}.scan-tlv{width:min(92%,30rem);bottom:4%;left:50%;transform:translate(-50%)}.tlv-label{color:var(--muted);font-size:var(--fs-micro);margin:0 0 .3rem}.tlv-list{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tlv-list li{border:1px solid var(--line);background:var(--paper);font-size:var(--fs-caption);opacity:.35;border-radius:8px;align-items:baseline;gap:.4rem;padding:.3rem .6rem;display:flex}.tlv-id{color:var(--muted)}.tlv-key{color:var(--ink-body)}.tlv-val{color:var(--ink);font-weight:700}.v-scan[data-field="0"] .tlv-list li[data-field-i="0"],.v-scan[data-field="1"] .tlv-list li[data-field-i="0"],.v-scan[data-field="1"] .tlv-list li[data-field-i="1"],.v-scan[data-field="2"] .tlv-list li[data-field-i="0"],.v-scan[data-field="2"] .tlv-list li[data-field-i="1"],.v-scan[data-field="2"] .tlv-list li[data-field-i="2"],.v-scan[data-field="3"] .tlv-list li[data-field-i="0"],.v-scan[data-field="3"] .tlv-list li[data-field-i="1"],.v-scan[data-field="3"] .tlv-list li[data-field-i="2"],.v-scan[data-field="3"] .tlv-list li[data-field-i="3"],.v-scan[data-field="4"] .tlv-list li{opacity:1}.v-scan[data-field="0"] .tlv-list li[data-field-i="0"],.v-scan[data-field="1"] .tlv-list li[data-field-i="1"],.v-scan[data-field="2"] .tlv-list li[data-field-i="2"],.v-scan[data-field="3"] .tlv-list li[data-field-i="3"],.v-scan[data-field="4"] .tlv-list li[data-field-i="4"]{border-color:var(--accent);background:var(--accent-tint)}.tlv-noamount{color:var(--money-out);font-weight:700;font-size:var(--fs-caption);opacity:var(--noamount,0);margin:.5rem 0 0}.route{height:128px;top:18%;left:6%;right:6%}.route-track{background:var(--track);height:3px;position:absolute;top:64px;left:5%;right:5%}.route-packet{background:var(--accent);width:18px;height:18px;transform:translateX(calc(var(--pkt,0) * (min(88vw, 900px))));border-radius:6px;position:absolute;top:57px;left:5%}.route-nodes{justify-content:space-between;margin:0;padding:0 5%;list-style:none;display:flex;position:relative}.route-node{text-align:center;max-width:9rem;font-size:var(--fs-caption);color:var(--ink-body);flex-direction:column;align-items:center;gap:.4rem;display:flex}.route-dot{border:3px solid var(--accent);background:var(--paper);border-radius:50%;width:16px;height:16px}.route-thumb{object-fit:contain;width:56px;height:auto;max-height:48px;filter:var(--shadow-object);border-radius:6px}.v-otor[data-route=onus] .route-node.mid{display:none}.checklist{max-width:20rem;top:46%;left:6%}.check-title{color:var(--muted);font-size:var(--fs-micro);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .3rem}.checklist ol{margin:0;padding:0;list-style:none}.checklist li{border-left:3px solid var(--line);color:var(--muted);font-size:var(--fs-caption);margin-bottom:.3rem;padding:.35rem .6rem}.v-otor[data-checks="1"] .checklist li:nth-child(-n+1),.v-otor[data-checks="2"] .checklist li:nth-child(-n+2),.v-otor[data-checks="3"] .checklist li:nth-child(-n+3),.v-otor[data-checks="4"] .checklist li,.v-otor[data-checks="4"] .checklist li{border-left-color:var(--money-in);color:var(--ink)}.v-otor .ledger{min-width:16rem;bottom:10%;right:6%}.ledger{border-top:2px solid var(--ink);background:var(--paper);font-size:var(--fs-body);flex-direction:column;gap:.4rem;padding:.8rem 1rem;display:flex}.ledger-row{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.ledger-row .num{font-weight:700}.ledger-note{color:var(--muted);font-size:var(--fs-micro)}.ledger-out .num{color:var(--muted)}.v-otor[data-cut=true] .ledger-out .num{color:var(--money-out)}.ting-word{color:var(--accent);letter-spacing:-.02em;opacity:0;margin:0;font-size:clamp(3rem,10vw,7rem);font-weight:700;top:16%;left:50%;transform:translate(-50%)scale(.6)}.v-ding[data-ting=true] .ting-word{opacity:1;transition:opacity var(--dur-flash) var(--ease-pop), transform var(--dur-flash) var(--ease-pop);transform:translate(-50%)scale(1)}.soundbox{width:min(30vw,180px);filter:var(--shadow-object);top:46%;left:50%;transform:translate(-50%,-50%)}.soundbox>img{width:100%;height:auto;display:block}.soundbox .ring{border:2px solid var(--accent-hi);opacity:0;border-radius:50%;width:60px;height:60px;position:absolute;top:52%;left:27%;transform:translate(-50%,-50%)scale(1)}.v-ding .ring.r1{transform:translate(-50%, -50%) scale(calc(1 + var(--rings,0) * 1.4));opacity:calc(var(--rings,0) * (1 - var(--rings,0)) * 4)}.v-ding .ring.r2{transform:translate(-50%, -50%) scale(calc(1 + var(--rings,0) * 2.2));opacity:calc(var(--rings,0) * (1 - var(--rings,0)) * 3)}.v-ding .ring.r3{transform:translate(-50%, -50%) scale(calc(1 + var(--rings,0) * 3));opacity:calc(var(--rings,0) * (1 - var(--rings,0)) * 2)}.bubble{transform:translateX(-50%) translateY(calc((1 - var(--bubble,0)) * 16px));border:1px solid var(--line);background:var(--paper);max-width:26rem;color:var(--ink);font-size:var(--fs-body);text-align:center;opacity:var(--bubble,0);border-radius:16px 16px 16px 4px;margin:0;padding:.6rem 1rem;top:66%;left:50%}.ding-chips{opacity:var(--chips,0);gap:.8rem;display:flex;bottom:6%;left:50%;transform:translate(-50%)}.chip-in .chip-amount{color:var(--money-in)}.chip-bank{opacity:.85}.chip-bank .chip-amount{color:var(--muted)}.rail{height:134px;top:16%;left:6%;right:6%}.rail-line{background:var(--track);height:3px;position:absolute;top:58px;left:4%;right:4%}.rail-marker{top:50px;left:calc(4% + var(--m,0) * 30.6667%);background:var(--accent);border-radius:50%;width:20px;height:20px;position:absolute;transform:translate(-50%)}.rail-stations{justify-content:space-between;margin:0;padding:0 4%;list-style:none;display:flex;position:relative}.rail-station{text-align:center;max-width:8.5rem;font-size:var(--fs-caption);color:var(--ink-body);flex-direction:column;align-items:center;gap:.4rem;display:flex}.rail-dot{border:3px solid var(--accent-hi);background:var(--paper);border-radius:50%;width:16px;height:16px}.rail-thumb{object-fit:contain;width:auto;max-width:64px;height:auto;max-height:44px;filter:var(--shadow-object);border-radius:6px}.v-setel[data-station="0"] .rail-station[data-i="0"] .rail-dot,.v-setel[data-station="1"] .rail-station[data-i="1"] .rail-dot,.v-setel[data-station="2"] .rail-station[data-i="2"] .rail-dot,.v-setel[data-station="3"] .rail-station[data-i="3"] .rail-dot{background:var(--accent);border-color:var(--accent)}.rail-label-lain{color:var(--accent);font-weight:700;display:none}.v-setel[data-bank=lain] .rail-label-asal{display:none}.v-setel[data-bank=lain] .rail-label-lain{display:inline}.setel-nota{width:min(30vw,200px);filter:var(--shadow-object);top:42%;right:8%}.setel-nota .nota{width:100%}.stamp{border:3px solid var(--money-out);color:var(--money-out);font-weight:700;font-size:var(--fs-h3);letter-spacing:.12em;background:#fbf8f1b8;border-radius:6px;padding:.2rem .8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.stamp-lunas{border-color:var(--money-in);color:var(--money-in);display:none}.v-setel[data-stamp=lunas] .stamp-utang{display:none}.v-setel[data-stamp=lunas] .stamp-lunas{display:block}.netting{width:min(40vw,300px);height:140px;top:44%;left:8%}.net-dot{background:var(--accent-hi);width:7px;height:7px;transform:translate(calc(var(--tx) * (1 - var(--net,0)) * 130px), calc(var(--ty) * (1 - var(--net,0)) * 60px));opacity:calc(1 - var(--net,0) * .9);border-radius:50%;position:absolute;top:50%;left:50%}.net-arrow{width:120px;transform:translate(-50%, -50%) scaleX(calc(.2 + var(--net,0) * .8));opacity:var(--net,0);position:absolute;top:50%;left:50%}.netting-note{max-width:22rem;color:var(--muted);font-size:var(--fs-caption);margin:0;top:calc(44% + 150px);left:8%}.pten-chip{max-width:26rem;opacity:var(--pten,0);bottom:9%;left:50%;transform:translate(-50%)}.scrubber{gap:.5rem;margin:0;padding:0;list-style:none;display:flex;bottom:3%;left:50%;transform:translate(-50%)}.scrub-dot{border:2px solid var(--accent);border-radius:50%;width:10px;height:10px}.v-setel[data-station="0"] .scrub-dot[data-i="0"],.v-setel[data-station="1"] .scrub-dot[data-i="1"],.v-setel[data-station="2"] .scrub-dot[data-i="2"],.v-setel[data-station="3"] .scrub-dot[data-i="3"]{background:var(--accent)}.typeline{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);background:var(--paper);min-width:min(88vw,24rem);font-size:var(--fs-h3);padding:1rem 1.25rem;top:24%;left:50%;transform:translate(-50%)}.type-row{justify-content:space-between;gap:2rem;padding-block:.15rem;display:flex}.type-label{color:var(--ink-body)}.type-val{font-weight:700}.type-row.r1{opacity:var(--r1,0)}.type-row.r2{opacity:var(--r2,0)}.type-row.r3{opacity:var(--r3,0)}.plate{text-align:center;width:min(36vw,190px);opacity:var(--plate,0);top:56%;left:50%;transform:translate(-50%)}.plate svg{width:100%;height:auto}.plate-note{color:var(--muted);font-size:var(--fs-micro);display:block}.ghost-row{max-width:30rem;color:var(--muted);font-size:var(--fs-caption);text-align:center;opacity:calc(var(--ghost,0) * .8);margin:0;font-style:italic;bottom:6%;left:50%;transform:translate(-50%)}.jurang-total{align-items:center;gap:.6rem;display:flex;top:6%;left:50%;transform:translate(-50%)}.chip-cake{opacity:var(--cake,0);transform:translateY(calc((1 - var(--cake,0)) * -16px));flex-direction:row;align-items:baseline;gap:.4rem}.total-after{color:var(--accent);display:none}.v-jurang[data-cake=in] .total-before{display:none}.v-jurang[data-cake=in] .total-after{display:inline}.cliff{width:min(56vw,420px);margin:0;top:22%;left:6%}.cliff svg{width:100%;height:auto}.cliff-path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--cliff,0))}.v-jurang[data-cliffside=paid] .cliff-path{stroke:var(--money-out)}.coins{align-items:flex-end;gap:.5rem;display:flex;top:26%;right:8%}.jurang-koin{width:min(34vw,240px);opacity:calc(var(--coins,0) * .95);top:calc(26% + 64px);right:8%}.coin{border:2px solid var(--ink);background:var(--paper-band);width:52px;height:52px;color:var(--ink);font-size:var(--fs-micro);opacity:0;border-radius:50%;place-items:center;font-weight:700;display:grid;transform:translateY(-30px)}.chip-sisa{border-style:dashed;border-radius:10px}.coin:first-child{opacity:min(1, max(0, var(--coins,0) * 3));transform:translateY(calc((1 - min(1, var(--coins,0) * 3)) * -30px))}.coin:nth-child(2){opacity:min(1, max(0, var(--coins,0) * 3 - 1));transform:translateY(calc((1 - min(1, max(0, var(--coins,0) * 3 - 1))) * -30px))}.coin:nth-child(3){opacity:min(1, max(0, var(--coins,0) * 3 - 2));transform:translateY(calc((1 - min(1, max(0, var(--coins,0) * 3 - 2))) * -30px))}.chip-sisa{opacity:min(1, max(0, var(--coins,0) * 3 - 2))}.donut-wrap{max-width:24rem;opacity:var(--donut,0);bottom:8%;left:6%}.donut{width:120px;height:120px;transform:rotate(-90deg)}.cap-perkiraan{border:3px solid var(--money-out);color:var(--money-out);font-weight:700;font-size:var(--fs-body);letter-spacing:.14em;vertical-align:middle;border-radius:6px;margin-left:.5rem;padding:.15rem .6rem;display:inline-block;transform:rotate(-6deg)}.donut-legend{font-size:var(--fs-caption);margin:.6rem 0 0;padding:0;list-style:none}.donut-legend li{align-items:center;gap:.5rem;padding-block:.1rem;display:flex}.donut-legend .num{margin-left:auto;font-weight:700}.legend-swatch{border-radius:3px;flex:none;width:12px;height:12px}.loss-zone{border-left:3px solid var(--money-out);max-width:20rem;color:var(--ink-body);font-size:var(--fs-caption);opacity:var(--loss,0);margin:0;padding:.6rem .9rem;bottom:12%;right:8%}.jurang-end{color:var(--ink);font-size:var(--fs-h2);opacity:var(--loss,0);margin:0;bottom:2%;left:50%;transform:translate(-50%)}.tutup{padding:clamp(3rem, 10vh, 6rem) var(--gutter);text-align:center}.tutup h2,.tutup p{margin-inline:auto}.tutup-links{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}@media (width<=720px){.scan-tlv{bottom:2%}.checklist{top:40%}.v-otor .ledger{min-width:0;bottom:6%;left:4%;right:4%}.cliff{width:88vw;top:20%;left:6%}.coins{top:auto;bottom:30%;right:6%}.donut-wrap{max-width:88vw;bottom:4%;left:6%}.loss-zone{max-width:60vw;bottom:34%;right:6%}.jurang-end{font-size:var(--fs-h3)}.netting{width:60vw}.setel-nota{width:34vw}.route-thumb{width:40px;max-height:34px}.rail-thumb{max-width:44px;max-height:32px}.jurang-koin{width:46vw;top:auto;bottom:calc(30% - 46px);right:6%}}@media print{.tutup-links .btn{color:#000;background:0 0;border-color:#000}}