.kp{flex-direction:column;gap:20px;min-width:0;max-width:560px;margin:0 auto;padding:32px 18px 110px;display:flex}.kp *{min-width:0}.kp-eyebrow{color:var(--cyan);margin:0;font-family:VT323,monospace;font-size:22px}.kp h1{overflow-wrap:anywhere;margin:0;font-family:"Press Start 2P",monospace;font-size:15px;font-weight:400;line-height:1.6}.kp h2{letter-spacing:1px;color:var(--mut);margin:0;font-family:"Press Start 2P",monospace;font-size:9px;font-weight:400;line-height:1.6}.kp-lead{color:var(--mut);margin:0;font-size:15px;line-height:1.6}.kp-note{color:var(--mut);margin:0;font-size:13px;line-height:1.6}.kp-sec{flex-direction:column;gap:12px;display:flex}.kp-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.kp-tag{border:2px solid var(--yellow-ink);color:var(--yellow-ink);padding:3px 6px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.5;display:inline-block}.kp-no{letter-spacing:2px;overflow-wrap:anywhere;font-family:VT323,monospace;font-size:26px;line-height:1}.kp-card{filter:drop-shadow(6px 6px #00e5ff4d)}.kp-card.muted{opacity:.45;filter:none}.kp-sample[hidden],.kp-face[hidden]{display:none!important}.kbtn{background:var(--yellow);min-height:52px;color:var(--on-accent);box-shadow:5px 5px 0 0 var(--mag);text-align:center;cursor:pointer;border:0;justify-content:center;align-items:center;padding:10px 14px;font-family:"Press Start 2P",monospace;font-size:10px;line-height:1.6;text-decoration:none;display:flex}.kbtn.ghost{border:2px solid var(--cyan);min-height:48px;color:var(--cyan);box-shadow:none;background:0 0;font-size:8px}.kbtn.quiet{border:2px solid var(--line);min-height:44px;color:var(--ink);box-shadow:none;background:0 0;font-size:8px}.kbtn.link{min-height:44px;color:var(--mut);box-shadow:none;background:0 0;border:0;font-size:8px;text-decoration:underline}.kbtn.danger{border:2px solid var(--neg);min-height:44px;color:var(--neg);box-shadow:none;background:0 0;font-size:8px}.kbtn:focus-visible,.kopt:focus-within,.kfield input:focus-visible,.kfield select:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.kbtn:disabled,.kbtn[aria-disabled=true]{background:var(--surface);color:var(--mut);border:2px solid var(--line);box-shadow:none;cursor:not-allowed}.kgrid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=380px){.kgrid2{grid-template-columns:minmax(0,1fr)}}.kstack{flex-direction:column;gap:12px;display:flex}.kfs{border:0;flex-direction:column;gap:8px;margin:0;padding:0;display:flex}.kfs legend{color:var(--mut);margin-bottom:8px;padding:0;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.6}.kopt{background:var(--panel);border:2px solid var(--line);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:6px 12px;display:flex}.kopt:has(input:checked){border-color:var(--cyan)}.kopt input{width:18px;height:18px;accent-color:var(--cyan);flex:none;margin:0}.kopt .t{overflow-wrap:anywhere;flex-direction:column;gap:2px;font-size:15px;line-height:1.3;display:flex}.kopt .t small{color:var(--mut);font-size:12px}.kopt .p{white-space:nowrap;margin-left:auto;font-family:VT323,monospace;font-size:20px}.kgrid-opt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=380px){.kgrid-opt{grid-template-columns:minmax(0,1fr)}}.kfield{flex-direction:column;gap:6px;display:flex}.kfield label,.kfield .lbl{color:var(--mut);font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6}.kfield input,.kfield select{border:2px solid var(--line);background:var(--panel);width:100%;min-height:48px;color:var(--ink);font:inherit;padding:8px 12px;font-size:16px}.kfield input::placeholder{color:var(--placeholder)}.kfield.bad input{border-color:var(--neg)}.kfield .err{color:var(--neg);margin:0;font-size:13px}.kresults{flex-direction:column;gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.kresults button{text-align:left;border:2px solid var(--line);background:var(--panel);width:100%;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;overflow-wrap:anywhere;padding:8px 12px;font-size:14px}.kresults button:hover,.kresults button:focus-visible{border-color:var(--cyan)}.kbox{border:2px solid var(--line);background:var(--panel);flex-direction:column;gap:10px;padding:14px;display:flex}.kline{justify-content:space-between;gap:12px;font-size:15px;line-height:1.4;display:flex}.kline .v{text-align:right;overflow-wrap:anywhere}.kline.total{border-top:2px dashed var(--line);padding-top:10px;font-weight:700}.kmsg{border:2px solid var(--line);margin:0;padding:10px 12px;font-size:14px;line-height:1.5}.kmsg.err{border-color:var(--neg);color:var(--neg)}.kmsg.ok{border-color:var(--pos);color:var(--pos)}.kmsg:empty{display:none}.kback{color:var(--cyan);font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.6;text-decoration:none}.klist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kitem{border:2px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.kitem a{color:var(--cyan)}.kstatus{color:#0a0a0a;background:var(--mut);padding:4px 7px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.5;display:inline-block}.kstatus.ok{background:var(--pos)}.kstatus.tunggu{background:var(--yellow)}.kstatus.batal{background:var(--neg)}.kconfirm{flex-direction:column;gap:8px;width:100%;display:flex}.kreq{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.kreq li{background:var(--panel);border:2px solid var(--line);align-items:center;gap:12px;min-height:44px;padding:0 12px;font-size:15px;display:flex}.kreq .st{color:var(--pos);margin-left:auto;font-family:"Press Start 2P",monospace;font-size:7px}.kreq .st.no{color:var(--neg)}.kprog{gap:6px;display:flex}.kprog i{background:var(--line);flex:1;height:8px}.kprog i.on{background:var(--cyan)}
