@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#2d2550;--ink-soft:#6b6489;--cream:#fff4dc;--paper:#fffdf7;--sky:#d9f1ff;--sky-dot:#bfe6ff;--coral:#ff6b6b;--sun:#ffc93c;--grass:#34c38f;--ocean:#3a86ff;--berry:#ff5fa2;--valley:#2b6cb0;--mountain:#c0392b;--border:2.5px solid var(--ink);--lift:0 4px 0 var(--ink);--display:"Fredoka Variable", "Baloo 2", ui-rounded, sans-serif;--body:"Nunito Variable", ui-rounded, sans-serif;font-family:var(--body);color:var(--ink);-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpath d='M14 18l9 4-7 6z' fill='%23ff6b6b' opacity='.35'/%3E%3Cpath d='M86 30l8 8-10 2z' fill='%233a86ff' opacity='.3'/%3E%3Cpath d='M40 86l10-3-3 9z' fill='%2334c38f' opacity='.35'/%3E%3Cpath d='M100 96l6-9 4 10z' fill='%23ffc93c' opacity='.55'/%3E%3C/svg%3E")}button{font:inherit;color:inherit}#app{max-width:560px;height:100dvh;padding:0 max(12px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;margin:0 auto;display:flex}header{align-items:center;gap:8px;padding:8px 0;display:flex}.brand{flex:none;align-items:center;gap:6px;display:flex}.logo{flex:none;width:30px;height:30px;transform:rotate(-8deg)}.wordmark{font-family:var(--display);letter-spacing:-.2px;white-space:nowrap;font-size:21px;font-weight:700;line-height:1}.wordmark span{color:var(--coral)}.picker{border:2px solid var(--ink);background:var(--paper);min-width:0;box-shadow:0 3px 0 var(--ink);color:inherit;cursor:pointer;border-radius:14px;flex:1;align-items:center;gap:6px;padding:3px 8px 3px 3px;text-decoration:none;display:flex}.picker:hover{background:#fff}.picker:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.thumb{border:2px solid var(--ink);background:var(--sky);border-radius:10px;flex:none;width:38px;height:38px}.thumb svg,.thumb img{width:100%;height:100%;display:block}#title{text-align:left;font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:21px;font-weight:700;line-height:1.1;overflow:hidden}.chev{fill:none;width:22px;height:22px;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;flex:none}#picker{border:var(--border);background:var(--cream);width:min(760px,100vw - 24px);max-height:min(86dvh,900px);color:var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:26px;padding:0}#picker::backdrop{background:#2d255073}#picker:focus{outline:none}#picker[open]{animation:.28s cubic-bezier(.34,1.56,.64,1) muncul}@keyframes muncul{0%{opacity:0;transform:translateY(24px)scale(.96)}}.picker-head{z-index:1;background:var(--cream);align-items:center;gap:10px;padding:14px 14px 10px 18px;display:flex;position:sticky;top:0}.picker-head h2{font-family:var(--display);flex:1;margin:0;font-size:24px;font-weight:700}#picker-home{color:var(--ink)}#picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;padding:4px 16px 20px;display:grid}.card{border:var(--border);background:var(--paper);box-shadow:0 4px 0 var(--ink);color:inherit;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:8px 8px 10px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:flex}.card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.card .art{aspect-ratio:1;background-color:var(--sky);background-image:radial-gradient(var(--sky-dot) 1.5px, transparent 2px);background-size:14px 14px;border-radius:14px;width:100%}.card .art img{width:100%;height:100%;display:block}.card[aria-current=true]{background:var(--sun)}.card span{font-family:var(--display);text-align:center;font-size:16px;font-weight:600;line-height:1.15}.card:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}body:not([data-layar=home]) #home,body:not([data-layar=lipat]) #app{display:none}#home{max-width:880px;padding:0 max(16px, env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));margin:0 auto}#home .home-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:12px 0 6px;display:flex;position:static}#home .home-head .brand{display:flex}#home .icon-btn.parent{position:static}#home .wordmark{font-size:22px;display:inline}#home .logo{width:32px;height:32px}.sapa{width:100%;font-family:var(--display);text-align:left;border:var(--border);background:var(--sun);box-shadow:var(--lift);cursor:pointer;border-radius:20px;align-items:center;gap:12px;margin:4px 0 16px;padding:12px 16px;font-size:24px;font-weight:700;line-height:1.15;display:flex}.sapa:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.sapa svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;flex:none;width:34px;height:34px}.sapa svg .fill{fill:currentColor;stroke:none}.lanjut{color:inherit;border:var(--border);background:var(--paper);box-shadow:var(--lift);border-radius:22px;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px 10px 10px;text-decoration:none;display:flex}.lanjut[hidden]{display:none}.lanjut .art{aspect-ratio:1;background-color:var(--sky);border-radius:14px;flex:none;width:84px}.lanjut .art img{width:100%;height:100%;display:block}.lanjut .teks{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lanjut b{font-family:var(--display);font-size:21px}.lanjut .teks span{font-size:16px;font-weight:700}.lanjut small{color:var(--ink-soft);font-weight:600}.lanjut .main{color:#fff;border:var(--border);background:var(--grass);width:64px;height:64px;box-shadow:0 4px 0 var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.lanjut .main svg{width:32px;height:32px;margin-left:4px}.lanjut.dipilih{background:var(--sun)}.rak-nav{z-index:2;scrollbar-width:none;background:var(--cream);gap:10px;margin:0 -16px;padding:8px 16px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.rak-nav::-webkit-scrollbar{display:none}.rak-nav button{width:78px;font-family:var(--display);border:2px solid var(--ink);background:var(--paper);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:3px;padding:6px 4px 7px;font-size:12.5px;font-weight:600;line-height:1.1;display:flex}.rak-nav button:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.rak .ikon,.rak-nav .ikon{flex:none;width:46px;height:46px;display:block}.rak .ikon img,.rak .ikon svg,.rak-nav .ikon img,.rak-nav .ikon svg{width:100%;height:100%;display:block}.rak{margin-top:14px;scroll-margin-top:104px}.rak h2{font-family:var(--display);align-items:center;gap:10px;margin:0 0 10px;font-size:22px;font-weight:700;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.card .art{position:relative}#home .card .art:not(.siap){background-image:linear-gradient(100deg,#0000 35%,#ffffffb3 50%,#0000 65%);background-size:250% 100%;animation:1.3s linear infinite kilau}@keyframes kilau{0%{background-position:100% 0}to{background-position:-150% 0}}.card.lvl-1{border-color:var(--grass);border-width:4px}.card.lvl-2{border-color:var(--sun);border-width:4px}.card.lvl-3{border-color:var(--coral);border-width:4px}.stiker{width:42px;height:42px;position:absolute;top:-10px;right:-10px;transform:rotate(10deg)}.stiker svg{width:100%;height:100%;display:block}.card.dipilih{background:var(--sun);transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(1.05)}@media (width<=360px){.grid{grid-template-columns:repeat(2,1fr);gap:12px}.sapa{font-size:21px}}#stage{border:var(--border);background-color:var(--sky);background-image:radial-gradient(var(--sky-dot) 2px, transparent 2.5px);min-height:0;box-shadow:var(--lift);background-size:22px 22px;border-radius:24px;flex:1;position:relative;overflow:hidden}#stage canvas{touch-action:none;display:block;position:absolute;inset:0}#hore{z-index:2;font-family:var(--display);white-space:nowrap;border:var(--border);background:var(--sun);box-shadow:var(--lift);opacity:0;visibility:hidden;pointer-events:none;border-radius:18px;padding:8px 18px;font-size:22px;font-weight:700;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .2s,visibility .45s;position:absolute;top:18px;left:50%;transform:translate(-50%,-120px)rotate(-3deg)}#hore.show{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)rotate(-3deg)}#confetti{z-index:1;pointer-events:none;position:absolute;inset:0}#confetti i{width:10px;height:14px;animation:fall var(--dur) cubic-bezier(.25, .6, .5, 1) var(--delay) forwards;border-radius:2px;position:absolute;top:-20px}@keyframes fall{to{transform:translate(var(--dx), 520px) rotate(var(--spin));opacity:.2}}#legend{z-index:1;border:2px solid var(--ink);background:#fffdf7eb;border-radius:999px;align-items:center;gap:7px;max-width:calc(100% - 70px);margin:0;padding:5px 11px 5px 9px;font-size:12.5px;font-weight:700;line-height:1.2;display:flex;position:absolute;bottom:10px;left:10px}#legend:empty{display:none}#legend .sample{border-top:3px dashed var(--valley);flex:none;width:26px;height:0}#legend .sample.mountain{background:repeating-linear-gradient(90deg, var(--mountain) 0 7px, transparent 7px 9.5px, var(--mountain) 9.5px 12px, transparent 12px 14.5px);border:0;height:3px}#legend .sample.turn{border:0;width:18px;height:18px}#legend .sample.cut{border-top:3px dashed #1d1712}#reset{z-index:1;position:absolute;bottom:10px;right:10px}#reset svg{stroke-width:2.1px;width:28px;height:28px}#panel{background:var(--cream);flex:none;padding-top:9px}#step-label{display:none}#dots{scrollbar-width:none;flex:none;justify-content:safe center;gap:5px;height:34px;padding-top:3px;display:flex;overflow-x:auto}#dots::-webkit-scrollbar{display:none}#dots button{flex:none}#stage>#dots{z-index:1;grid-template-columns:repeat(var(--cols,9), max-content);pointer-events:none;justify-content:center;row-gap:7px;height:auto;padding:0;display:grid;position:absolute;top:10px;left:10px;right:10px;overflow:visible}#stage>#dots button{pointer-events:auto}#stage:has(>#dots) #hore{top:74px}#dots button{width:26px;height:26px;font-family:var(--display);border:2px solid var(--ink);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:50%;padding:0;font-size:12.5px;font-weight:700;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}#dots button.done{background:var(--grass);color:#fff}#dots button.active{background:var(--sun);color:var(--ink);box-shadow:0 2px 0 var(--ink);transform:scale(1.2)translateY(-1px)}#text{--lines:3;height:calc(var(--lines) * 1.35em);overscroll-behavior:contain;scrollbar-width:none;text-align:center;text-wrap:balance;align-content:safe center;margin:10px 2px 0;font-size:17px;font-weight:700;line-height:1.35;display:grid;overflow-y:auto}#text::-webkit-scrollbar{display:none}#text.pop{animation:.35s cubic-bezier(.34,1.56,.64,1) pop}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.controls{justify-content:center;align-items:center;gap:12px;margin-top:10px;padding-bottom:5px;display:flex}.btn,.icon-btn{border:var(--border);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid}.btn{width:56px;height:56px;box-shadow:0 5px 0 var(--ink)}.btn.play{background:var(--sun);width:66px;height:66px}.btn.nav{background:var(--grass);color:#fff}.icon-btn{width:42px;height:42px;box-shadow:0 3px 0 var(--ink);border-width:2px}.btn:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.icon-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.controls .btn:disabled{color:#b4aec6;cursor:default;background:#ebe6f3;border-color:#b4aec6;box-shadow:0 5px #b4aec6}.icon-btn[aria-pressed=true]{background:var(--ocean);color:#fff}.btn svg,.icon-btn svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.btn.play svg{width:32px;height:32px}.icon-btn svg{stroke-width:2.4px;width:22px;height:22px}.btn svg .fill,.icon-btn svg .fill{fill:currentColor;stroke:none}#play .i-play{display:none}#play.paused .i-play{display:block}#play.paused .i-pause{display:none}button:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}.kid .full-only,body:not(.kid) .kid-only{display:none}.kid #dots button{cursor:default;pointer-events:none!important}.kid .controls{gap:18px}.btn.hear{background:var(--ocean);color:#fff;width:60px;height:60px}.btn.hear svg{stroke-width:2.6px;width:30px;height:30px}.btn.done{background:var(--grass);color:#fff;width:82px;height:82px;box-shadow:0 6px 0 var(--ink)}.btn.done svg{stroke-width:3.6px;width:42px;height:42px}.btn.done .i-more{stroke-width:2.6px;display:none}.btn.done.more{background:var(--sun);color:var(--ink)}.btn.done.more .i-done{display:none}.btn.done.more .i-more{display:block}#k-back{width:46px;height:46px}#k-back:disabled{visibility:hidden}.btn.done.nudge{animation:1.3s ease-in-out infinite ajak}@keyframes ajak{0%,to{outline:0 solid #34c38f8c;transform:scale(1)}50%{outline:10px solid #34c38f00;transform:scale(1.08)}}.icon-btn.parent{opacity:.55;width:36px;height:36px;box-shadow:none;flex:none}.icon-btn.parent svg{stroke-width:2.2px;width:20px;height:20px}#start{z-index:10;background:#fff4dcf0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#start[hidden]{display:none}.start-card{border:var(--border);background:var(--paper);width:min(340px,100%);box-shadow:0 6px 0 var(--ink);cursor:pointer;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:20px 20px 22px;animation:.35s cubic-bezier(.34,1.56,.64,1) muncul;display:flex}.start-art{aspect-ratio:1;border:var(--border);background-color:var(--sky);background-image:radial-gradient(var(--sky-dot) 1.5px, transparent 2px);background-size:14px 14px;border-radius:22px;width:min(220px,56vw)}.start-art img{width:100%;height:100%;display:block}.start-name{font-family:var(--display);text-align:center;margin:0;font-size:26px;font-weight:700}.btn.go{background:var(--grass);color:#fff;width:96px;height:96px;box-shadow:0 6px 0 var(--ink);animation:1.3s ease-in-out infinite ajak}.btn.go svg{width:46px;height:46px}#start-pick{width:48px;height:48px}#start-pick svg{width:24px;height:24px}@media (height<=560px){.start-card{flex-flow:wrap;justify-content:center;width:min(560px,100%)}.start-art{width:150px}.start-name{order:-1;width:100%}}.sheet{border:var(--border);background:var(--cream);width:min(420px,100vw - 24px);color:var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:24px;padding:0}.sheet::backdrop{background:#2d255073}.sheet[open]{animation:.28s cubic-bezier(.34,1.56,.64,1) muncul}.sheet-head{justify-content:space-between;align-items:center;padding:14px 14px 4px 18px;display:flex}.sheet-head h2{font-family:var(--display);margin:0;font-size:22px;font-weight:700}.sheet-body{padding:4px 18px 18px}.sheet-body p{margin:8px 0;font-weight:600}.gate-q{font-family:var(--display);font-size:24px;font-weight:700!important}.gate-row{gap:10px;display:flex}#gate-in{width:90px;font:700 22px var(--display);color:var(--ink);border:var(--border);background:var(--paper);border-radius:14px;padding:8px 12px}.pill{font:700 18px var(--display);border:var(--border);background:var(--grass);color:#fff;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:999px;padding:8px 18px}.gate-err{min-height:1.3em;color:var(--mountain)}.opt{cursor:pointer;border-bottom:1.5px dashed #d8cfb8;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.opt:last-child{border-bottom:0}.opt input{width:22px;height:22px;accent-color:var(--grass);flex:none;margin:2px 0 0}.opt b{font-family:var(--display);font-size:18px;display:block}.opt small{color:var(--ink-soft);margin-top:2px;font-size:14px;line-height:1.35;display:block}@media (width<=430px){header{gap:6px}.brand{gap:4px}.logo{width:28px;height:28px}.wordmark{display:none}}@media (width<=360px){#title{font-size:19px}#dots button{width:24px;height:24px;font-size:11.5px}.controls{gap:9px}}@media (height<=620px){header{padding:6px 0}#text{margin-top:8px;font-size:16px}.btn{width:50px;height:50px}.btn.play{width:58px;height:58px}.btn.hear{width:52px;height:52px}.btn.done{width:68px;height:68px}.btn.done svg{width:36px;height:36px}#k-back{width:42px;height:42px}}@media (width>=700px) and (orientation:portrait){#app{max-width:760px;padding:0 20px calc(16px + env(safe-area-inset-bottom))}#title{font-size:26px}#text{font-size:20px}}@media (width>=800px) and (orientation:landscape){#app{max-width:none;padding:16px max(20px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(270px,30vw,340px);column-gap:20px;display:grid}#stage{grid-area:1/1/-1}header{flex-direction:column;grid-area:1/2;align-items:stretch;gap:12px;padding:0;position:relative}.icon-btn.parent{position:absolute;top:-3px;right:0}#panel{flex-direction:column;grid-area:2/2;min-height:0;padding:22px 0 6px;display:flex}#step-label{text-align:center;font-family:var(--display);color:var(--ink-soft);margin:0 0 8px;font-size:17px;font-weight:600;display:block}#panel>#dots{grid-template-columns:repeat(var(--cols,9), max-content);justify-content:center;gap:7px 5px;height:auto;padding:0;display:grid;overflow:visible}#dots button{width:32px;height:32px;font-size:14px}#text{flex:1 1 0;align-content:safe start;height:auto;min-height:0;margin:18px 0 0;font-size:20px}.controls{margin-top:10px;padding-bottom:0}}@media (width>=800px) and (orientation:landscape) and (height<=500px){#app{padding-top:10px}header{flex-direction:row;gap:8px}.icon-btn.parent{position:static}.brand{display:none}#panel{padding-top:10px}#step-label{margin-bottom:4px;font-size:14px}#panel>#dots{gap:5px}#dots button{width:28px;height:28px;font-size:12.5px}#text{margin-top:10px;font-size:17px}.controls{gap:8px}.icon-btn{width:38px;height:38px}.btn{width:46px;height:46px}.btn.play{width:54px;height:54px}.btn.hear{width:48px;height:48px}.btn.done{width:60px;height:60px}.btn.done svg{width:32px;height:32px}#k-back{width:38px;height:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.beli-art{font:700 18px var(--display);align-items:center;gap:12px;margin:4px 0 10px;display:flex}.beli-art img{border:2px solid var(--ink);background:var(--sky);border-radius:14px;width:64px;height:64px}.beli-poin{margin:6px 0 10px;padding-left:22px;font-weight:700;line-height:1.5}.beli-harga{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.beli-harga b{font:700 30px var(--display)}.beli-harga small{color:var(--ink-soft);font-weight:600}.beli-kecil{color:var(--ink-soft);font-size:14px;font-weight:600!important}.field{margin:12px 0 10px;display:block}.field span{margin-bottom:4px;font-weight:700;display:block}.field input{box-sizing:border-box;width:100%;font:600 17px var(--body);color:var(--ink);border:var(--border);background:var(--paper);border-radius:14px;padding:10px 12px}.pill.wide{width:100%;padding:12px 18px;font-size:20px}.pill.alt{background:var(--paper);color:var(--ink)}.pill:disabled{opacity:.6;cursor:wait}.pill:active:not(:disabled){box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.tautan{color:var(--ocean);cursor:pointer;background:0 0;border:0;margin:8px auto 0;padding:6px;font-weight:700;text-decoration:underline;display:block}.akun{border-top:1.5px dashed #d8cfb8;gap:10px;padding-top:12px;display:grid}.akun p{margin:0}.akun b{font-family:var(--display);font-size:18px;display:block}.akun small{color:var(--ink-soft);margin-top:2px;font-size:14px;line-height:1.35;display:block}.card.kunci .art img{opacity:.55}.gembok{width:30px;height:30px;position:absolute;bottom:6px;right:6px}.gembok svg{width:100%;height:100%;display:block}.home-kaki{color:var(--ink-soft);text-align:center;border-top:1.5px dashed #d8cfb8;margin:36px 0 8px;padding-top:14px;font-size:14px;line-height:1.9}.home-kaki a{color:var(--ink-soft);font-weight:700}.beli-kecil a{color:var(--ocean)}