*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif}#root{height:100dvh;display:flex}.t-mono{--ink:#0a0a0a;--bg:#f2f1ee;--surface:#fff;--abu:#7a7a75;--garis:#e4e3de;--aksen:#ffd400;--aksen-fg:#0a0a0a;--r:26px;--rbig:34px;--rbtn:22px;--f-head:"Bricolage Grotesque";--h1:34px;--big:52px;--body:18px;--small:15px;--frame:#111;--frame2:#2a2a2a;--tepi:none}.t-bold{--ink:#141414;--bg:#fffdf7;--surface:#fff;--abu:#4b4b4b;--garis:#141414;--aksen:#ffd400;--aksen-fg:#141414;--r:20px;--rbig:24px;--rbtn:18px;--f-head:"Bricolage Grotesque";--h1:36px;--big:54px;--body:19px;--small:16px;--frame:#141414;--frame2:#141414;--tepi:3px solid #141414}.t-dark{--ink:#f2f4f8;--bg:#0e1116;--surface:#171b22;--abu:#8b93a3;--garis:#242a33;--aksen:#ffd400;--aksen-fg:#0a0a0a;--r:24px;--rbig:30px;--rbtn:20px;--f-head:"Bricolage Grotesque";--h1:34px;--big:52px;--body:18px;--small:15px;--frame:#000;--frame2:#333;--tepi:none}.phone{background:var(--bg);width:100%;height:100dvh;color:var(--ink);padding-top:env(safe-area-inset-top);flex-direction:column;transition:background .25s,color .25s;display:flex;position:relative;overflow:hidden}.layout{flex:1;width:100%;min-height:0;display:flex}.main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.sidebar{display:none}.vp{scrollbar-width:none;scroll-behavior:smooth;flex:1;width:100%;max-width:640px;margin:0 auto;overflow-y:auto}.vp::-webkit-scrollbar{display:none}.screen{padding:20px 18px calc(140px + env(safe-area-inset-bottom));display:none}.screen.on{animation:.28s cubic-bezier(.2,.7,.3,1) slidein;display:block}@keyframes slidein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen.on{animation:none}}.p-h1{font-family:var(--f-head),sans-serif;font-size:var(--h1);letter-spacing:-.035em;margin:0;font-weight:800;line-height:1.05}.p-sub{color:var(--abu);font-size:var(--sub);margin:8px 0 0;font-weight:600}.p-sec{font-family:var(--f-head),sans-serif;font-size:var(--sec);letter-spacing:-.02em;margin:28px 0 12px;font-weight:700}.p-num{font-family:var(--f-head),sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:800}.nama{font-weight:700;font-size:var(--body);line-height:1.25}.tgl{font-size:var(--small);color:var(--abu);margin-top:4px;font-weight:600}.ic-inline{vertical-align:-2px;width:13px;height:13px;display:inline-flex}.ic-inline svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.emo{filter:grayscale()contrast(1.1);flex:none;font-size:26px;line-height:1}.t-dark .emo{filter:grayscale()brightness(1.6)}.emo.picon{filter:none;width:26px;height:26px;color:var(--ink);justify-content:center;align-items:center;font-size:0;display:inline-flex}.emo.picon svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.card{background:var(--surface);border-radius:var(--r);border:var(--tepi);margin-top:14px;padding:20px}.card.tap{cursor:pointer;transition:transform .12s}.card.tap:active{transform:scale(.985)}.row{align-items:center;gap:14px;min-width:0;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.head{align-items:flex-start;gap:10px;padding-top:12px;display:flex}.head-info{flex:1;min-width:0}.jamcuaca{text-align:right;flex:none;max-width:38%;margin-left:auto;padding-top:2px}.jc-jam{font-family:var(--f-head),sans-serif;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:800;display:block}.jc-cuaca{color:var(--abu);align-items:center;gap:4px;max-width:100%;margin-top:5px;font-size:13px;font-weight:700;display:inline-flex}.jc-cuaca .jc-ic{flex:none;width:16px;height:16px;display:inline-flex}.jc-cuaca .jc-ic svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.jc-cuaca.offline{opacity:.7}.jc-teks{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ava{background:var(--ink);width:54px;height:54px;color:var(--aksen);font-family:var(--f-head),sans-serif;border-radius:18px;flex:none;place-items:center;font-size:19px;font-weight:800;display:grid;overflow:hidden}.ava img{object-fit:cover;width:100%;height:100%}.ava svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.t-dark .ava{background:var(--aksen);color:#0a0a0a}.hero-card{background:var(--aksen);color:var(--aksen-fg);border-radius:var(--rbig);border:var(--tepi);margin-top:20px;padding:28px 24px 24px;position:relative;overflow:hidden}.hero-card .lbl{opacity:.62;margin:0;font-size:16px;font-weight:700}.hero-card .big{font-size:var(--big);margin:10px 0 0;line-height:.95}.hero-card .delta{color:var(--aksen);background:#0a0a0a;border-radius:999px;margin-top:18px;padding:11px 16px;font-size:14.5px;font-weight:700;display:inline-block}.hero-card .blob{background:#0a0a0a12;border-radius:50%;width:140px;height:140px;position:absolute;top:-34px;right:-34px}.pop{animation:.45s cubic-bezier(.2,1.5,.4,1) pop}@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.bento{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.tile{background:var(--surface);border-radius:var(--r);border:var(--tepi);padding:20px}.tile.ink{background:var(--ink);color:var(--bg)}.tile .k{font-size:var(--small);color:var(--abu);margin:12px 0 6px;font-weight:600}.tile.ink .k{opacity:.65}.tile .v{margin:0;font-size:26px}.tile.ink .emo{filter:grayscale()invert()brightness(2)}.t-dark .tile.ink{background:var(--aksen);color:#0a0a0a}.t-dark .tile.ink .k{color:#0a0a0a99}.t-dark .tile.ink .emo{filter:grayscale()contrast(1.1)}.item{border-bottom:1.5px solid var(--garis);align-items:center;gap:14px;min-height:60px;padding:16px 0;display:flex}.item:last-child{border-bottom:0}.item.tap{cursor:pointer;transition:opacity .15s}.item.tap:active{opacity:.55}.item.masuk{animation:.3s cubic-bezier(.2,.9,.3,1) masuk}@keyframes masuk{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}@keyframes bubbleMasuk{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}.bulat{background:var(--bg);width:48px;height:48px;font-family:var(--f-head),sans-serif;border:var(--tepi);border-radius:16px;flex:none;place-items:center;font-size:16px;font-weight:800;display:grid;overflow:hidden}.bulat img{object-fit:cover;width:100%;height:100%}.kanan{text-align:right;margin-left:auto}.kanan .p-num{font-size:19px}.sisa-kritis,.utang-teks{font-size:var(--small);color:#e5484d;flex:none;margin-left:auto;font-weight:700}.utang-teks.lunas{color:var(--abu)}.tag{background:var(--bg);color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}.tag.aman{background:var(--aksen);color:#0a0a0a}.lunas{background:var(--aksen)!important;color:#0a0a0a!important}.btn{border:var(--tepi);border-radius:var(--rbtn);font:inherit;font-size:var(--body);cursor:pointer;background:var(--surface);color:var(--ink);min-height:56px;padding:20px;font-weight:700;transition:transform .12s,opacity .15s}.t-mono .btn,.t-dark .btn{box-shadow:inset 0 0 0 1.5px var(--garis)}.btn.utama{background:var(--ink);color:var(--aksen);box-shadow:none}.t-dark .btn.utama{background:var(--aksen);color:#0a0a0a}.btn:active{transform:scale(.97)}.btn[disabled]{opacity:.32;pointer-events:none}.btn.kecil{font-size:var(--small);border-radius:999px;min-height:48px;padding:14px 18px}.actions{gap:12px;margin-top:22px;display:flex}.actions .btn{flex:1}.actions .btn.utama{flex:1.7}.linkkecil{width:100%;color:var(--abu);font:inherit;cursor:pointer;background:0 0;border:0;margin:26px 0 0;padding:12px;font-size:14px;font-weight:600;text-decoration:underline;display:block}.total{background:var(--ink);color:var(--bg);border-radius:var(--rbig);border:var(--tepi);margin-top:16px;padding:clamp(16px,4.5vw,24px)}.total .t{opacity:.6;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin:0;font-size:clamp(14px,3.8vw,16px);font-weight:600;display:flex}.total .n{color:var(--aksen);word-break:break-all;margin:10px 0 0;font-size:clamp(32px,10vw,44px);line-height:1.1}.t-dark .total{background:var(--surface);color:var(--ink)}.qty{align-items:center;gap:12px;margin-left:auto;display:flex}.qty .p-num{text-align:center;min-width:18px;font-size:20px}.qbtn{border:var(--tepi);background:var(--bg);width:48px;height:48px;color:var(--ink);cursor:pointer;border-radius:16px;font-size:22px;font-weight:700;transition:transform .12s}.qbtn:active{transform:scale(.88)}.ai-row{grid-template-columns:1fr auto auto auto;gap:10px;margin-top:18px;display:grid}.mic-big{background:var(--aksen);color:#0a0a0a;border:var(--tepi);border-radius:var(--rbig);font:inherit;font-size:var(--body);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:76px;padding:22px 14px;font-weight:800;transition:transform .12s;display:flex}.mic-big:active{transform:scale(.97)}.mic-big .ic{flex:none;font-size:28px}.kotak-btn{border-radius:var(--rbig);border:var(--tepi);background:var(--surface);width:66px;min-height:76px;color:var(--ink);cursor:pointer;place-items:center;font-size:26px;transition:transform .12s;display:grid}.t-mono .kotak-btn,.t-dark .kotak-btn{box-shadow:inset 0 0 0 1.5px var(--garis)}.kotak-btn:active{transform:scale(.94)}.kotak-btn small{color:var(--abu);margin-top:3px;font-size:10.5px;font-weight:700;display:block}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.chip{background:var(--surface);border:var(--tepi);border-radius:var(--r);text-align:center;font-size:var(--small);cursor:pointer;color:var(--ink);width:100%;min-height:88px;padding:16px 6px;font-family:inherit;font-weight:700;transition:transform .12s,background .15s}.chip .emo{margin:0 auto 8px;font-size:26px;display:block}.chip:active{transform:scale(.94)}.chip.flash{background:var(--aksen);color:#0a0a0a}.kosong{text-align:center;color:var(--abu);padding:24px 0;font-size:16px;font-weight:600;line-height:1.5}.scan-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.scan-grid .scan{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;margin-top:0}.scan{background:var(--ink);color:var(--bg);border-radius:var(--rbig);cursor:pointer;border:var(--tepi);align-items:center;gap:16px;margin-top:14px;padding:20px;transition:transform .12s;display:flex}.scan.alt{background:var(--surface);color:var(--ink)}.t-mono .scan.alt,.t-dark .scan.alt{box-shadow:inset 0 0 0 1.5px var(--garis)}.t-dark .scan{background:var(--surface);color:var(--ink)}.scan:active{transform:scale(.98)}.scan .kotak{background:var(--aksen);color:#0a0a0a;border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.scan b{font-size:var(--body);font-weight:700;display:block}.scan span{font-size:var(--small);opacity:.62;font-weight:600}.cari{background:var(--surface);border:var(--tepi);border-radius:var(--r);color:var(--abu);gap:12px;margin-top:12px;padding:18px;font-size:17px;font-weight:600;display:flex}.cari input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.cari input::placeholder{color:var(--abu);font-weight:600}.cari-clear{background:var(--bg);width:24px;height:24px;color:var(--abu);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.cari-clear svg{stroke:currentColor;fill:none;stroke-width:2.2px;stroke-linecap:round;width:13px;height:13px}.tabs{scrollbar-width:none;gap:8px;margin-top:16px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;border:var(--tepi);background:var(--surface);color:var(--abu);font:inherit;font-size:var(--small);cursor:pointer;border-radius:999px;min-height:48px;padding:13px 18px;font-weight:700;transition:background .18s,color .18s}.tab.act{background:var(--ink);color:var(--aksen)}.t-dark .tab.act{background:var(--aksen);color:#0a0a0a}.bar{background:var(--bg);border-radius:99px;height:9px;margin-top:14px;overflow:hidden}.bar i{background:var(--ink);border-radius:99px;height:100%;transition:width .6s cubic-bezier(.2,.7,.3,1);display:block}.bar i.kun{background:var(--aksen)}.t-dark .bar{background:#0e1116}.t-dark .bar i{background:#6b7280}.chart{align-items:flex-end;gap:8px;height:140px;margin-top:20px;display:flex}.col{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:9px;height:100%;display:flex}.col i{background:#0a0a0a24;border-radius:9px 9px 4px 4px;width:100%;height:0;transition:height .7s cubic-bezier(.2,.7,.3,1);display:block}.col span{opacity:.5;font-size:13px;font-weight:700}.col.sel span{opacity:1}.rk{background:var(--aksen);color:#0a0a0a;width:32px;height:32px;font-family:var(--f-head),sans-serif;border-radius:11px;flex:none;place-items:center;font-size:15px;font-weight:800;display:grid}.rk.dim{background:var(--bg);color:var(--abu)}.bubble{border-radius:var(--rbig);border:var(--tepi);max-width:82%;margin-top:12px;padding:17px 19px;font-size:17px;font-weight:500;line-height:1.55;animation:.55s cubic-bezier(.16,.9,.2,1) bubbleMasuk}.bot{background:var(--surface);border-bottom-left-radius:10px}.me{background:var(--ink);color:var(--bg);border-bottom-right-radius:10px;margin-left:auto;font-weight:600}.t-dark .me{background:var(--aksen);color:#0a0a0a}.typing{justify-content:center;align-items:center;gap:6px;width:70px;display:flex}.typing i{background:var(--abu);border-radius:50%;width:9px;height:9px;animation:1.2s infinite dot}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.bubble-foto{max-width:70%;padding:6px}.bubble-foto img{border-radius:calc(var(--rbig) - 6px);width:100%;display:block}.bubble-nota{width:92%;max-width:92%}.nota-judul{margin:0 0 8px;font-weight:700}.nota-list{margin:0;padding:0;list-style:none}.nota-list li{border-bottom:1px solid var(--garis);justify-content:space-between;gap:10px;padding:8px 0;font-size:15px;display:flex}.nota-list li:last-child{border-bottom:0}.nota-list li span:first-child{font-weight:600}.nota-list li span:last-child{color:var(--abu);flex:none;font-weight:600}.nota-total{border-top:1.5px solid var(--garis);justify-content:space-between;margin-top:10px;padding-top:10px;font-weight:700;display:flex}.nota-aksi{margin-top:14px}.nota-status{text-align:center;color:var(--abu);margin:14px 0 0;font-weight:700}.vp:has(.chat-page--ai){overflow:hidden}.screen.on:has(.chat-page--ai){flex-direction:column;height:100%;padding:0;display:flex}.chat-page--ai{min-height:0;padding:20px 18px calc(132px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.chat-log{scrollbar-width:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.chat-log::-webkit-scrollbar{display:none}.chat-tail{flex:none}.seg-tanya{background:var(--surface);border:var(--tepi);border-radius:999px;gap:6px;margin-top:12px;padding:6px;display:flex}.t-mono .seg-tanya,.t-dark .seg-tanya{box-shadow:inset 0 0 0 1.5px var(--garis)}.seg-tanya button{font:inherit;font-size:var(--small);color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;min-height:48px;padding:12px 10px;font-weight:700;transition:background .2s,color .2s}.seg-tanya button.on{background:var(--ink);color:var(--aksen)}.t-dark .seg-tanya button.on{background:var(--aksen);color:#0a0a0a}.ava.kom{background:var(--aksen);color:#0a0a0a;font-size:25px}.t-dark .ava.kom{background:var(--ink);color:var(--aksen)}.posts{flex-direction:column;gap:12px;margin-top:16px;display:flex}.post{background:var(--surface);border:var(--tepi);border-radius:var(--r);cursor:pointer;padding:18px;transition:transform .12s;animation:.3s cubic-bezier(.2,.9,.3,1) masuk}.post:active{transform:scale(.985)}.t-mono .post,.t-dark .post{box-shadow:inset 0 0 0 1.5px var(--garis)}.post-head{align-items:center;gap:12px;display:flex}.post-head .bulat{width:44px;height:44px;font-size:15px}.post-id{flex:1;min-width:0}.post-id b{font-size:var(--small);line-height:1.2;display:block}.post-id span{color:var(--abu);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;font-weight:600;display:block;overflow:hidden}.post-q{font-size:var(--body);margin:13px 0 0;font-weight:600;line-height:1.5}.post-meta{color:var(--abu);align-items:center;gap:8px;margin-top:14px;font-size:13.5px;font-weight:700;display:flex}.post-meta>span{align-items:center;gap:6px;display:flex}.aksi{font:inherit;color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:9px 12px;font-size:13.5px;font-weight:700;transition:background .15s,color .15s;display:flex}.aksi:active{transform:scale(.94)}.aksi.suka-on{color:var(--ink);background:var(--aksen)}.t-dark .aksi.suka-on{color:#0a0a0a}.lihat{color:var(--abu);margin-left:auto;font-size:13px;font-weight:700}.suka-row{align-items:center;gap:4px;margin-top:16px;display:flex}.suka-badges{display:flex}.suka-avatar{background:var(--ink);width:26px;height:26px;color:var(--aksen);border:2px solid var(--surface);border-radius:50%;flex:none;place-items:center;margin-left:-8px;font-size:10px;font-weight:800;display:grid}.suka-avatar:first-child{margin-left:0}.t-dark .suka-avatar{background:var(--aksen);color:#0a0a0a}.suka-teks{color:var(--abu);flex:1;margin-left:10px;font-size:13px;font-weight:600}.balas-list{border-top:1px solid var(--abu);margin-top:14px;padding-top:4px}.balas-row{border-bottom:1px solid var(--abu);align-items:flex-start;gap:10px;padding:11px 0;animation:.3s cubic-bezier(.2,.9,.3,1) masuk;display:flex}.balas-row:last-child{border-bottom:0}.balas-row .bulat{border-radius:12px;flex:none;width:34px;height:34px;font-size:12px}.balas-row b{font-size:13.5px}.balas-row p{color:var(--abu);margin:3px 0 0;font-size:14px;font-weight:500;line-height:1.45}.balas-form{gap:8px;margin-top:12px;display:flex}.balas-form input{border:1.5px solid var(--garis);background:var(--bg);min-width:0;color:var(--ink);font:inherit;border-radius:999px;outline:none;flex:1;padding:11px 16px;font-size:14px;font-weight:600}.balas-form input:focus{border-color:var(--ink)}.balas-form button{background:var(--ink);color:var(--aksen);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 18px;font-size:13.5px;font-weight:800}.t-dark .balas-form button{background:var(--aksen);color:#0a0a0a}.hapus-mini{color:var(--abu);cursor:pointer;background:0 0;border:none;flex:none;padding:4px;font-size:18px;line-height:1}.balas-row .hapus-mini{margin-left:auto}@media (width>=860px){.chat-page{padding:40px 0}}.tanya{background:var(--surface);border:var(--tepi);border-radius:var(--r);color:var(--abu);align-items:center;gap:14px;margin-top:20px;padding:16px 16px 16px 22px;font-size:17px;font-weight:600;display:flex;box-shadow:0 8px 20px -10px #1414194d}.tanya input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0}.tanya input::placeholder{color:var(--abu);font-weight:600}.mic{background:var(--aksen);color:#0a0a0a;cursor:pointer;border:0;border-radius:17px;flex:none;place-items:center;width:48px;height:48px;margin-left:auto;font-size:22px;transition:background .15s,color .15s;display:grid}.mic svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mic:disabled{background:var(--bg);color:var(--abu);cursor:not-allowed}.tanya--ai{gap:8px;padding:10px 10px 10px 12px}.tanya--ai input{padding:0 2px;font-size:16px}.tanya-samping{background:var(--bg);width:44px;height:44px;color:var(--abu);cursor:pointer;border:0;border-radius:14px;flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.t-bold .tanya-samping{border:var(--tepi)}.tanya-samping:active{background:var(--garis)}.tanya-samping:disabled{opacity:.45;cursor:not-allowed}.tanya--ai .mic{border-radius:14px;width:44px;height:44px}.mic.dengar{color:#fff;background:#e5484d;animation:1.15s ease-in-out infinite micDenyut}@keyframes micDenyut{0%,to{box-shadow:0 0 #e5484d80}60%{box-shadow:0 0 0 9px #e5484d00}}.dengar-nota{color:#e5484d;align-items:center;gap:8px;padding:6px 4px 10px;font-size:14px;font-weight:600;display:flex}.dengar-nota i{background:#e5484d;border-radius:50%;flex:none;width:8px;height:8px;animation:1.2s infinite dot}.chip-tanya{scrollbar-width:none;gap:8px;padding:2px 0 10px;display:flex;overflow-x:auto}.sambutan{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 4px 16px;display:flex}.sambutan>img{object-fit:contain;width:88px;height:88px}.sambutan h2{font-family:var(--f-head),sans-serif;margin:10px 0 0;font-size:26px;font-weight:800}.sambutan .p-sub{max-width:290px;margin:6px 0 0}.sambutan .chip-tanya{flex-wrap:wrap;justify-content:center;margin-top:20px;padding:0;overflow:visible}.chip-tanya::-webkit-scrollbar{display:none}.chip-tanya button{border:var(--tepi);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;min-height:42px;padding:11px 15px;font-size:14px;font-weight:600;box-shadow:0 4px 12px -8px #14141966}.chip-tanya button:active{transform:scale(.97)}.chip-tanya button:disabled{opacity:.5}.bubble.rapat{margin-top:4px}.bubble.bot.rapat{border-top-left-radius:10px}.bubble.me.rapat{border-top-right-radius:10px}.field{margin-top:14px}.field label{font-size:var(--small);color:var(--abu);margin-bottom:8px;font-weight:700;display:block}.field input,.field select{border-radius:var(--rbtn);border:1.5px solid var(--garis);background:var(--surface);width:100%;color:var(--ink);font:inherit;font-size:var(--body);min-height:56px;padding:18px;font-weight:600}.dropdown-saran{background:var(--surface);border:var(--tepi);z-index:5;border-radius:14px;max-height:180px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px -10px #14141966}.t-mono .dropdown-saran,.t-dark .dropdown-saran{box-shadow:inset 0 0 0 1.5px var(--garis),0 10px 24px -10px #14141966}.dropdown-saran button{text-align:left;border:0;border-bottom:1px solid var(--garis);width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;padding:12px 16px;font-size:15px;font-weight:600;display:block}.dropdown-saran button:last-child{border-bottom:0}.dropdown-saran button:active{background:var(--bg)}.field-pass{position:relative}.field-pass input{padding-right:52px}.field-pass .mata{width:40px;height:56px;color:var(--abu);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:6px}.field-pass .mata:active{background:var(--bg)}.t-bold .field input,.t-bold .field select{border:3px solid var(--garis)}.nav{background:var(--ink);border-radius:var(--rbig);z-index:8;border:var(--tepi);align-items:center;height:88px;padding:0 8px;display:flex;position:absolute;bottom:18px;left:16px;right:16px}.t-dark .nav{background:var(--surface);border:1px solid var(--garis)}.nb{font:inherit;color:#ffffff73;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:5px;padding:8px 0;font-size:12.5px;font-weight:700;display:flex;position:relative}.nb .emo{filter:grayscale()invert()brightness(1.6);opacity:.55;font-size:23px;transition:transform .2s}.nb.on{color:var(--aksen)}.nb.on .emo{opacity:1;filter:none;transform:translateY(-2px)}.fab{background:var(--aksen);color:#0a0a0a;cursor:pointer;border:0;border-radius:24px;flex:none;place-items:center;width:66px;height:66px;margin:0 6px;font-size:30px;font-weight:700;transition:transform .15s;display:grid;position:relative}.badge{background:var(--ink);min-width:24px;height:24px;color:var(--aksen);border:2px solid var(--aksen);border-radius:12px;place-items:center;padding:0 6px;font-size:12.5px;font-weight:800;display:none;position:absolute;top:-6px;right:-6px}.badge.show{animation:.35s pop;display:grid}.sheet{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#0a0a0a99;justify-content:center;align-items:flex-end;padding:18px;display:none;position:absolute;inset:0}.sheet.tengah{align-items:center;padding:26px}.sheet.show{animation:.2s fade;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.panel{background:var(--surface);border:var(--tepi);border-radius:var(--rbig);scrollbar-width:none;width:100%;max-width:440px;max-height:92%;padding:26px 22px;animation:.3s cubic-bezier(.2,.9,.3,1) up;overflow-y:auto}.panel::-webkit-scrollbar{display:none}.panel.mid{text-align:center}@keyframes up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.panel h3{font-family:var(--f-head),sans-serif;letter-spacing:-.03em;margin:0;font-size:26px;font-weight:800}.panel p{color:var(--abu);margin:12px 0 0;font-size:17px;font-weight:600;line-height:1.5}.ok{background:var(--aksen);color:#0a0a0a;border-radius:30px;place-items:center;width:84px;height:84px;margin:0 auto 18px;font-size:40px;display:grid}.viewfinder{aspect-ratio:1;border-radius:var(--r);background:#141414;width:100%;margin-bottom:18px;position:relative;overflow:hidden}.viewfinder:after{content:"";background:var(--aksen);height:3px;box-shadow:0 0 24px var(--aksen);animation:1.3s ease-in-out infinite alternate scan;position:absolute;top:12%;left:10%;right:10%}@keyframes scan{to{top:86%}}.viewfinder.diam:after{content:none}.viewfinder .frame{border:3px solid #ffffff59;border-radius:20px;position:absolute;inset:16%}.viewfinder .isi{color:#fff;place-items:center;display:grid;position:absolute;inset:0}.viewfinder .isi svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:72px;height:72px}.viewfinder .isi img{object-fit:cover;width:100%;height:100%}.toast{background:var(--ink);color:var(--bg);border-radius:var(--r);z-index:100;opacity:0;pointer-events:none;border:var(--tepi);padding:17px 20px;font-size:16px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:122px;left:20px;right:20px;transform:translateY(14px)}.t-dark .toast{background:var(--surface);color:var(--ink);border:1px solid var(--garis)}.toast.show{opacity:1;transform:none}.toast b{color:var(--aksen)}.badge-sync{z-index:21;background:var(--ink);color:var(--bg);text-align:center;border-radius:999px;max-width:min(78%,260px);padding:7px 13px;font-size:12.5px;font-weight:700;line-height:1.3;position:absolute;top:14px;right:14px;box-shadow:0 6px 16px -6px #14141966}.t-dark .badge-sync{background:var(--surface);color:var(--ink);border:1px solid var(--garis)}.badge-sync.offline{color:#fff;background:#8a6d00}.t-dark .badge-sync.offline{color:#fff;background:#4a3c00;border-color:#6b5700}.wave{justify-content:center;align-items:center;gap:7px;height:90px;margin-bottom:6px;display:flex}.wave i{background:var(--aksen);transform-origin:50%;opacity:.45;border-radius:99px;width:9px;height:20px;transition:opacity .18s,transform .18s;animation:1.6s ease-in-out infinite alternate w;transform:scaleY(1)}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.4s}.wave i:nth-child(6){animation-delay:.5s}.wave i:nth-child(7){animation-delay:.15s}@keyframes w{to{height:30px}}.wave.ngomong i{opacity:1;transform:scaleY(1.8)}.hasil{border-radius:var(--r);background:var(--bg);cursor:pointer;border:var(--tepi);text-align:left;width:100%;font:inherit;color:var(--ink);align-items:center;gap:14px;margin-top:12px;padding:16px;display:flex}.hasil:active{opacity:.6}.mirip{color:var(--abu);margin-left:auto;font-size:14px;font-weight:800}.opsi-harga{flex-direction:column;gap:8px;margin-top:10px;display:flex}.opsi-harga .hasil{align-items:flex-start;margin-top:0}.opsi-harga .hasil.utama{background:var(--surface);box-shadow:inset 0 0 0 2px var(--aksen)}.opsi-harga .nominal{text-align:right;flex:none;margin-left:auto}.opsi-harga .nominal b{font-size:17px;font-family:var(--f-head),sans-serif;display:block}.opsi-harga .nominal span{color:var(--abu);margin-top:2px;font-size:13px;font-weight:700;display:block}.login{background:var(--bg);z-index:40;flex-direction:column;justify-content:center;align-items:center;padding:34px;display:flex;position:absolute;inset:0}.login.hide{display:none}.login>*{width:100%}.login>:not(.sheet){max-width:420px}.penjaga{border-radius:var(--r);background:var(--surface);border:var(--tepi);cursor:pointer;font:inherit;color:var(--ink);text-align:left;align-items:center;gap:16px;width:100%;margin-top:12px;padding:20px;transition:transform .12s;display:flex}.t-mono .penjaga,.t-dark .penjaga{box-shadow:inset 0 0 0 1.5px var(--garis)}.penjaga:active{transform:scale(.98)}.penjaga b{font-size:21px;font-weight:800;font-family:var(--f-head),sans-serif;letter-spacing:-.02em}.penjaga .kecil{color:var(--abu);margin-top:3px;font-size:14px;font-weight:600;display:block}.phone{--brand:#ffc001;--f-body:"Inter";font-family:var(--f-body),-apple-system,"SF Pro Text",system-ui,sans-serif}.t-mono{--ink:#232326;--bg:#f1f1ef;--surface:#fff;--abu:#8a8a8e;--garis:#ecece9;--aksen:var(--brand);--aksen-fg:#151517;--r:24px;--rbig:30px;--rbtn:20px;--tepi:none;--f-head:var(--f-body);--h1:32px;--big:48px;--body:17px;--small:15px;--frame:#151517;--frame2:#2a2a2c}.t-dark{--ink:#f2f3f5;--bg:#111114;--surface:#1b1b1f;--abu:#8c8c93;--garis:#2a2a30;--aksen:var(--brand);--aksen-fg:#151517;--r:24px;--rbig:30px;--rbtn:20px;--tepi:none;--f-head:var(--f-body);--h1:32px;--big:48px;--body:17px;--small:15px;--frame:#000;--frame2:#2a2a2c}body{background:#e9e9e6}.p-h1,.p-sec,.p-num,.panel h3,.penjaga b,.ava,.bulat,.rk{font-family:var(--f-head),-apple-system,system-ui,sans-serif}.p-h1{letter-spacing:-.03em}.card,.tile{box-shadow:0 1px 2px #1414190a,0 8px 24px -18px #14141959}.t-dark .card,.t-dark .tile{box-shadow:none;border:1px solid var(--garis)}.hero-card{background:var(--ink);color:#fff;box-shadow:0 20px 44px -22px #141419a6}.t-dark .hero-card{background:var(--surface);border:1px solid var(--garis)}.hero-card .lbl{opacity:.6;color:#fff}.t-dark .hero-card .lbl{color:var(--ink)}.hero-card .big{color:var(--aksen)}.hero-card .delta{color:#fff;background:#ffffff21}.hero-card .blob{background:#ffffff0d}.hero-card .col i{background:#ffffff61}.hero-card .col.sel i{background:var(--aksen)}.hero-card .col span{color:#ffffff8c}.t-dark .hero-card .col span{color:var(--abu)}.hero-card .col.sel span{color:#fff}.tile.ink,.t-dark .tile.ink{background:var(--surface);color:var(--ink)}.tile.ink .k,.t-dark .tile.ink .k{color:var(--abu);opacity:1}.tile.ink .emo,.t-dark .tile.ink .emo{filter:grayscale()contrast(1.1)}.scan,.t-dark .scan{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1414190a,0 8px 24px -18px #14141959}.t-mono .scan,.t-mono .scan.alt,.t-dark .scan,.t-dark .scan.alt{box-shadow:0 1px 2px #1414190a,0 8px 24px -18px #14141959}.t-dark .scan,.t-dark .scan.alt{box-shadow:none;border:1px solid var(--garis)}.scan .kotak{background:var(--bg);color:var(--ink);border-radius:16px;font-size:22px}.scan .kotak.aksen{background:var(--aksen);color:#151517}.bulat{background:var(--bg);border:0;border-radius:15px}.tag.aman,.lunas{background:var(--aksen)!important;color:#151517!important}.tag.hot{background:var(--frame);color:var(--aksen)}.btn.utama{background:var(--ink);color:#fff}.btn.utama.brand,.t-dark .btn.utama{background:var(--aksen);color:#151517}.mic-big{border-radius:26px}.col.sel i{background:var(--aksen)}.nav{left:14px;right:14px;bottom:calc(16px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(26px)saturate(180%);backdrop-filter:blur(26px)saturate(180%);border:1px solid #fff9;border-radius:36px;height:72px;padding:0 8px;overflow:visible;box-shadow:inset 0 1px #fffc,0 8px 20px -6px #1414192e,0 26px 44px -24px #1414198c}.t-dark .nav{background:color-mix(in oklab,var(--surface) 82%,transparent);border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f,0 20px 40px -20px #000}.nb{color:var(--abu);gap:4px;padding:6px 0;font-size:11px;font-weight:600}.nb svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;transition:transform .32s cubic-bezier(.32,.72,0,1)}.nb.on{color:var(--ink);font-weight:700}.nb.on svg{transform:translateY(-1px)scale(1.06)}.nb.on svg .fillme{fill:currentColor;stroke:currentColor}.fab{background:var(--aksen);color:#151517;width:62px;height:62px;box-shadow:0 10px 24px -6px color-mix(in oklab,var(--aksen) 65%,transparent),0 6px 14px #1414192e,inset 0 1px 0 #ffffff80;border-radius:50%;margin:0 4px;transition:transform .28s cubic-bezier(.32,.72,0,1);transform:translateY(-16px)}.fab svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.fab:active{transform:translateY(-16px)scale(.92)}.badge{background:var(--ink);color:#fff;border:2px solid var(--surface)}.menu{background:var(--surface);border-radius:var(--r);margin-top:14px;overflow:hidden;box-shadow:0 1px 2px #1414190a,0 8px 24px -18px #14141959}.t-dark .menu{box-shadow:none;border:1px solid var(--garis)}.mrow{width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left;border:0;border-bottom:1px solid var(--garis);background:0 0;align-items:center;gap:14px;min-height:66px;padding:16px 18px;transition:background .15s;display:flex}.mrow:last-child{border-bottom:0}.mrow:active{background:var(--bg)}.mrow .ic{background:var(--bg);border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.mrow .ic svg{width:21px;height:21px;stroke:var(--ink);fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.mrow .ic.aksen{background:var(--aksen)}.mrow .ic.aksen svg{stroke:#151517}.mrow .tx b{font-size:var(--body);font-weight:700;display:block}.mrow .tx span{color:var(--abu);margin-top:2px;font-size:13.5px;font-weight:600;display:block}.mrow .ar{color:var(--abu);margin-left:auto;font-size:22px;font-weight:600}.mrow .ar.panah{transition:transform .25s;display:inline-block}.mrow .ar.panah.buka{transform:rotate(90deg)}.geser-akordeon{opacity:0;max-height:0;transition:max-height .32s,opacity .22s;overflow:hidden}.geser-akordeon.buka{opacity:1;transition:max-height .32s,opacity .22s 50ms}.warna-grid{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.sw{cursor:pointer;border:0;border-radius:18px;width:52px;height:52px;transition:transform .25s cubic-bezier(.32,.72,0,1);position:relative;box-shadow:0 4px 12px -4px #1414194d}.sw:active{transform:scale(.9)}.sw.on{transform:scale(1.06)}.sw.on:after{content:"✓";color:#151517;place-items:center;font-size:22px;font-weight:800;display:grid;position:absolute;inset:0}.sw.on{outline:2.5px solid var(--ink);outline-offset:3px}.fontlist{gap:10px;margin-top:14px;display:grid}.fbtn{background:var(--surface);border:1.5px solid var(--garis);border-radius:var(--rbtn);color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;padding:16px 18px;font-size:18px;font-weight:600;transition:border-color .2s,transform .12s;display:flex}.fbtn:active{transform:scale(.985)}.fbtn.on{border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}.fbtn .cek{color:var(--abu);font-size:20px}.fbtn.on .cek{color:var(--ink)}.seg{background:var(--bg);border-radius:999px;gap:4px;margin-top:14px;padding:4px;display:flex}.seg button{font:inherit;color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:12px;font-size:15px;font-weight:700;transition:background .25s cubic-bezier(.32,.72,0,1),color .2s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -2px #14141940}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.scan .kotak svg,.cari svg,.kotak-btn svg,.mic-big .ic svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.scan .kotak svg{width:25px;height:25px}.cari{align-items:center}.cari svg{width:21px;height:21px;color:var(--abu);flex:none}.kotak-btn svg{width:27px;height:27px}.mic-big .ic{place-items:center;display:grid}.mic-big .ic svg{width:27px;height:27px}.mrow.hi{background:var(--aksen);color:#151517}.mrow.hi .tx span{color:#151517ad}.mrow.hi .ic{background:#15151721}.mrow.hi .ic svg{stroke:#151517}.mrow.hi .ar{color:#15151799}.tile.tap{cursor:pointer;transition:transform .12s}.tile.tap:active{transform:scale(.97)}.card.tapx{cursor:pointer;transition:transform .12s}.card.tapx:active{transform:scale(.985)}.linkrow{gap:10px;margin-top:14px;display:flex}.linkrow a{text-align:center;background:var(--surface);border-radius:var(--rbtn);color:var(--ink);flex:1;padding:17px 10px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 1px 2px #1414190a,0 8px 24px -18px #14141959}.t-dark .linkrow a{border:1px solid var(--garis);box-shadow:none}.struk{background:var(--bg);border-radius:var(--r);color:var(--ink);text-align:left;margin-top:16px;padding:18px;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.75}.struk .b{justify-content:space-between;gap:10px;display:flex}.struk .j{font-size:15px;font-weight:800}.struk hr{border:0;border-top:1px dashed var(--garis);margin:10px 0}.pinbox{justify-content:center;gap:12px;margin-top:20px;display:flex}.pinbox i{background:var(--garis);border-radius:50%;width:15px;height:15px;transition:background .2s;display:block}.pinbox i.on{background:var(--aksen)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.keypad button{background:var(--bg);min-height:58px;font:inherit;color:var(--ink);cursor:pointer;border:0;border-radius:20px;font-size:22px;font-weight:700;transition:transform .12s}.keypad button:active{transform:scale(.94)}.opn{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.opn>div{background:var(--bg);border-radius:18px;padding:14px}.opn .k{color:var(--abu);font-size:12.5px;font-weight:700}.opn .v{font-size:19px;font-weight:800;font-family:var(--f-head),sans-serif;letter-spacing:-.03em;margin-top:4px}.ringkas{background:var(--bg);border-radius:18px;justify-content:space-between;gap:10px;margin-top:12px;padding:14px 16px;font-weight:700;display:flex}.ringkas span{color:var(--abu);font-weight:600}.metode{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.metode button{border:1.5px solid var(--garis);background:var(--surface);border-radius:var(--rbtn);font:inherit;color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:96px;padding:20px 12px;font-size:16px;font-weight:700;transition:transform .12s,border-color .2s;display:flex}.metode button:active{transform:scale(.96)}.metode button svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.pilih{background:var(--bg);width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border:0;border-radius:18px;align-items:center;gap:14px;margin-top:10px;padding:14px 16px;transition:transform .12s;display:flex}.pilih:active{transform:scale(.98)}.daftar-geser{max-height:280px;margin:0 -6px;padding:0 6px;overflow-y:auto}.segkecil{background:var(--bg);border-radius:999px;gap:4px;margin-top:14px;padding:4px;display:flex}.segkecil button{font:inherit;color:var(--abu);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1;padding:11px;font-size:14px;font-weight:700}.segkecil button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -2px #14141940}.rangebar{justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.rangebar button{background:var(--surface);width:46px;height:46px;color:var(--ink);cursor:pointer;border:0;border-radius:16px;font-size:20px;font-weight:700;box-shadow:0 1px 2px #1414190d,0 8px 24px -18px #14141959}.t-dark .rangebar button{border:1px solid var(--garis);box-shadow:none}.rangebar b{font-size:15.5px;font-weight:700}.opn.tiga{grid-template-columns:1fr 1fr 1fr;gap:8px}.opn.tiga>div{padding:12px 10px}.opn.tiga .v{font-size:15.5px}.opnhint{color:var(--abu);margin-top:8px;font-size:13.5px;line-height:1.5}.opnhint b{color:var(--ink)}.reko{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.reko button{border:1.5px solid var(--garis);background:var(--surface);min-width:96px;font:inherit;cursor:pointer;text-align:center;color:var(--ink);border-radius:18px;flex:1;padding:12px 8px}.reko button.pas{border-color:var(--aksen);background:color-mix(in oklab,var(--aksen) 16%,var(--surface))}.reko .pct{color:var(--abu);font-size:12.5px;font-weight:800}.reko button.pas .pct{color:var(--ink)}.reko .hrg{letter-spacing:-.02em;font-size:16px;font-weight:800;font-family:var(--f-head),sans-serif;margin-top:2px}.strukwrap{filter:drop-shadow(0 10px 24px #14141924);margin-top:16px}.struk{color:#1d1d1f;text-align:left;--gigi:radial-gradient(circle at 6px 0,transparent 0 6px,#fffdf8 6.5px);background:#fffdf8;border-radius:2px;margin:0;padding:24px 20px 26px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;line-height:1.7;position:relative}.struk:before,.struk:after{content:"";background-image:var(--gigi);background-repeat:repeat-x;background-size:12px 8px;height:8px;position:absolute;left:0;right:0}.struk:before{top:-7px;transform:scaleY(-1)}.struk:after{bottom:-7px}.t-dark .struk{--gigi:radial-gradient(circle at 6px 0,transparent 0 6px,#f7f5ef 6.5px);background:#f7f5ef}.struk .kop{text-align:center;line-height:1.5}.struk .kop .nm{letter-spacing:.16em;font-size:17px;font-weight:800}.struk .kop .al{color:#6b6b70;font-size:11.5px}.struk .meta{color:#6b6b70;justify-content:space-between;font-size:11.5px;display:flex}.struk .b span:last-child{white-space:nowrap}.struk .it .q{color:#6b6b70;padding-left:2px;font-size:11.5px}.struk .j{letter-spacing:-.01em;margin-top:2px;font-size:16px}.struk hr{border-top:1px dashed #c9c5ba}.struk .tks{text-align:center;color:#6b6b70;margin-top:12px;font-size:11.5px;line-height:1.6}.struk .bar{opacity:.8;background:repeating-linear-gradient(90deg,#1d1d1f 0 2px,#0000 2px 4px,#1d1d1f 4px 5px,#0000 5px 9px);height:34px;margin-top:12px}.struk .kode{text-align:center;letter-spacing:.28em;color:#6b6b70;margin-top:6px;font-size:11px}.fab-label{display:none}@media (width>=640px) and (width<=859.98px){.vp{max-width:760px;padding:0 24px}.screen{padding:44px 24px 140px}.nav{width:460px;max-width:calc(100% - 32px);margin:0 auto;left:0;right:0}.toast{width:460px;max-width:calc(100% - 40px);margin:0 auto;left:0;right:0}}@media (width>=860px){.nav{display:none}.toast{width:460px;max-width:calc(100% - 40px);margin:0 auto;left:0;right:0}.sidebar{background:var(--surface);border-right:1px solid var(--garis);scrollbar-width:none;flex-direction:column;flex:none;gap:4px;width:272px;padding:26px 16px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand{align-items:center;gap:12px;padding:6px 10px 22px;display:flex}.sidebar-logo{background:var(--aksen);color:#151517;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.sidebar-logo svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.sidebar-brand b{font-family:var(--f-head),sans-serif;letter-spacing:-.02em;font-size:16.5px;font-weight:800;display:block}.sidebar-brand span{color:var(--abu);margin-top:1px;font-size:12.5px;font-weight:600;display:block}.sidenav{flex-direction:column;gap:3px;display:flex}.sn{font:inherit;color:var(--abu);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;padding:12px 14px;font-size:15px;font-weight:700;transition:background .15s,color .15s;display:flex}.sn svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.sn:hover{background:var(--bg);color:var(--ink)}.sn.on{background:var(--ink);color:var(--aksen)}.t-dark .sn.on{background:var(--aksen);color:#151517}.sn.on svg .fillme{fill:currentColor;stroke:currentColor}.sn-catat{background:var(--aksen);color:#151517;font:inherit;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:11px;margin:2px 0 14px;padding:15px 16px;font-size:15px;font-weight:800;transition:transform .12s;display:flex;position:relative}.sn-catat:active{transform:scale(.98)}.sn-catat svg{stroke:currentColor;fill:none;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.sn-catat .badge{position:absolute;top:-6px;right:-6px}.main{overflow:hidden}.vp{width:100%;max-width:none;margin:0;padding:0 48px}.screen{padding:40px 0 64px}.grid3{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bento{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (width>=1280px){.vp{padding:0 64px}}.sz-kecil{--h1:24px;--big:42px;--body:15px;--small:13px;--sec:18px;--sub:14px}.sz-sedang{--h1:28px;--big:48px;--body:17px;--small:15px;--sec:21px;--sub:16px}.sz-besar{--h1:32px;--big:54px;--body:19px;--small:17px;--sec:23px;--sub:18px}