@property --o{syntax:"<number>";inherits:false;initial-value:0}@property --cafe-scale{syntax:"<number>";inherits:false;initial-value:1}@property --cafe-fade{syntax:"<number>";inherits:false;initial-value:1}@property --ticket-in{syntax:"<number>";inherits:false;initial-value:0}@property --balance-in{syntax:"<number>";inherits:false;initial-value:0}@property --receipt-in{syntax:"<number>";inherits:false;initial-value:0}@property --notification-in{syntax:"<number>";inherits:false;initial-value:0}@property --scan-paper{syntax:"<number>";inherits:false;initial-value:1}@property --tlv-in{syntax:"<number>";inherits:false;initial-value:1}@property --settle-in{syntax:"<number>";inherits:false;initial-value:1}@property --net-collapse{syntax:"<number>";inherits:false;initial-value:0}@property --plate-in{syntax:"<number>";inherits:false;initial-value:0}@property --ghost-in{syntax:"<number>";inherits:false;initial-value:1}@property --cake-in{syntax:"<number>";inherits:false;initial-value:0}@property --split-in{syntax:"<number>";inherits:false;initial-value:1}@property --chart-in{syntax:"<number>";inherits:false;initial-value:1}@property --marker-in{syntax:"<number>";inherits:false;initial-value:1}@property --packet-x{syntax:"<length>";inherits:false;initial-value:0}@property --packet-y{syntax:"<length>";inherits:false;initial-value:0}@property --track-y{syntax:"<length-percentage>";inherits:false;initial-value:60%}@property --node-in{syntax:"<number>";inherits:false;initial-value:1}@property --phone-opacity{syntax:"<number>";inherits:false;initial-value:0}@property --phone-y{syntax:"<length>";inherits:false;initial-value:0}@property --phone-s{syntax:"<number>";inherits:false;initial-value:1}@property --note-s{syntax:"<number>";inherits:false;initial-value:1}@property --note-r{syntax:"<angle>";inherits:false;initial-value:-4deg}@property --note-o{syntax:"<number>";inherits:false;initial-value:1}@property --slot-t{syntax:"<number>";inherits:false;initial-value:.5}@property --row-in{syntax:"<number>";inherits:false;initial-value:0}@property --journey-p{syntax:"<number>";inherits:false;initial-value:0}.stage{display:none}.story .chapter{padding:clamp(calc(2 * var(--stage-rem)),7vh,calc(4 * var(--stage-rem))) var(--gutter);border-top:1px solid var(--line);position:relative}.story .chapter-copy,.story .still{max-width:var(--measure);margin-inline-start:auto;margin-inline-end:auto}.chapter-copy.hero h1{font-size:var(--fs-h1);line-height:.94}.chapter-body{margin-block-start:24px;margin-block-end:24px}.step{margin:0 0 .8em}.still{margin-block-start:24px;margin-block-end:24px}.still-media{height:440px;position:relative;container:stage/size}.still-data{font-size:calc(.875 * var(--stage-rem));color:var(--muted);margin-top:24px;line-height:1.6}.toc{font-size:calc(.875 * var(--stage-rem));flex-wrap:wrap;align-items:start;gap:10px 20px;margin-block-start:12px;margin-block-end:12px;display:flex}.toc details{border:0;padding:0}.toc summary{min-height:44px}.toc>a{padding-block-start:10px;padding-block-end:10px}.toc ol{padding-left:20px}.toc li{padding:4px}.pill{display:none}.scene{position:absolute;top:0;bottom:0;left:0;right:0;container:scene/size}.scene p{max-width:none}.scene picture{display:block}.prop-image{object-fit:contain;width:100%;height:100%;filter:var(--shadow-object);display:block}.money-note{width:100%;min-width:240px;position:relative;transform:rotate(-7deg)}.money-note .note-amount{font-size:clamp(calc(1 * var(--stage-rem)),4.5cqw,calc(2.25 * var(--stage-rem)));color:var(--ink);background:#fbf8f1dd;border-radius:2px;padding:0 4px;font-weight:700;position:absolute;top:30%;right:9%}.note-specimen{letter-spacing:.12em;font-weight:800;font-size:clamp(calc(.875 * var(--stage-rem)),4cqw,calc(1.75 * var(--stage-rem)));color:var(--money-out);background:#fbf8f1c9;padding:1px 4px;position:absolute;top:20%;left:6%;transform:rotate(-8deg)}.note-caption{font-size:calc(.75 * var(--stage-rem));text-align:center;color:var(--muted);margin-top:8px;line-height:1.4;display:block}.cafe-prop{text-align:center;width:75%;height:52%;position:absolute;top:0;left:8%}.cafe-prop picture{height:90%}.cafe-prop>span{font-size:calc(.875 * var(--stage-rem));font-weight:600}.order-ticket{background:var(--paper);border-left:2px solid var(--accent);width:54%;font-size:calc(.875 * var(--stage-rem));gap:2px;padding:12px 14px;display:grid;position:absolute;bottom:3%;left:2%}.order-ticket strong{font-size:clamp(calc(1.5 * var(--stage-rem)),5cqw,calc(2.5 * var(--stage-rem)));line-height:1.2}.shared-actors{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.actor-note{width:72%;transform:translateY(calc(var(--note-y,0) * 1px)) rotate(calc(var(--note-rotate,0) * 1deg));opacity:var(--note-opacity,1);transition:opacity .2s;position:absolute;top:48%;left:12%}.actor-phone{opacity:0;width:32%;height:82%;transform:translateY(calc(var(--phone-y,0) * 1px));position:absolute;top:6%;left:5%}.story-phone{width:100%;height:100%;position:relative}.story-phone>picture{height:100%}.phone-screen{font-size:calc(.75 * var(--stage-rem));text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px 4px;display:flex;position:absolute;top:10%;bottom:9%;left:20%;right:20%;overflow:hidden}.phone-screen .qr-dummy{flex-shrink:1;width:70%;max-height:32%}.phone-screen strong{font-size:clamp(calc(.8125 * var(--stage-rem)),3cqw,calc(1.5 * var(--stage-rem)));white-space:nowrap}.pin-dots{gap:6px;display:flex}.pin-dots i{border:1px solid var(--accent);background:var(--accent);width:6px;height:6px;opacity:var(--pin-opacity,1);border-radius:50%;display:block}.scan-stand{aspect-ratio:419/653;width:clamp(96px,21%,180px);height:auto;position:absolute;top:5%;left:30%}.scan-stand>picture,.scan-stand>picture>img{width:100%;height:auto}.stand-code{left:var(--code-x);top:var(--code-y);width:var(--code-w);text-align:center;position:absolute}.stand-code .qr-dummy{aspect-ratio:1;width:100%;height:auto;display:block}.stand-code span{width:114.286%;font-size:calc(.75 * var(--stage-rem));color:var(--accent);background:var(--paper);font-weight:700;display:block;position:relative;left:-17.619%}.tlv{width:46%;font-size:calc(.8125 * var(--stage-rem));background:var(--paper);border-block:1px solid var(--line-strong);padding:10px;line-height:1.4;position:absolute;top:12%;right:0}.tlv>p{font-size:calc(.875 * var(--stage-rem));margin:0 0 10px;font-weight:600}.tlv dl{margin:0}.tlv dl>div{opacity:calc(.6 + var(--scan-progress,1) * .4);margin-bottom:8px}.tlv dt{color:var(--muted);font-size:calc(.75 * var(--stage-rem))}.tlv dd{overflow-wrap:anywhere;margin:0;font-weight:550}.tlv>strong{font-size:calc(.875 * var(--stage-rem))}.route{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:38%;display:grid;position:absolute;top:4%;left:2%;right:2%}.route-node{text-align:center;grid-template-rows:minmax(50px,1fr) 16px auto;place-items:center;gap:4px;min-width:0;min-height:0;display:grid}.node-image{width:100%;height:100%;max-height:120px}.node-image picture{height:100%}.node-dot{border:2px solid var(--accent);background:var(--paper);border-radius:50%;width:12px;height:12px;position:relative}.node-label{font-size:calc(.8125 * var(--stage-rem));min-height:2.7em;line-height:1.35}.route-track{background:var(--track-strong);height:3px;left:12%;right:12%;top:var(--track-y,60%);position:absolute}.route-packet{border:1px solid var(--accent);background:var(--accent-tint);color:var(--accent-ink);font-size:calc(.8125 * var(--stage-rem));white-space:nowrap;border-radius:4px;max-width:80%;padding:6px 9px;font-weight:600;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.checklist{width:48%;font-size:calc(.9375 * var(--stage-rem));position:absolute;top:49%;left:4%}.checklist ul{margin:12px 0;padding:0;list-style:none}.checklist li{opacity:calc(.55 + var(--checks,1)*.45);margin:6px 0}.checklist small{font-size:calc(.75 * var(--stage-rem));color:var(--muted);line-height:1.4;display:block}.balance-card{border-block:1px solid var(--line-strong);width:43%;font-size:calc(.875 * var(--stage-rem));padding:12px 0;display:grid;position:absolute;top:51%;right:2%}.balance-card strong{font-size:clamp(calc(1.125 * var(--stage-rem)),4cqw,calc(1.75 * var(--stage-rem)));margin:3px 0 14px;line-height:1.3}.soundbox-prop{width:46%;height:60%;position:absolute;top:10%;left:3%}.soundbox-prop picture{height:100%}.sound-rings{width:1px;height:1px;position:absolute;top:37%;left:24%}.sound-rings i{border:1px solid var(--accent-hi);width:180px;height:180px;transform:translate(-50%,-50%) scale(var(--ring,1));opacity:.3;border-radius:50%;position:absolute}.sound-rings i:nth-child(2){width:240px;height:240px}.sound-rings i:nth-child(3){width:300px;height:300px}.merchant-receipt{width:34%;height:59%;position:absolute;top:8%;right:6%;transform:rotate(5deg)}.merchant-receipt>picture{height:100%}.merchant-receipt>div{text-align:center;font-size:calc(.75 * var(--stage-rem));flex-direction:column;gap:12px;display:flex;position:absolute;top:20%;bottom:16%;left:15%;right:15%}.notification{background:var(--paper);border-block:1px solid var(--line-strong);font-size:calc(.875 * var(--stage-rem));padding:12px;position:absolute;bottom:3%;left:6%;right:6%}.notification p{justify-content:space-between;gap:12px;margin:4px 0;line-height:1.4;display:flex}.notification strong{font-size:calc(1 * var(--stage-rem))}.netting-prop{text-align:center;width:36%;height:38%;position:absolute;top:47%;left:0}.netting-prop picture{height:88%}.netting-prop span{font-size:calc(.75 * var(--stage-rem))}.pten-fact{width:58%;font-size:calc(.8125 * var(--stage-rem));border-block:1px solid var(--line-strong);gap:3px;padding:12px 0;display:grid;position:absolute;top:45%;right:0}.pten-fact strong{font-size:clamp(calc(1.125 * var(--stage-rem)),4.3cqw,calc(2 * var(--stage-rem)));line-height:1.25}.pten-fact strong[data-rp]{font-size:clamp(calc(1 * var(--stage-rem)),3.6cqw,calc(1.75 * var(--stage-rem)))}.settlement-recap{font-size:calc(.75 * var(--stage-rem));background:var(--paper);border-left:2px solid var(--accent);gap:4px;padding:10px;line-height:1.4;display:grid;position:absolute;bottom:0;left:0;right:0}.ledger{border-block:1px solid var(--line-strong);background:var(--paper);width:94%;padding:12px;position:absolute;top:3%;left:2%}.ledger>div{border-bottom:1px solid var(--line);font-size:calc(.9375 * var(--stage-rem));justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.ledger strong{font-size:clamp(calc(1.375 * var(--stage-rem)),5cqw,calc(2.25 * var(--stage-rem)));line-height:1.15}.old-ledger{font-size:calc(.8125 * var(--stage-rem));color:var(--muted);margin:12px 0 0;line-height:1.5}.empty-plate{text-align:center;width:50%;height:35%;position:absolute;bottom:0;left:25%}.empty-plate>picture{height:85%}.empty-plate>strong{font-size:calc(1.75 * var(--stage-rem));position:absolute;top:30%;left:0;right:0}.empty-plate>span{font-size:calc(.8125 * var(--stage-rem));display:block}.stage .ledger>div[data-current]{background:var(--accent-tint)}.jurang-beat{opacity:0;visibility:hidden;transition:opacity .2s;position:absolute;top:0;bottom:15%;left:0;right:0}.jurang-beat[data-current]{opacity:1;visibility:visible}.cake-beat{text-align:center;padding-top:8%}.cake-beat>picture{height:75%}.cake-beat p{font-size:calc(1.125 * var(--stage-rem))}.total-ticket{border-top:1px solid var(--line-strong);font-size:calc(1 * var(--stage-rem));flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding-top:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.total-ticket>strong{font-size:clamp(calc(1.625 * var(--stage-rem)),6cqw,calc(2.625 * var(--stage-rem)))}.total-ticket>small{font-size:calc(.8125 * var(--stage-rem));text-align:center;width:100%}.cliff-chart{border-bottom:1px solid var(--line-strong);height:60%;position:relative}.cliff-chart svg{width:100%;height:100%}.chart-axis{fill:none;stroke:var(--line-strong);stroke-width:2px}.chart-line{fill:none;stroke:var(--accent);stroke-width:5px;stroke-dasharray:700;stroke-dashoffset:calc(700*(1 - var(--chart,1)))}.cliff-marker{border:3px solid var(--paper);background:var(--accent);width:16px;height:16px;left:var(--marker-x,80%);bottom:var(--marker-y,60%);border-radius:50%;position:absolute}.chart-labels{font-size:calc(.8125 * var(--stage-rem));justify-content:space-between;gap:16px;margin-top:12px;display:flex}.loss-note{font-size:calc(.875 * var(--stage-rem));margin-top:14px}.split-beat{padding-top:3%}.split-layout{grid-template-columns:36% 1fr;align-items:center;gap:16px;display:grid}.donut{aspect-ratio:1;background:conic-gradient(#33438c 0 39%,#6f7fc4 39% 76%,#9aa6d9 76% 94%,#1f2958 94% 98%,#c9cfeb 98%);border-radius:50%;place-items:center;display:grid;position:relative}.donut:before{content:"";background:var(--paper);border-radius:50%;position:absolute;top:22%;bottom:22%;left:22%;right:22%}.donut strong{font-size:clamp(calc(1.125 * var(--stage-rem)),3cqw,calc(2 * var(--stage-rem)));position:relative}.split-legend{margin:0;padding:0;list-style:none}.split-legend li{border-bottom:1px solid var(--line);font-size:calc(.8125 * var(--stage-rem));grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:7px 0;line-height:1.3;display:grid}.split-legend picture{width:28px;height:28px}.split-legend small{color:var(--muted);font-size:calc(.75 * var(--stage-rem));display:block}.scene-still .still-note{width:72%;position:absolute;top:42%;left:9%}.scene-still .still-phone{width:30%;height:85%;position:absolute;top:5%;left:0}.settled-note{display:none}.scene-still.scene-jurang{min-height:850px;position:relative}.scene-still.scene-jurang .jurang-beat{visibility:visible;opacity:1;width:100%;height:330px;top:auto;bottom:auto;left:auto;right:auto}.scene-still.scene-jurang .cake-beat{display:none}.scene-still.scene-jurang .cliff-beat{top:0}.scene-still.scene-jurang .split-beat{top:400px}.scene-still.scene-jurang .total-ticket{bottom:0}.quick-values{flex-wrap:wrap;gap:6px;display:flex}.quick-values .btn{font-size:calc(.8125 * var(--stage-rem));padding:6px 10px}.slider-out{font-size:calc(.875 * var(--stage-rem))}.anchor-alias{position:absolute;top:0}.tlv{width:50%;padding:8px;line-height:1.25;top:4%}.tlv>p{margin-bottom:6px}.tlv dl>div{margin-bottom:4px}.balance-card{padding:8px 0;top:48%}.balance-card strong{margin:3px 0 8px}.actor-note{width:78%;top:43%;left:7%}.cafe-prop{height:44%}.order-ticket{width:61%;font-size:calc(.75 * var(--stage-rem));padding:6px 10px;bottom:0}.order-ticket strong{font-size:clamp(calc(1.375 * var(--stage-rem)),4.5cqw,calc(2.25 * var(--stage-rem)))}.order-ticket small{font-size:calc(.75 * var(--stage-rem))}.story .still-media{overflow:hidden}.chapter-title,.chapter-copy,.still-data{overflow-wrap:anywhere}.story-phone{aspect-ratio:461/948;height:auto}.story-phone>picture{height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.actor-phone,.scene-still .still-phone{height:auto}.phone-screen{font-size:calc(.6875 * var(--stage-rem));border-radius:8px;gap:6px;padding:8px 3px;top:7%;bottom:5%;left:8%;right:8%}.phone-screen .qr-dummy{width:65%;max-height:29%}.phone-screen .example-label{font-size:calc(.625 * var(--stage-rem))}.phone-screen strong{font-size:clamp(calc(.75 * var(--stage-rem)),2.8cqw,calc(1.375 * var(--stage-rem)))}.pin-dots{gap:4px}.split-legend li{padding-block-start:4px;padding-block-end:4px}.tlv dl>div,.checklist li{opacity:1}html[data-tier=hemat] .prop-image{filter:none}.route-packet{transform:translate(var(--packet-x,0px),var(--packet-y,0px)) translate(-50%,-50%);top:0;left:0}.tlv dl>div[data-current]{background:var(--accent-tint);outline:1px solid var(--accent-hi)}.stage .pin-dots i{background:0 0}.stage .pin-dots i[data-filled]{background:var(--accent)}.dock{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block-start:16px;margin-block-end:16px;display:flex;position:relative}.dock-source,.dock-note{font-size:calc(.8125 * var(--stage-rem));color:var(--muted);margin:0;line-height:1.4}.dock-note,.dock-slider{width:100%}.dock-slider{gap:4px;display:grid}.dock-slider>label{font-size:calc(.875 * var(--stage-rem))}.dock-drawer{position:relative}.dock-drawer .drawer-body{max-width:calc(42 * var(--stage-rem))}.drawer-body :is(p,li,dd,a),.reading-section :is(p,li,dd,dt,summary,figcaption,td,th),.source-list{overflow-wrap:anywhere}.hero-calc{font-size:calc(.9375 * var(--stage-rem));margin:4px 0}.hero-calc a{align-items:center;min-height:44px;display:inline-flex}.money-note{aspect-ratio:1074/468;min-width:0;transform:rotate(-4deg);container-type:inline-size}.money-note>picture,.money-note .prop-image{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.money-note .note-amount{max-width:57%;font-size:clamp(calc(.875 * var(--stage-rem)),8cqw,calc(2.75 * var(--stage-rem)));background:#fbf8f1e8;padding:.12em .25em;font-weight:750;line-height:1;top:20%;left:7%;right:auto}.money-note .note-specimen{max-width:57%;font-size:clamp(calc(.75 * var(--stage-rem)),5.5cqw,calc(1.875 * var(--stage-rem)));letter-spacing:.08em;white-space:nowrap;background:0 0;border:2px solid;border-radius:3px;padding:.1em .25em;line-height:1;top:69%;left:8%;transform:rotate(-5deg)}.note-stamp{white-space:nowrap;text-align:center;min-width:22%;max-width:26%;font-size:clamp(calc(.75 * var(--stage-rem)),3.6cqw,calc(1.625 * var(--stage-rem)));color:var(--money-out);border:1.5px solid;border-radius:3px;padding:.15em 0;font-weight:800;line-height:1.1;position:absolute;top:38%;right:6%;transform:rotate(-12deg)}.note-stamp[data-state=lunas]{color:var(--money-in)}.money-note .note-caption{white-space:nowrap;font-size:calc(.75 * var(--stage-rem));margin:0;line-height:1.3;position:absolute;top:calc(100% + 4px);left:0}.actor-stamp{display:none!important}.cafe-prop{opacity:1;width:90%;height:45%;top:0;left:3%}.cafe-prop>span{font-size:calc(.8125 * var(--stage-rem));position:relative}.order-ticket{z-index:2;width:97%;min-height:58px;bottom:0;left:1%}.actor-note{width:76%;min-width:0;opacity:var(--actor-opacity,1);transform:translateY(var(--actor-y,0px));top:48%;left:12%}.actor-phone{width:30%;height:auto;opacity:var(--phone-opacity,0);transform:translateY(var(--phone-y,0px)) scale(var(--phone-s,1));transform-origin:0 0;top:4%;left:2%}.phone-screen,.phone-screen .example-label,.phone-screen .pin-label,.phone-screen>span{font-size:calc(.75 * var(--stage-rem))}.phone-screen .example-label{letter-spacing:0;background:var(--paper);padding:1px;line-height:1.1}.phone-screen{gap:5px}.phone-screen>strong{font-size:clamp(calc(.75 * var(--stage-rem)),2.8cqw,calc(1.375 * var(--stage-rem)))}.stand-code span{font-size:calc(.75 * var(--stage-rem));white-space:nowrap;padding:2px 0;line-height:1.2}.tlv{width:47%;padding:6px;top:4%;right:0}.tlv dt{font-size:calc(.75 * var(--stage-rem))}.tlv dd,.tlv>p{font-size:calc(.8125 * var(--stage-rem))}.route{height:39%;top:4%;left:1%;right:1%}.route-packet{max-width:96%;font-size:calc(.75 * var(--stage-rem));padding:4px 6px;line-height:1.2}.scene-setelmen{grid-template:"rail rail"42%"money pten"1fr"recap recap"/40% 1fr;align-items:center;gap:8px 4%;height:100%;display:grid}.scene-setelmen .route{grid-area:rail;width:100%;height:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}.money-cell{grid-area:money;height:100%;min-height:60px;position:relative}.scene-setelmen .netting-prop{width:100%;height:100%;opacity:calc(1 - var(--settle-in,1));font-size:calc(.75 * var(--stage-rem));position:absolute;top:0;bottom:0;left:0;right:0}.scene-setelmen .settled-note{opacity:var(--settle-in,1);display:block;position:absolute;top:18%;left:0;right:0}.scene-setelmen .pten-fact{width:auto;max-width:100%;font-size:calc(.75 * var(--stage-rem));grid-area:pten;gap:1px;padding:5px 0;line-height:1.3;position:static}.scene-setelmen .pten-fact strong,.scene-setelmen .pten-fact strong[data-rp]{font-size:clamp(calc(1 * var(--stage-rem)),4cqw,calc(1.8125 * var(--stage-rem)))}.scene-setelmen .settlement-recap{font-size:calc(.75 * var(--stage-rem));grid-area:recap;gap:1px;padding:4px 7px;line-height:1.3;position:static}.scene-still .route-packet{top:55%;left:50%;transform:translate(-50%,-50%)}.scene-still .still-note{width:76%;top:47%;left:12%}.scene-still .settled-note{opacity:1}.scene-still .netting-prop{opacity:0}.scene-still.scene-setelmen{height:100%}.scene-still .phone-screen>*{opacity:1}.merchant-receipt{width:37%;right:4%;container-type:inline-size}.merchant-receipt>div{font-size:clamp(calc(.75 * var(--stage-rem)),7cqw,calc(1 * var(--stage-rem)));gap:8px;top:19%;bottom:17%;left:21%;right:21%}.merchant-receipt strong{font-size:clamp(calc(.75 * var(--stage-rem)),9cqw,calc(1.375 * var(--stage-rem)))}.merchant-receipt .example-label{font-size:calc(.75 * var(--stage-rem));letter-spacing:0}.cliff-beat{padding:1% 1% 0}.cliff-beat>p{font-size:calc(.8125 * var(--stage-rem));margin:0 0 8px}.cliff-chart{border:0;gap:8px;height:auto;margin:0;display:grid}.cliff-readout{font-size:calc(.8125 * var(--stage-rem));margin:0;line-height:1.4}.cliff-plot{border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);height:clamp(85px,34cqh,240px);margin:0 8px 20px 45px;position:relative}.cliff-plot svg{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.cliff-plot .chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:none;stroke-dashoffset:0;stroke-linejoin:round}.chart-grid{fill:none;stroke:var(--line-strong);stroke-width:1px}.loss-band{fill:#b8202e30}.cliff-chart[data-zone=loss] .loss-band{fill:#b8202e66}.cliff-plot .cliff-marker{left:var(--mx);top:var(--my);border:3px solid var(--accent);background:var(--paper);width:14px;height:14px;bottom:auto;transform:translate(-50%,-50%)}.cliff-chart[data-zone=loss] .cliff-marker{border-color:var(--money-out)}.tick{font-size:calc(.75 * var(--stage-rem));white-space:nowrap;line-height:1.2;position:absolute}.tick-x{top:calc(100% + 5px);transform:translate(-50%)}.tick-y{right:calc(100% + 6px);transform:translateY(-50%)}.loss-note{font-size:calc(.8125 * var(--stage-rem));margin:0}.cliff-chart[data-zone=loss] .loss-note{color:var(--money-out);font-weight:700}.split-context{font-size:calc(.8125 * var(--stage-rem));margin:0 0 8px;line-height:1.35}.estimate-label{margin:0 0 5px}.stage .jurang-beat{inset:0 0 var(--ticket-h,88px)}.stage .split-layout{align-items:start}.stage .split-beat{padding-top:0;transition:none}.tlv dl>div{grid-template-columns:max-content minmax(0,1fr);gap:4px 8px;margin-bottom:4px;display:grid}.tlv dt{white-space:nowrap}.tlv dt,.tlv dd,.tlv>p{font-size:calc(.75 * var(--stage-rem));line-height:1.25}.tlv>strong{font-size:calc(.75 * var(--stage-rem));line-height:1.25;display:block}.split-legend li{grid-template-columns:10px 1fr auto;gap:6px;padding:5px 0;line-height:1.25}.split-legend small{font-size:calc(.75 * var(--stage-rem));display:inline}.split-legend strong{font-size:calc(.8125 * var(--stage-rem))}.legend-swatch{background:var(--party,#33438c);border:1px solid var(--ink);width:10px;height:18px}[data-party=bi]{--party:var(--paper)}.donut{background:conic-gradient(#33438c 0 38.6%,var(--paper) 38.6% 39%,#6f7fc4 39% 75.6%,var(--paper) 75.6% 76%,#7e86b1 76% 93.6%,var(--paper) 93.6% 94%,#1f2958 94% 97.6%,var(--paper) 97.6% 98%,#7c88b5 98% 99.6%,var(--paper) 99.6%);border:1px solid var(--line-strong)}.safety-figure{max-width:260px;margin:24px 0}.safety-figure figcaption{font-size:calc(.8125 * var(--stage-rem));margin-top:8px}.safety-figure .prop-image,.route .prop-image{filter:drop-shadow(0 3px 4px #16130f22)}.rm-note{font-size:calc(.8125 * var(--stage-rem));display:none}html[data-rm] .rm-note{display:block}.pill details:not([open]) ol{display:none}.prop-image img{object-fit:contain;width:100%;height:100%;display:block}.buyer-phone,.netting-particles{display:none}html.story-on .stage .buyer-phone{width:28%;height:56%;display:block;position:absolute;top:6%;right:2%}html.story-on .stage .buyer-phone .phone-screen{font-size:calc(.8125 * var(--stage-rem));gap:6px;line-height:1.3}html.story-on .stage .scene-ting .merchant-receipt{width:28%;right:33%}html.story-on .stage .netting-particles{opacity:calc(1 - var(--net-collapse,0));transform:scale(calc(1 - var(--net-collapse,0)));pointer-events:none;display:block;position:absolute;top:20%;bottom:20%;left:0;right:0}.netting-particles i{border:1px solid var(--accent);background:var(--accent-tint);width:12px;height:8px;transform:translate(var(--x),var(--y));border-radius:2px;position:absolute;top:50%;left:50%}html.story-on .stage .settled-note{transform:translateY(calc((1 - var(--settle-in,1))*-4px))}html.story-on .stage [data-state=lunas]{animation:.28s cubic-bezier(.2,.7,.2,1) paid-stamp}@keyframes paid-stamp{0%{opacity:.2}to{opacity:1}}@container visual (max-height:500px){html.story-on .stage .buyer-phone{display:none}html.story-on .stage .scene-ting .merchant-receipt{width:34%;right:6%}}@container visual (max-height:360px){html.story-on .stage .scene-ting .merchant-receipt{width:100%}}@media (prefers-reduced-motion:no-preference){html.story-on[data-tier=penuh] .hero .chapter-title{animation:title-ink .42s var(--ease-enter) both}html.story-on[data-tier=penuh] .stage[data-phase="0"] .cafe-shadow picture{animation:6s ease-in-out infinite cafe-idle}}@keyframes title-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes cafe-idle{0%,to{translate:0}50%{translate:0 -3px}}.tutup .bookend .money-note{transform:none}.tutup h2{font-size:clamp(calc(2 * var(--stage-rem)),4vw,calc(3.5 * var(--stage-rem)));max-width:18ch}.tutup .tutup-links .btn-primary{min-height:48px}.tutup :is(.share-actions .btn,.tutup-links .btn:not(.btn-primary)){font-size:calc(.875 * var(--stage-rem));background:0 0;border:0;padding-inline-start:0;padding-inline-end:0;text-decoration:underline}.tutup .share-actions{border-top:1px solid var(--line);gap:4px 20px;padding-top:12px}.page>h1{border-top:3px solid var(--accent);padding-top:16px}@media (forced-colors:active){.route-track,.node-dot{forced-color-adjust:none;background:canvastext}}.scene-still.scene-setelmen{grid-template-columns:minmax(168px,48%) minmax(0,1fr)}.order-food{width:110px;height:58px;filter:var(--shadow-object);pointer-events:none;position:absolute;bottom:0;right:0}.stage .order-food{opacity:var(--ticket-in,0);width:clamp(72px,18cqw,110px);height:clamp(40px,10cqw,58px)}@container visual (max-height:220px){.order-food{display:none}}.scene-buka{grid-template:"cafe"minmax(0,1fr)"note""ticket"/100%;place-items:end center;gap:8px;display:grid}.scene-buka .cafe-prop{grid-area:cafe;align-self:stretch;width:100%;max-width:92%;height:100%;min-height:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.cafe-shadow{filter:drop-shadow(0 3px 4px #16130f22);height:calc(100% - 38px)}.scene-buka .cafe-shadow picture{height:auto;transform:scale(var(--cafe-scale,1));transform-origin:50% 100%;position:absolute;top:0;bottom:0;left:0;right:0}.scene-buka .cafe-shadow .prop-image{filter:none}.scene-buka .cafe-prop{flex-direction:column;align-items:center;display:flex}.scene-buka .cafe-shadow{width:100%;height:auto;min-height:clamp(72px,34cqh,100%);opacity:var(--cafe-fade,1);flex:1 1 0;position:relative}.scene-buka .cafe-prop>span{flex:none;line-height:1.3;display:block}html.story-on .stage[data-phase="0"] .cafe-shadow picture{will-change:transform}.scene-buka .note-slot,.scene-buka .still-note{aspect-ratio:1074/468;width:min(88%,calc(28 * var(--stage-rem)),calc((100cqh - 120px)*2.295));grid-area:note;margin-top:20px;margin-bottom:20px;position:static}.scene-buka .order-ticket{width:auto;min-width:min(100%,calc(15 * var(--stage-rem)));grid-area:ticket;justify-self:start;position:static}.shared-actors .actor-note{width:var(--rest-w,72%);transform-origin:0 0;transform:translate(var(--rest-x,12%),var(--rest-y,48%)) rotate(-4deg);opacity:var(--note-o,1);z-index:2;transition:opacity .28s cubic-bezier(.2,.7,.2,1);top:0;left:0}.shared-actors .actor-note .money-note{transform:none}.shared-actors .actor-phone{z-index:1}@container stage (max-height:450px){.shared-actors .actor-phone{width:26%;left:0}}@container stage (max-height:260px) and (min-width:480px){.shared-actors .actor-phone{width:min(26%,48.63cqh - 31.1232px)}}.story-phone{container-type:inline-size}.stage :is(.phone-screen,.phone-screen>span,.phone-screen .pin-label,.phone-screen .example-label,.order-ticket,.order-ticket small,.checklist small,.split-legend small){font-size:calc(.8125 * var(--stage-rem))}.stage .phone-screen>strong{font-size:clamp(calc(.8125 * var(--stage-rem)),15cqw,calc(1.375 * var(--stage-rem)))}.stage .merchant-receipt>div{font-size:clamp(calc(.8125 * var(--stage-rem)),7cqw,calc(1 * var(--stage-rem)))}.stage .merchant-receipt strong{font-size:clamp(calc(.8125 * var(--stage-rem)),9cqw,calc(1.375 * var(--stage-rem)))}@container (max-width:80px){.actor-phone .phone-screen>:not(.scan-viewfinder){display:none}}.money-note{min-width:min(100%,168px)}.money-note .note-specimen{max-width:60%;font-size:clamp(calc(.75 * var(--stage-rem)),6cqw,calc(1.875 * var(--stage-rem)));top:auto;bottom:12%;left:6%}.scene-setelmen .money-cell{min-width:168px}@container (max-width:199px){.money-note .note-amount,.money-note .note-stamp{display:none}}.scan-viewfinder{aspect-ratio:1;border:2px solid var(--accent);background:linear-gradient(transparent 48%,var(--accent-hi) 49% 51%,transparent 52%);border-radius:4px;flex-shrink:1;width:70%;display:block}.pin-dots i{width:7px;height:7px}.dock-source a{align-items:center;min-width:24px;min-height:24px;padding:3px 2px;display:inline-flex}.stage :is(.tlv dt,.tlv dd,.tlv>p,.tlv>strong,.node-label,.route-packet,.pten-fact,.settlement-recap,.netting-prop span,.note-caption,.tick,.example-label,.estimate-label){font-size:calc(.8125 * var(--stage-rem));line-height:1.3}.cliff-plot{margin:0 0 22px 52px;overflow:visible}[data-party=acquirer]{--party:#1f2958}[data-party=issuer]{--party:#4055b1}[data-party=switching]{--party:#7888ce}[data-party=pten]{--party:#33438c}[data-party=aspi]{--party:#586bc3}.donut{background:conic-gradient(#1f2958 0 38.6%,var(--paper) 38.6% 39%,#4055b1 39% 75.6%,var(--paper) 75.6% 76%,#7888ce 76% 93.6%,var(--paper) 93.6% 94%,#33438c 94% 97.6%,var(--paper) 97.6% 98%,#586bc3 98% 99.6%,var(--paper) 99.6%)}.legend-swatch{min-width:10px}[data-party=aspi] .legend-swatch{background:repeating-linear-gradient(135deg,transparent 0 3px,var(--paper) 3px 4px),var(--party)}html.story-on .scene-otorisasi{grid-template:"route route"minmax(88px,42%)"checks balance"minmax(0,1fr)/minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:6px 4%;display:grid}html.story-on .scene-otorisasi .route{grid-area:route;width:100%;height:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}html.story-on .scene-otorisasi .checklist{width:auto;font-size:max(calc(.8125 * var(--stage-rem)),3.4cqh);grid-area:checks;line-height:1.3;position:static}html.story-on .scene-otorisasi .checklist ul{margin:6px 0}html.story-on .scene-otorisasi .checklist li{margin:3px 0;padding:1px 0}html.story-on .scene-otorisasi .balance-card{grid-area:balance;width:auto;position:static}html.story-on .scene-setelmen{grid-template:"rail rail"minmax(80px,36%)"money pten"minmax(0,1fr)"qualifier qualifier""recap recap"/minmax(168px,48%) minmax(0,1fr)}html.story-on .scene-biaya{grid-template-rows:auto minmax(0,1fr);gap:8px;display:grid}html.story-on .scene-biaya .ledger{width:100%;position:static}html.story-on .scene-biaya .empty-plate{grid-template-rows:minmax(0,1fr) auto auto auto;place-items:center;gap:4px;width:100%;height:100%;min-height:0;display:grid;position:relative;top:auto;bottom:auto;left:auto;right:auto}html.story-on .scene-biaya .empty-plate>strong{font-size:calc(1.5 * var(--stage-rem));line-height:1.2;position:static}html.story-on .scene-biaya .empty-plate>picture{height:100%;min-height:0;max-height:100%}html.story-on .scene-biaya .empty-plate>span{position:relative}@container visual (aspect-ratio>=8/5){.scene-buka{grid-template:"cafe note"minmax(0,1fr)"cafe ticket"/minmax(0,1fr) minmax(0,1.2fr)}.scene-buka .note-slot,.scene-buka .still-note{width:min(100%,calc(28 * var(--stage-rem)),calc((100cqh - 112px)*2.295))}}@container stage (aspect-ratio>=8/5){.scene-still.scene-buka{grid-template:"cafe note"minmax(0,1fr)"cafe ticket"/minmax(0,1fr) minmax(0,1.2fr)}.scene-still.scene-buka .still-note{width:min(100%,calc(28 * var(--stage-rem)),calc((100cqh - 112px)*2.295))}}@container visual (max-height:420px){html.story-on .stage .route-packet{border-radius:50%;width:10px;height:10px;padding:0;font-size:0}html.story-on .stage .route .node-image{max-height:min(64px,20cqh);display:block}html.story-on .stage .route-node{grid-template-rows:minmax(0,1fr) 16px auto;align-content:stretch}html.story-on .scene-setelmen{grid-template:"rail rail"minmax(88px,30%)"money pten"minmax(0,1fr)"qualifier qualifier"/minmax(168px,48%) minmax(0,1fr)}html.story-on .scene-setelmen .netting-prop span{display:none}html.story-on .scene-setelmen .settled-note{width:clamp(168px,200cqh - 192px,100%);top:0;right:auto}html.story-on .scene-setelmen .money-note{transform:none}}@container visual (max-height:360px){html.story-on .scene-scan .tlv{top:0}html.story-on .scene-otorisasi{grid-template-rows:minmax(64px,40%) minmax(0,1fr)}html.story-on .scene-ting{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 4%;display:grid}html.story-on .scene-ting .soundbox-prop{grid-area:1/1/span 2;width:100%;height:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}html.story-on .scene-ting .merchant-receipt{grid-area:1/2;width:100%;height:100%;min-height:0;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}html.story-on .scene-ting .merchant-receipt>div{gap:4px;display:flex;top:22%;bottom:18%}html.story-on .scene-ting .merchant-receipt>div>span:last-child{display:none}html.story-on .scene-ting .notification{grid-area:2/2;align-self:end;width:100%;padding:4px;position:static}html.story-on .scene-ting .notification p{display:block}html.story-on .scene-ting .notification strong{font-size:calc(.875 * var(--stage-rem));display:block}html.story-on .stage .total-ticket{font-size:calc(.8125 * var(--stage-rem));padding-top:4px;display:flex}html.story-on .stage .total-ticket>strong{font-size:calc(1.375 * var(--stage-rem))}html.story-on .stage .cliff-plot{height:clamp(70px,30cqh,120px)}html.story-on .stage .split-layout{grid-template-columns:minmax(0,30%) 1fr;gap:8px}html.story-on .stage .split-legend li{padding:2px 0}html.story-on .stage .split-legend small{display:none}}@container visual (max-height:300px){html.story-on .scene-scan .tlv{--tlv-in:0;opacity:var(--tlv-in);width:70%;padding:4px;top:0}html.story-on .scene-scan .tlv>p{margin-bottom:4px}html.story-on .scene-scan .tlv dl>div{grid-template-columns:max-content minmax(0,1fr);margin-bottom:2px}html.story-on .scene-scan .tlv dt{white-space:nowrap}html.story-on .scene-biaya .ledger{padding:4px}html.story-on .scene-biaya .ledger>div{font-size:calc(.8125 * var(--stage-rem));padding:3px 0}html.story-on .scene-biaya .ledger strong{font-size:calc(1.25 * var(--stage-rem))}html.story-on .stage .route .node-image{display:none}html.story-on .scene-biaya .empty-plate{grid-template:"pic amt""pic note"/auto 1fr;align-content:center;justify-items:start;column-gap:12px;height:100%;display:grid}html.story-on .scene-biaya .empty-plate>picture{grid-area:pic;width:min(40cqh,96px);height:min(40cqh,96px);display:block}html.story-on .scene-biaya .empty-plate>strong{font-size:calc(1.25 * var(--stage-rem));grid-area:amt;align-self:end;position:static}html.story-on .scene-biaya .empty-plate>span{grid-area:note;align-self:start}html.story-on .scene-otorisasi .checklist{font-size:calc(.8125 * var(--stage-rem))}html.story-on .stage .beat-chip,html.story-on .stage .limit-bar{display:none}}@container visual (max-height:260px){html.story-on .scene-biaya .old-ledger,html.story-on .scene-ting .merchant-receipt,html.story-on .stage .total-ticket{display:none}html.story-on .scene-otorisasi .balance-card{padding-block-start:3px;padding-block-end:3px}html.story-on .scene-otorisasi .balance-card strong{font-size:calc(1 * var(--stage-rem));margin:0 0 3px}html.story-on .scene-otorisasi .checklist>strong,html.story-on .scene-setelmen .pten-fact>span:last-child{font-size:calc(.8125 * var(--stage-rem))}}@container visual (max-height:200px) and (min-width:480px){html.story-on .scene-otorisasi .checklist>strong>span{display:none}html.story-on .scene-otorisasi .checklist ul{grid-template-columns:1fr 1fr;gap:2px 8px;margin-block-start:4px;margin-block-end:4px;display:grid}html.story-on .scene-otorisasi .checklist li{margin:0;padding:0}html.story-on .scene-otorisasi .balance-card{padding-block-start:3px;padding-block-end:3px}html.story-on .scene-otorisasi .balance-card strong{margin:0 0 3px}}@container visual (max-height:200px){html.story-on .scene-setelmen .pten-fact{gap:0;padding-block-start:2px;padding-block-end:2px}html.story-on .scene-setelmen .pten-fact strong{font-size:calc(1 * var(--stage-rem));line-height:1.35}html.story-on .stage .split-layout{display:block}html.story-on .stage .donut{display:none}html.story-on .stage .split-legend{grid-template-columns:1fr 1fr;gap:2px 12px;display:grid}html.story-on .stage .split-legend li{font-size:calc(.8125 * var(--stage-rem));grid-template-columns:8px 1fr;gap:0 5px;padding:0;line-height:1.4}html.story-on .stage .split-legend strong{font-size:calc(.8125 * var(--stage-rem));grid-column:2}html.story-on .stage .estimate-label,html.story-on .stage .split-context{font-size:calc(.8125 * var(--stage-rem));margin:0 0 4px;line-height:1.3}html.story-on .stage .cliff-chart{gap:2px}html.story-on .stage .cliff-readout,html.story-on .stage .loss-note{line-height:1.2}html.story-on .stage .cliff-plot{height:70px;margin-bottom:19px}}@media screen and (min-width:560px) and (max-width:899px) and (min-height:501px) and (max-height:600px){html.story-on [data-dock=jurang]{flex-wrap:nowrap;gap:8px}html.story-on [data-dock=jurang] .dock-slider{display:contents}html.story-on [data-dock=jurang] input[type=range]{flex:0 0 160px;width:160px}html.story-on [data-dock=jurang] .quick-values .btn{padding-inline-start:6px;padding-inline-end:6px}html.story-on [data-dock=jurang] .dock-source{flex:1;min-width:0}}.rate-sheet{color:var(--ink);width:100%;max-width:none;max-height:calc(100dvh - var(--header-h,56px) - 8px);background:0 0;border:0;margin:0;padding:0;position:fixed;top:auto;bottom:0;left:0;right:0}.rate-sheet::backdrop{background:#16130f66}.sheet-body{background:var(--paper);border:1px solid var(--line-strong);padding:12px 16px calc(12px + env(safe-area-inset-bottom));max-height:inherit;border-radius:12px 12px 0 0;overflow:auto}.sheet-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sheet-header h2{font-size:calc(1.25 * var(--stage-rem));margin:0}.sheet-header form{margin:0}.sheet-close{min-width:44px;min-height:44px;color:var(--ink);font-size:calc(1.5 * var(--stage-rem));background:0 0;border:0;place-items:center;display:grid}.sheet-sub{font-size:calc(.8125 * var(--stage-rem));color:var(--muted);margin:0 0 8px}.rate-cards{gap:6px;margin:0;padding:0;list-style:none;display:grid}.rate-cards li{border-left:2px solid var(--accent);font-size:calc(.875 * var(--stage-rem));gap:1px;padding:5px 10px;line-height:1.3;display:grid}.rate-cards strong{font-size:calc(.875 * var(--stage-rem))}.sheet-note,.rate-sheet .source-note{font-size:calc(.8125 * var(--stage-rem));margin:8px 0 0;line-height:1.4}.sheet-cta{margin:4px 0 0}.sheet-cta a{align-items:center;min-height:44px;display:inline-flex}@media screen and (orientation:landscape) and (min-width:560px) and (max-height:500px){.rate-sheet{width:min(100%,calc(40 * var(--stage-rem)));top:auto;bottom:0;left:auto;right:0}.rate-cards{grid-template-columns:1fr 1fr;gap:4px}.rate-cards li{font-size:calc(.8125 * var(--stage-rem));padding:3px 6px}.rate-cards strong{font-size:calc(.8125 * var(--stage-rem))}.rate-cards li:first-child{grid-column:1/-1}.sheet-body{padding-top:6px}.sheet-note,.rate-sheet .source-note{margin-top:4px}}@media screen and (min-height:501px) and (min-width:900px){.rate-sheet{width:min(calc(40 * var(--stage-rem)),calc(100vw - 48px));height:fit-content;max-height:calc(100dvh - 96px);margin:auto;top:0;bottom:0;left:0;right:0}.sheet-body{border-radius:8px}}@media screen and (min-width:1600px) and (min-height:501px){:root{--grid-max:1680px;--copy-w:clamp(24rem,28vw,32rem)}.scene-ting .soundbox-prop{height:70%}.scene-biaya .empty-plate>picture{min-height:min(40cqh,260px)}}.dock-src[data-pinned]>summary{display:none}.dock-src[data-pinned]>.drawer-body{width:auto;max-height:none;box-shadow:none;background:0 0;border:0;padding:0;position:static;overflow:visible}.scene-qualifier{font-size:calc(.8125 * var(--stage-rem));color:var(--ink-body);margin:0;line-height:1.3}.settlement-caption{grid-area:qualifier;align-self:end}.stage .scene-otorisasi .checklist li{overflow-wrap:anywhere}@container visual (max-height:460px){html.story-on .scene-setelmen .settlement-recap{display:none}}@container visual (max-height:360px){.scene-buka{grid-template:"cafe note"minmax(0,1fr)"cafe ticket"/minmax(0,.85fr) minmax(0,1.15fr);align-items:center}.scene-buka .note-slot{width:min(100%,calc(28 * var(--stage-rem)));margin:0}.scene-buka .order-ticket{width:100%;min-width:0}.scene-buka .cafe-shadow{min-height:0}.stage .scene-ting{grid-template-rows:minmax(0,1fr) auto auto}.stage .scene-ting .sound-caption{grid-area:3/1/auto/-1;position:static}}@container visual (max-height:220px){html.story-on .scene-biaya .empty-plate>picture{display:none}}@container visual (max-height:230px){html.story-on .stage .split-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}.stage .scene-ting>.sound-caption{position:absolute;bottom:0;left:0;right:0}.stage .scene-ting .notification{bottom:42px}.stage .scene-jurang>.category-caption{position:absolute;top:0;left:0;right:0}.stage .scene-jurang .jurang-beat{top:calc(1.75 * var(--stage-rem))}.phone-merchant .name-confirm{vertical-align:middle;display:inline-flex}.name-confirm .icon{width:calc(.875 * var(--stage-rem));height:calc(.875 * var(--stage-rem))}.phone-screen .example-label{flex-shrink:0}html.story-on .stage [data-key]{translate:0 calc((.5 - var(--slot-t)) * 6px)}html.story-on .stage .route[data-key]{translate:0 calc((1 - var(--slot-t)) * 6px)}html.story-on .stage :is(.beat-in,.jurang-beat){transition:opacity .28s cubic-bezier(.2,.7,.2,1)}html.story-on .stage .split-beat{opacity:1}html.story-on .stage .split-beat>.split-layout{opacity:0;transition:opacity .28s cubic-bezier(.2,.7,.2,1)}html.story-on .stage .split-beat[data-current]>.split-layout{opacity:1}html.story-on .stage .beat-in:not([data-lit]){opacity:0}html.story-on .stage .beat-hl{outline-offset:2px;border-radius:4px;outline:1px solid #0000}html.story-on .stage .beat-hl[data-lit]{background:var(--accent-tint);outline-color:var(--accent-hi)}.beat-chip{font-size:calc(.8125 * var(--stage-rem));border-left:2px solid var(--accent);background:var(--paper);padding:2px 6px;line-height:1.3}.beat-chip small{font-size:inherit}.route-brace{text-align:center;position:absolute;bottom:0;left:0;right:25%}html.story-on .scene-otorisasi .route{padding-bottom:30px}.coffee-cue{text-align:center;position:absolute;top:0;left:0;right:0}.ledger>.beat-chip{margin:4px 0 0}.ledger>.limit-bar{border:0;border-bottom:2px solid var(--accent);font-size:calc(.8125 * var(--stage-rem));margin-top:6px;padding:0 0 4px;display:block;position:relative}.limit-bar:after{content:"";border-left:2px solid var(--accent);height:8px;position:absolute;bottom:-4px;right:0}.empty-plate>.beat-chip{margin:0}html.story-on .scene-setelmen .netting-prop{flex-direction:column;min-height:0;display:flex}html.story-on .scene-setelmen .netting-prop>picture{flex:1;height:0;min-height:0}html.story-on .scene-setelmen .netting-prop>span{flex:none;line-height:1.3}@container visual (aspect-ratio>=8/5){.scene-buka .note-slot{width:min(100%,calc(28 * var(--stage-rem)),calc((100cqh - 144px)*2.295));margin:8px 0 24px}}@container visual (max-height:360px){html.story-on .stage .scene-ting>.sound-caption{grid-area:3/1/auto/-1;position:static}}@container visual (max-height:420px){html.story-on .stage .empty-plate>.beat-chip{display:none}}@container visual (max-height:230px) and (min-width:480px){html.story-on .stage .split-legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@container visual (max-height:300px){html.story-on .scene-setelmen{grid-template:"rail"78px"pten"minmax(0,1fr)"qualifier"/minmax(0,1fr);gap:6px}html.story-on .scene-setelmen .money-cell{display:none}html.story-on .scene-setelmen .pten-fact{grid-template-columns:1fr 1fr;align-self:start;gap:0 12px;padding:3px 0;display:grid}html.story-on .scene-setelmen .pten-fact>strong:first-of-type{grid-area:1/1}html.story-on .scene-setelmen .pten-fact>span:first-of-type{grid-area:2/1}html.story-on .scene-setelmen .pten-fact>strong:nth-of-type(2){grid-area:1/2}html.story-on .scene-setelmen .pten-fact>span:nth-of-type(2){grid-area:2/2}html.story-on .scene-setelmen .route-node{grid-template-rows:16px auto;align-content:end}html.story-on .scene-otorisasi .route{padding-bottom:0}}.cliff-marker-ghost{background:var(--money-out)!important;border-style:dashed!important}html.story-on .stage .legend-step{transition:opacity .28s cubic-bezier(.2,.7,.2,1)}html.story-on .stage .legend-step:not([data-shown]){opacity:0}.scene-still .beat-in,.scene-still .legend-step{opacity:1;translate:none}.scene-still .still-phone{width:min(30%,48.63cqh - 11.6712px)}.scene-still .scan-viewfinder{display:none}.return-story:not([hidden]){left:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:45;background:var(--paper);border:1px solid var(--line-strong);border-radius:6px;max-width:calc(100% - 32px);min-height:44px;margin:0;padding:8px 12px;position:fixed}html.story-on .return-story:not([hidden]){bottom:calc(var(--pill-h) + 24px + env(safe-area-inset-bottom))}:is(.toc,.help-box,.back-link,.footer-nav) a,.back-link,.tutup>a,.calc-notes>a,.drawer-body>a{min-height:24px;padding-block-start:3px;padding-block-end:3px;display:inline-block}.still-media:has(.scene-otorisasi){height:460px}.scene-still.scene-otorisasi{grid-template:"route route"minmax(160px,44%)"checks balance"minmax(0,1fr)/minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px 4%;display:grid}.scene-still.scene-otorisasi .route{grid-area:route;grid-template-rows:minmax(0,1fr) 24px;row-gap:8px;width:100%;height:100%;padding:0;position:relative;top:auto;bottom:auto;left:auto;right:auto}.scene-still.scene-otorisasi .route-brace{grid-area:2/1/auto/4;align-self:center;position:static}.scene-still.scene-otorisasi .route-track{font-size:calc(.8125 * var(--stage-rem));top:calc(100% - 3.9em - 44px)}.scene-still.scene-otorisasi .checklist,.scene-still.scene-otorisasi .balance-card{width:auto;position:static}.scene-still.scene-otorisasi .checklist{font-size:calc(.875 * var(--stage-rem));grid-area:checks}.scene-still.scene-otorisasi .balance-card{font-size:calc(.875 * var(--stage-rem));grid-area:balance}.scene-still .route-node{grid-template-rows:minmax(0,1fr) 16px auto}.scene-still .node-label{height:3.9em;min-height:0}.scene-still .route-track{font-size:calc(.8125 * var(--stage-rem));top:calc(100% - 3.9em - 12px)}.still-media:has(.scene-setelmen){height:540px}.scene-still.scene-setelmen{grid-template:"rail rail"minmax(160px,32%)"money pten"minmax(0,1fr)"qualifier qualifier""recap recap"/minmax(168px,48%) minmax(0,1fr)}.scene-still .money-cell{padding-bottom:28px}.scene-still .settled-note{width:min(100%,300px)}.scene-still .pten-fact{font-size:calc(.8125 * var(--stage-rem))}.still-media:has(.scene-ting){height:460px}.scene-still.scene-ting{grid-template:"sound receipt"minmax(0,1fr)"notification notification""qualifier qualifier"/minmax(0,1fr) minmax(0,.75fr);gap:12px;display:grid}.scene-still.scene-ting .soundbox-prop{grid-area:sound;width:100%;height:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto}.scene-still.scene-ting .merchant-receipt{width:min(100%,calc(8 * var(--stage-rem)));grid-area:receipt;justify-self:center;height:100%;position:relative;top:auto;bottom:auto;left:auto;right:auto;transform:none}.scene-still.scene-ting .merchant-receipt>div{font-size:calc(.8125 * var(--stage-rem));gap:6px}.scene-still.scene-ting .merchant-receipt strong{font-size:calc(.8125 * var(--stage-rem));white-space:nowrap}.scene-still.scene-ting .notification{grid-area:notification;position:static}.scene-still.scene-ting .sound-caption{grid-area:qualifier}.still-media:has(.scene-biaya){height:520px}.scene-still.scene-biaya{grid-template-rows:auto minmax(0,1fr);gap:12px;display:grid}.scene-still.scene-biaya .ledger{width:100%;position:static}.scene-still.scene-biaya .empty-plate{grid-template-rows:minmax(0,1fr) auto auto auto;justify-items:center;gap:4px;width:100%;height:auto;display:grid;position:static}.scene-still.scene-biaya .empty-plate>picture{height:120px}.scene-still.scene-biaya .empty-plate>strong{font-size:calc(1.75 * var(--stage-rem));position:static}.still-media:has(.scene-jurang){height:850px}.scene-still.scene-jurang{grid-template-rows:auto 300px minmax(0,1fr) auto;gap:16px;height:100%;min-height:0;display:grid}.scene-still.scene-jurang>.category-caption{position:static}.scene-still.scene-jurang .jurang-beat{width:100%;height:auto;padding:0;position:static}.scene-still.scene-jurang .cliff-beat{height:300px}.scene-still.scene-jurang .cliff-plot{height:200px}.scene-still.scene-jurang .total-ticket{width:100%;position:static}@container stage (max-width:480px){.scene-still.scene-jurang .cliff-plot{height:160px}}@media screen and (max-height:700px){.rate-sheet .sheet-header h2{font-size:calc(1.125 * var(--stage-rem))}.rate-sheet .sheet-sub{margin:0 0 6px}.rate-cards{gap:4px}.rate-cards li{font-size:calc(.8125 * var(--stage-rem));padding:3px 8px;line-height:1.35;display:block}.rate-cards li>strong{font-size:calc(.8125 * var(--stage-rem))}.rate-cards li>span:before{content:" · "}.rate-sheet :is(.sheet-note,.source-note){font-size:calc(.75 * var(--stage-rem));margin-top:6px;line-height:1.35}.rate-sheet .sheet-cta a{min-height:40px}}@media screen and (orientation:landscape) and (min-width:560px) and (max-height:500px){.rate-sheet{width:min(100%,calc(46 * var(--stage-rem)))}.rate-sheet .sheet-body{padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.rate-sheet .sheet-header h2{font-size:calc(1 * var(--stage-rem))}.rate-sheet .sheet-close{min-height:40px}.rate-cards{grid-template-columns:1fr 1fr}.rate-cards li{padding:2px 6px}.rate-cards li:first-child{grid-column:1/-1}.rate-sheet :is(.sheet-note,.source-note){margin:0;display:inline}.rate-sheet :is(.sheet-note,.source-note):after{content:" "}.rate-sheet .sheet-cta{margin:2px 0 0}}.sheet-body:focus-visible{outline-offset:-3px}.sheet-body.can-scroll .sheet-cta{background:var(--paper);padding-block-start:8px;padding-block-end:8px;position:sticky;bottom:0;box-shadow:0 -8px 8px -8px #16130f22}@media screen and (orientation:landscape) and (min-width:560px) and (max-height:400px){.rate-sheet{max-height:calc(100dvh - 16px)}}@media print{.eyebrow{break-after:avoid}.reading-section,#aman{background:0 0}.scene-still .node-image{max-height:56px}#biaya .still,#jurang .still{break-inside:auto;page-break-inside:auto}#biaya .still-media,#jurang .still-media{height:auto;overflow:visible;container-type:normal}#biaya .scene-still,#jurang .scene-still{height:auto;display:block;position:static;container-type:normal}#biaya .ledger,#biaya .empty-plate,#jurang .jurang-beat,#jurang .total-ticket{break-inside:avoid;page-break-inside:avoid;margin-block-start:16px;margin-block-end:16px}#biaya .empty-plate{grid-template-rows:120px auto auto auto}#biaya .empty-plate>picture{width:min(100%,240px)}#biaya .empty-plate>picture img{height:120px}#jurang .scene-still .cliff-beat{height:auto}.appendix details{break-inside:auto}.appendix summary{break-after:avoid}.glossary>div{break-inside:avoid}.dock{display:block!important}.dock details{break-inside:auto}.dock summary{break-after:avoid}.dock tr{break-inside:avoid}.rate-sheet{display:none!important}.scene-still.scene-buka{height:330px;position:relative}.scene-still .money-note{transform:none}.stage,.pill,.toc{display:none!important}.story .chapter{padding:20px 0;min-height:0!important;display:block!important}.story .chapter-copy{width:auto!important;height:auto!important;max-height:none!important;position:static!important;overflow:visible!important}.story .still{break-inside:avoid;page-break-inside:avoid}.still-media{height:330px}.still-media:has(.scene-otorisasi){height:400px}.still-media:has(.scene-setelmen){height:400px}.still-media:has(.scene-ting){height:420px}.scene-setelmen .settled-note{top:0}.scene-still .settled-note{width:min(100%,240px)}.scene-setelmen .money-note{transform:none}.scene-setelmen .settlement-recap{display:grid}.pten-fact{font-size:9pt}.dock{opacity:1!important;pointer-events:auto!important;position:static!important}}:root{--stage-rem:1rem}html.story-on .stage{--stage-rem:min(1rem,16px);font-size:var(--stage-rem)}.tier-note{font-size:var(--fs-caption);color:var(--ink-body);margin:8px 0}.tier-note a{min-height:24px;padding-block-start:2px;padding-block-end:2px;display:inline-block}.beat-line{display:none}html.story-on .scene-buka .cafe-shadow img{object-position:50% 100%}html.story-on .tlv>strong[data-current]{background:var(--accent-tint);outline:1px solid var(--accent-hi);outline-offset:2px;border-radius:4px}html.story-on .scene-biaya .ledger{grid-template-columns:minmax(0,1fr);grid-template-areas:"label""r0""r1""r2""notes""umi""limit";align-content:start;display:grid}html.story-on .scene-biaya .ledger>.example-label{grid-area:label}html.story-on .scene-biaya .ledger>div:first-of-type{grid-area:r0}html.story-on .scene-biaya .ledger>div:nth-of-type(2){grid-area:r1}html.story-on .scene-biaya .ledger>div:nth-of-type(3){grid-area:r2}html.story-on .scene-biaya .ledger>:is(.old-ledger,.ledger-note){grid-area:notes;align-self:start}html.story-on .scene-biaya .ledger>.beat-chip:not(.ledger-note){grid-area:umi}html.story-on .scene-biaya .ledger>.limit-bar{grid-area:limit}html.story-on .stage .donut{container-type:inline-size}html.story-on .stage .donut strong{font-size:min(calc(1.125 * var(--stage-rem)),22cqmin)}html.story-on .scene-ting .soundbox-prop{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}html.story-on .scene-ting .soundbox-prop>picture{grid-area:1/1;min-height:0;max-height:100%}html.story-on .scene-ting .coffee-cue{z-index:1;grid-area:1/1;place-self:end start;position:static}@container visual (min-height:301px) and (max-height:460px){html.story-on .scene-biaya{grid-template-rows:minmax(0,1fr) auto;gap:6px}html.story-on .scene-biaya .ledger{padding:4px 10px}html.story-on .scene-biaya .ledger>div{padding:3px 0}html.story-on .scene-biaya .old-ledger{margin-top:2px}html.story-on .scene-biaya .ledger>.beat-chip{margin-top:2px;padding-block-start:0;padding-block-end:0}html.story-on .scene-biaya .ledger>.limit-bar{margin-top:2px}html.story-on .scene-biaya .empty-plate{text-align:start;grid-template:"pic amt""pic note""pic chip"/auto minmax(0,1fr);align-content:center;justify-items:start;gap:2px 12px;height:auto}html.story-on .scene-biaya .empty-plate>picture{grid-area:pic;align-self:center;width:clamp(64px,20cqh,96px);height:clamp(64px,20cqh,96px);min-height:0;max-height:none;margin-inline-start:4px;display:block}html.story-on .scene-biaya .empty-plate>picture img{object-fit:contain;width:100%;height:100%}html.story-on .scene-biaya .empty-plate>strong{grid-area:amt;align-self:end}html.story-on .scene-biaya .empty-plate>span{grid-area:note;align-self:start}html.story-on .stage .scene-biaya .empty-plate>.beat-chip{grid-area:chip;display:block}}@container visual (min-height:361px) and (aspect-ratio<=8/5){html.story-on .scene-buka .note-slot{position:relative;top:14px}}@container visual (aspect-ratio>=8/5){.scene-buka .note-slot{width:clamp(200px,calc(229.5cqh - 330.48px),min(100%,calc(28 * var(--stage-rem))))}}@container visual (aspect-ratio>=8/5) and (max-height:200px){.scene-buka .note-slot{margin:6px 0 12px}html.story-on .scene-buka .order-ticket{padding-block-start:2px;padding-block-end:2px;line-height:1.25}}@media screen and (orientation:landscape) and (min-width:560px) and (max-height:500px){html.story-on .scene-buka{grid-template-columns:minmax(0,.85fr) minmax(200px,1.15fr)}}@container visual (max-height:340px){html.story-on .scene-otorisasi .checklist{margin-top:4px}html.story-on .scene-setelmen .pten-fact strong{margin-bottom:2px;display:block}}@container visual (max-height:300px){html.story-on .stage-visual[data-beat-line]>.scene{bottom:20px}html.story-on .stage-visual>.beat-line:not(:empty){border-left:2px solid var(--accent);background:var(--paper);height:18px;line-height:18px;font-size:calc(.8125 * var(--stage-rem));white-space:nowrap;z-index:2;margin:0;padding:0 6px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}}@container visual (min-height:301px) and (max-height:340px){html.story-on .stage .scene-otorisasi .beat-chip{display:none}html.story-on .stage-visual[data-visual=otorisasi][data-beat-line]>.scene{bottom:20px}html.story-on .stage-visual[data-visual=otorisasi]>.beat-line:not(:empty){border-left:2px solid var(--accent);background:var(--paper);height:18px;line-height:18px;font-size:calc(.8125 * var(--stage-rem));white-space:nowrap;z-index:2;margin:0;padding:0 6px;display:block;position:absolute;bottom:0;left:0;right:0;overflow:hidden}}@container visual (max-height:300px) and (aspect-ratio>=3/2){html.story-on .stage-visual[data-visual=ting]>.beat-line{display:none}html.story-on .stage-visual[data-visual=ting]>.scene{bottom:0}}@container visual (max-height:220px){html.story-on .stage-visual[data-visual=biaya]>.beat-line{display:none}html.story-on .stage-visual[data-visual=biaya]>.scene{bottom:0}}.scene-still.scene-otorisasi .route{grid-template-rows:minmax(0,1fr) 28px 24px;row-gap:8px}.scene-still.scene-otorisasi .route-node{grid-row:1}.scene-still.scene-otorisasi .route-packet{grid-area:2/1/auto/-1;place-self:center;position:static;transform:none}.scene-still.scene-otorisasi .route-brace{grid-row:3}.scene-still.scene-otorisasi .route-track{top:calc(100% - 3.9em - 80px)}@container visual (min-height:361px) and (max-height:500px){html.story-on .scene-ting .soundbox-prop{height:calc(100% - 170px);top:3%}}html .scene-still.scene-ting .soundbox-prop{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}html .scene-still.scene-ting .soundbox-prop>picture{grid-area:1/1;height:100%;min-height:0}html .scene-still.scene-ting .coffee-cue{grid-area:2/1;align-self:end;position:static}html.story-on .stage .notification{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}html.story-on .stage .notification>.example-label{grid-area:1/1}html.story-on .stage .notification>p{grid-area:2/1;margin:0}html.story-on .stage .notification>.beat-chip{grid-area:3/1}:is(html.story-on .stage .notification:not(:has(p:first-of-type[data-lit]))>p:first-of-type,html.story-on .stage .notification:has(p:first-of-type[data-lit])>p:last-of-type){visibility:hidden}@media screen and (orientation:portrait) and (min-height:741px) and (max-width:899px){html.story-on .shared-actors .actor-note{--rest-w:min(88%,calc(28 * var(--stage-rem)))}}
