:root{--kunyit: #f4b400;--kunyit-gelap: #d99a00;--tinta: #2b160c;--cabai: #d7261e;--daun: #1b6e38;--putih: #ffffff;--display: "Alfa Slab One", "Rockwell", serif;--body: "Atkinson Hyperlegible", system-ui, sans-serif;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0}html,body,#root{height:100%;overflow:hidden;overflow:clip}body{font-family:var(--body);font-size:clamp(1.0625rem,.95rem + .35vw,1.25rem);line-height:1.55;color:var(--tinta);background-color:var(--kunyit);background-image:radial-gradient(circle at 0 0,transparent 38px,rgba(120,70,0,.16) 39px 41px,transparent 42px),radial-gradient(circle at 80px 80px,transparent 38px,rgba(120,70,0,.16) 39px 41px,transparent 42px),radial-gradient(circle at 80px 0,transparent 38px,rgba(120,70,0,.16) 39px 41px,transparent 42px),radial-gradient(circle at 0 80px,transparent 38px,rgba(120,70,0,.16) 39px 41px,transparent 42px);background-size:80px 80px;caret-color:var(--cabai)}::selection{background:var(--tinta);color:var(--kunyit)}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--tinta);outline-offset:3px;box-shadow:0 0 0 6px var(--putih);border-radius:4px}.cabai :focus-visible,.daun :focus-visible{outline-color:var(--putih);box-shadow:0 0 0 6px var(--tinta)}html{scrollbar-color:var(--tinta) var(--kunyit)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--kunyit)}::-webkit-scrollbar-thumb{background:var(--tinta);border:3px solid var(--kunyit);border-radius:8px}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.1;text-wrap:balance;letter-spacing:-.01em}h2{font-size:clamp(1.6rem,1.2rem + 2vw,2.7rem);max-width:24ch;margin-bottom:.6em}h3{font-size:clamp(1.2rem,1rem + .8vw,1.6rem);margin-bottom:.5em}p{max-width:64ch}.lead{font-size:1.08em;margin-bottom:1.2em}.note{margin-top:1.1em}.sachet-wrap{min-height:100svh;display:grid;place-content:center;justify-items:center;gap:14px;padding:16px 16px 20px}.sachet{position:relative;width:min(92vw,500px,calc((100svh - 118px) * 500 / 720));aspect-ratio:500 / 720;filter:drop-shadow(0 22px 22px rgba(43,22,12,.35))}.sachet-body{position:absolute;top:60px;right:0;bottom:0;left:0;background:var(--putih);padding:30px 16px 26px}.frame{height:100%;border:3px solid var(--tinta);outline:3px solid var(--tinta);outline-offset:5px;margin:5px;padding:34px 18px 18px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;background:radial-gradient(circle at 10px 7px,transparent 3.5px,var(--cabai) 4px 5.5px,transparent 6px) 0 0 / 20px 14px repeat-x,var(--putih);background-origin:border-box}.medal{width:clamp(120px,38vw,190px);height:auto}.sachet h1{font-size:clamp(2.8rem,12.5vw,5.3rem);color:var(--cabai);line-height:.95;-webkit-text-stroke:2px var(--tinta);paint-order:stroke fill;letter-spacing:0}.ribbon{background:var(--daun);color:var(--putih);font-weight:700;padding:.35em 1.1em;max-width:none;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);font-size:clamp(.9rem,3.4vw,1.05rem)}.netto{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-top:3px solid var(--tinta);font-size:clamp(.8rem,3vw,.95rem)}.netto div{padding:8px 4px 0}.netto div+div{border-left:2px solid var(--tinta)}.netto dt{font-weight:700}.netto dd{margin:0}.piece{position:absolute;inset:0 0 auto;height:72px}.seal-in{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cabai);color:var(--putih)}.seal-text{position:absolute;left:0;right:0;top:16px;text-align:center;font-weight:700;font-size:.95rem}.seal-line{position:absolute;left:10px;right:10px;top:50px;border-top:3px dashed var(--putih)}.piece.torn:not(.gone){transform:translateY(-10px) rotate(-3deg);transition:transform .3s var(--ease)}.piece.torn.live{transition:none}.piece.torn.gone{animation:fly .9s var(--ease) forwards}@keyframes fly{to{transform:translate(55vw,-70vh) rotate(38deg);opacity:0}}.handle{position:absolute;top:50px;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;border:3px solid var(--tinta);background:var(--kunyit);display:grid;place-items:center;touch-action:none;cursor:grab;animation:hint 2.4s var(--ease) 1.2s 3}.handle:active{cursor:grabbing}@keyframes hint{0%,to{transform:translate(0)}40%{transform:translate(14px) rotate(8deg)}}.btn{background:var(--tinta);color:var(--kunyit);border:3px solid var(--tinta);border-radius:999px;padding:.6em 1.5em;font-weight:700;transition:background .2s,color .2s,transform .2s var(--ease)}.btn:hover{background:var(--cabai);color:var(--putih)}.btn:active{transform:scale(.97)}.cabai .btn,.daun .btn{background:var(--putih);color:var(--tinta);border-color:var(--tinta)}.cabai .btn:hover,.daun .btn:hover{background:var(--kunyit);color:var(--tinta)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.panel{position:relative;min-width:0;width:min(calc(100% - 28px),1040px);background:var(--putih);color:var(--tinta);border:3px solid var(--tinta);outline:3px solid var(--tinta);outline-offset:6px;margin:6px auto;padding:clamp(40px,5vw,56px) clamp(18px,4vw,52px) clamp(24px,4vw,44px);box-shadow:0 24px 28px -14px #2b160c73;justify-self:center;background-image:radial-gradient(circle at 10px 7px,transparent 3.5px,currentColor 4px 5.5px,transparent 6px);background-size:20px 14px;background-repeat:repeat-x;background-color:var(--putih)}.panel>*{position:relative}.panel.daun{background-color:var(--daun);color:var(--putih);outline-color:var(--tinta)}.panel.cabai{background-color:var(--cabai);color:var(--putih)}.panel.daun,.panel.cabai{background-image:radial-gradient(circle at 10px 7px,transparent 3.5px,var(--kunyit) 4px 5.5px,transparent 6px)}.rib{display:inline-block;background:var(--cabai);color:var(--putih);padding:.05em .5em;margin-right:.2em;clip-path:polygon(0 0,100% 0,calc(100% - .3em) 50%,100% 100%,0 100%,.3em 50%)}.daun .rib,.cabai .rib{background:var(--kunyit);color:var(--tinta)}.warn{display:inline-flex;vertical-align:middle;margin-right:.3em;color:var(--kunyit)}.cap{position:absolute!important;top:-18px;right:16px;transform:rotate(-9deg);border:3px solid currentColor;border-radius:6px;padding:.15em .6em;font-family:var(--display);font-size:1rem;color:var(--cabai);background:var(--putih);animation:slam .5s var(--ease) both;z-index:2}.daun .cap,.cabai .cap{color:var(--cabai)}@keyframes slam{0%{transform:rotate(-9deg) scale(2.4);opacity:0}60%{opacity:1}to{transform:rotate(-9deg) scale(1)}}.pairs{border-collapse:collapse;width:100%;max-width:860px}.pairs th,.pairs td{text-align:left;padding:.65em .8em .65em 0;border-bottom:2px solid var(--tinta)}.pairs thead th{font-size:.9em;border-bottom-width:3px}.pairs tbody th{color:var(--cabai)}.komp{display:grid;grid-template-columns:minmax(0,20rem) minmax(0,1fr);gap:clamp(16px,3vw,40px);align-items:start}.komp-list{list-style:none;padding:0;display:grid;gap:8px}.komp-list button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:3px solid var(--putih);color:var(--putih);border-radius:10px;padding:.6em .8em;font-weight:700;transition:background .2s,color .2s}.komp-list button.on,.komp-list button:hover{background:var(--putih);color:var(--daun)}.berkas{background:var(--putih);color:var(--tinta);border:3px solid var(--tinta);padding:1.1em 1.3em;animation:rise .35s var(--ease)}.berkas h3{color:var(--cabai)}.berkas dl{display:grid;grid-template-columns:8.5rem 1fr;gap:.6em 1em}.berkas dt{font-weight:700}.berkas dd{margin:0}.pw-input{width:min(560px,100%);font-size:1.4em;padding:.45em .7em;border:3px solid var(--tinta);background:var(--putih)}.meter{display:flex;gap:8px;margin:1em 0 .5em;width:min(560px,100%)}.meter i{flex:1;height:16px;background:#2b160c26;border:2px solid var(--tinta);transition:background .3s}.meter.l1 i:nth-child(1){background:var(--cabai)}.meter.l2 i:nth-child(-n+2){background:var(--kunyit)}.meter.l3 i{background:var(--daun)}.verdict{font-size:1.15em}.tips{margin-top:1.1em;padding-left:1.2em;display:grid;gap:.3em;max-width:60ch}.two-col{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px)}.seg{display:inline-flex;border:3px solid currentColor;border-radius:26px;padding:3px;margin-bottom:1em;flex-wrap:wrap}.seg button{background:none;border:0;border-radius:999px;padding:.45em 1.1em;font-weight:700;transition:background .2s,color .2s}.seg button.on{background:var(--tinta);color:var(--kunyit)}.cabai .seg button.on,.daun .seg button.on{background:var(--putih);color:var(--tinta)}.akun{list-style:none;padding:0;margin:0 0 1em}.akun li:first-child{border-top:3px solid currentColor}.akun li{display:grid;grid-template-columns:1fr auto 6.5em;gap:12px;padding:.5em .6em;border-bottom:2px solid rgba(255,255,255,.5);align-items:center;transition:background .25s,color .25s}.akun code{font-size:.9em}.akun em{font-style:normal;text-align:right;font-weight:700}.akun li.kena{background:var(--tinta);color:var(--kunyit);animation:shake .45s}@keyframes shake{20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.side p,.steps{margin-top:.8em}.steps{padding-left:1.3em;display:grid;gap:.4em}.count{margin-bottom:.8em;font-weight:700}.kemasan{position:relative;background:var(--putih);border:3px solid var(--tinta);outline:3px solid var(--tinta);outline-offset:5px;margin:5px;padding:1.1em 1.3em;max-width:640px;animation:rise .35s var(--ease);overflow:hidden}.kemasan .from{font-weight:700;color:var(--cabai);word-break:break-all;font-size:.9em}.kemasan p{margin-top:.4em;font-size:1.08em}.kemasan.bad{animation:shake .5s}.stamp{position:absolute;right:14px;bottom:12px;transform:rotate(-12deg);border:4px solid currentColor;border-radius:8px;padding:.05em .55em;font-family:var(--display);font-size:clamp(1.6rem,5vw,2.4rem);animation:slam2 .5s var(--ease) both;background:#ffffffd9}.stamp.asli{color:var(--daun)}.stamp.tiruan{color:var(--cabai)}@keyframes slam2{0%{transform:rotate(-12deg) scale(2.6);opacity:0}60%{opacity:1}to{transform:rotate(-12deg) scale(1)}}.choices{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.4em}.reveal{margin-top:1.3em;max-width:640px;display:grid;gap:1em;justify-items:start;animation:rise .4s var(--ease)}.kuis-end{display:grid;gap:.6em;justify-items:start}.big{font-family:var(--display);font-size:1.8rem}.matrix{border-collapse:collapse;width:100%;max-width:960px;text-align:center;table-layout:fixed}.matrix thead td,.matrix tbody th{width:34%}.matrix thead th{font-size:.78em;font-weight:700;padding:0 .4em .6em;vertical-align:bottom}.matrix tbody th{text-align:left;font-weight:700}.matrix tbody th button{background:none;border:0;text-align:left;padding:.6em .5em;width:100%;font-weight:700}.matrix td,.matrix tbody th{border-top:2px solid rgba(255,255,255,.55)}.matrix td{padding:.3em}.matrix td svg{display:inline-block;vertical-align:middle}.matrix tr.on{background:var(--putih);color:var(--tinta)}.matrix tr.on td.y{color:var(--daun)}.matrix tr.on td.n{color:var(--cabai)}.verdict2{margin-top:1em;max-width:70ch;font-size:1.1em;min-height:3.2em;animation:rise .3s var(--ease)}.route{max-width:900px;margin:.4em 0 1.4em}.nodes{list-style:none;padding:0;display:flex;justify-content:space-between;font-family:var(--display);margin-bottom:10px}.nodes li{display:grid;justify-items:center;gap:4px;font-size:.95em}.line{height:22px;position:relative;overflow:hidden;border:3px solid var(--tinta);border-radius:99px;background:repeating-linear-gradient(90deg,var(--cabai) 0 14px,transparent 14px 24px);background-size:24px 100%;animation:march .6s linear infinite}@keyframes march{to{background-position:24px 0}}.route.tube .line{background:var(--daun);animation:none}.route.tube .line i{position:absolute;top:2px;left:-30px;width:30px;height:12px;border-radius:99px;background:var(--kunyit);animation:rush 1.6s linear infinite}@keyframes rush{to{left:100%}}.route p{margin-top:.8em}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;max-width:900px}.two ul{padding-left:1.1em;display:grid;gap:.3em}.score{max-width:460px;font-weight:700;margin-bottom:1em}.bar{height:16px;border:3px solid var(--tinta);margin-bottom:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--daun);transform-origin:left;transition:transform .45s var(--ease)}.checks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px 20px}.checks label{display:flex;gap:.8em;align-items:flex-start;border:3px solid var(--tinta);padding:.7em .9em;height:100%;cursor:pointer;transition:background .25s,color .25s}.checks label.done{background:var(--daun);color:var(--putih)}.checks input{position:absolute;opacity:0}.checks input:focus-visible+.box{outline:3px solid var(--tinta);outline-offset:3px}.box{flex:none;width:26px;height:26px;border:3px solid currentColor;display:grid;place-items:center;margin-top:.05em}.box svg{opacity:0;transform:scale(.4);transition:opacity .2s,transform .3s var(--ease)}.done .box svg{opacity:1;transform:none}.oops{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;counter-reset:s}.oops li{counter-increment:s;border:3px solid var(--putih);padding:1em;display:grid;gap:.4em;align-content:start}.oops li:before{content:counter(s);font-family:var(--display);font-size:2.4rem;line-height:1;color:var(--kunyit)}.oops li b{font-family:var(--display);font-weight:400;font-size:1.15em}.chips{display:flex;flex-wrap:wrap;gap:10px;max-width:900px}.chip{background:var(--putih);border:3px solid var(--tinta);border-radius:999px;padding:.5em 1.1em;font-weight:700;transition:background .2s,color .2s}.chip:hover{background:var(--kunyit)}.chip.on{background:var(--tinta);color:var(--kunyit)}.segel{margin:1.6em 0 .4em;min-height:7.5rem;border:3px dashed var(--tinta);padding:1.2em 1.4em;position:relative;max-width:760px;animation:rise .4s var(--ease)}.segel-cap{position:absolute;top:-.9em;right:1.2em;background:var(--cabai);color:var(--putih);font-family:var(--display);padding:.1em .7em;transform:rotate(-4deg);animation:slam .5s var(--ease) both}.pledge{font-family:var(--display);font-size:clamp(1.3rem,1rem + 1.6vw,2.1rem);line-height:1.15;color:var(--cabai)}.pledge.dim{color:var(--tinta);opacity:.7;font-family:var(--body);font-size:1.1rem}.regno{margin-top:.6em;font-weight:700}@media (max-width: 800px){.komp,.two-col,.berkas dl{grid-template-columns:1fr}.matrix thead th{font-size:.6em;padding-bottom:.4em;word-break:break-word}.matrix thead td,.matrix tbody th{width:31%}.nodes{font-size:.8em}.matrix tbody th button{font-size:.85em;padding:.5em .2em}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stage{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;overflow:clip}.top{display:flex;align-items:center;gap:12px;padding:10px 14px}.cups{list-style:none;padding:0;display:flex;gap:clamp(2px,.8vw,8px);flex:1;min-width:0}.cups li{display:grid}.cangkir .cairan{fill:transparent;transition:transform .7s var(--ease),fill .2s;transform-box:fill-box;transform:translateY(100%)}.cangkir.full .cairan{fill:var(--cabai);transform:translateY(0)}.cangkir.now{animation:bobcup 1.6s var(--ease) infinite}.cangkir.now path{stroke-width:3.2}@keyframes bobcup{50%{transform:translateY(-3px)}}.count-top{font-weight:700;background:var(--putih);border:3px solid var(--tinta);padding:.05em .6em;white-space:nowrap}.mute{width:44px;height:44px;border-radius:50%;background:var(--tinta);color:var(--kunyit);border:3px solid var(--tinta);display:grid;place-items:center;flex:none}.mute[aria-pressed=true]{background:var(--putih);color:var(--tinta)}.corner{position:fixed;top:12px;right:12px;z-index:5}.mid{min-height:0;outline:none}.mid:focus-visible{outline:none;box-shadow:none}.fit{height:100%;display:grid;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;overflow:clip}.fit.tight{overflow-x:clip;overflow-y:auto;scrollbar-width:none}.fit.tight::-webkit-scrollbar{display:none}.fit-in{width:100%;transform-origin:center;padding:14px 0;box-sizing:border-box;display:flow-root}.enter{animation:rise .45s var(--ease)}.bot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 14px}.gate{flex:1;text-align:center;font-weight:700;font-size:.95em;max-width:34ch;margin-inline:auto}.gate.fin{color:var(--tinta)}.btn:disabled{opacity:.35;cursor:not-allowed;background:var(--tinta);color:var(--kunyit);transform:none}.btn.ghost{background:transparent;color:var(--tinta)}.btn.ghost:hover:not(:disabled){background:var(--tinta);color:var(--kunyit)}.btn.go:not(:disabled){background:var(--cabai);color:var(--putih);animation:ready .9s var(--ease) 1}@keyframes ready{0%{transform:scale(.9)}60%{transform:scale(1.06)}to{transform:scale(1)}}.hint-line{font-weight:700;margin-bottom:.8em}.padan{list-style:none;padding:0;display:grid;gap:10px;max-width:860px}.padan button{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left;padding:.7em 1em;border:3px solid var(--tinta);background:transparent;transition:background .25s,color .25s}.padan button b{color:var(--cabai);opacity:.8}.padan button.open{background:var(--tinta);color:var(--putih)}.padan button.open b{color:var(--kunyit);opacity:1}.oops li.pending{border-style:dashed;opacity:.55;min-height:7rem}.oops li.pending:before{color:transparent}.oops .ph{font-family:var(--display)}.oops li.shown{animation:rise .35s var(--ease)}@media (max-width: 800px),(max-height: 760px){.extra{display:none}}@media (max-width: 800px){.padan button{grid-template-columns:1fr;gap:2px}.panel{padding-top:38px}.count-top{font-size:.85rem}}@media (max-width: 800px),(max-height: 899px){.panel{padding:34px 14px 16px}h2{font-size:clamp(1.25rem,5.2vw,1.8rem);margin-bottom:.4em}h3{margin-bottom:.3em}.lead{margin-bottom:.6em}.hint-line{margin-bottom:.5em;font-size:.95em}.padan{gap:6px}.padan button{padding:.45em .7em}.komp-list{grid-template-columns:1fr 1fr;gap:6px}.komp-list button{padding:.4em .5em;font-size:.85rem;gap:8px}.komp-list button svg{width:20px;height:20px}.berkas{padding:.7em .9em;font-size:.95rem}.berkas dl{gap:.3em .6em}.pw-input{font-size:1.15em;padding:.35em .6em}.meter{margin:.6em 0 .3em}.seg{margin-bottom:.6em}.seg button{padding:.35em .8em;font-size:.9rem}.akun{margin-bottom:.6em}.akun li{padding:.3em .5em;font-size:.92rem}.kemasan{padding:.7em .9em}.count{margin-bottom:.5em}.choices{margin-top:.9em;gap:8px}.reveal{margin-top:.8em;gap:.6em}.matrix tbody th button{padding:.35em .2em;font-size:.85rem}.verdict2{min-height:0;margin-top:.6em;font-size:1rem}.route{margin:.2em 0 .8em}.two{gap:12px}.checks{grid-template-columns:1fr;gap:6px}.checks label{padding:.4em .6em;font-size:.92rem}.score{margin-bottom:.6em}.oops{grid-template-columns:1fr 1fr;gap:8px}.oops li{padding:.5em .6em;font-size:.92rem}.oops li:before{font-size:1.6rem}.oops li.pending{min-height:4rem}.chips{gap:6px}.chip{padding:.35em .8em;font-size:.92rem}.segel{margin:1em 0 .2em;min-height:4.5rem;padding:.8em 1em}.nodes svg{width:22px;height:22px}.nodes{margin-bottom:4px}.line{height:16px}.route p{margin-top:.4em}.two h3{font-size:1rem;margin-bottom:.2em}.two ul{gap:.1em}.note{margin-top:.6em;font-size:.95em}.bar{height:12px;margin-bottom:3px}.hint-short{font-size:.95em}.checks label{align-items:center}}@media (min-width: 801px) and (max-height: 899px){.checks{grid-template-columns:1fr 1fr}}@media (min-width: 801px){.sim{display:flex;flex-direction:column}.sim .seg,.sim .btn{align-self:flex-start}.sim .seg button{font-size:1.05rem}.sim .akun{flex:1;display:flex;flex-direction:column}.sim .akun li{flex:1;font-size:1.3rem}.sim .note{font-size:1.15rem}}@media (max-width: 800px){.two-col:not(.both) .side{display:none}.hint-short{display:none}.checks{gap:4px}.checks label{padding:.3em .5em;font-size:.88rem}.box{width:22px;height:22px}.score{font-size:.9rem}}.kemasan.ok,.kemasan.bad{padding-bottom:5rem}@media (min-width: 900px){.kuis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.2em;align-items:start}.kuis .count{grid-column:1 / -1}.kuis .kemasan{max-width:none}.kuis .choices,.kuis .reveal{margin-top:0;max-width:none}.kuis .choices{flex-direction:column;align-items:flex-start}}