:root{--ink:#12201a;--ink-70:#12201ab8;--ink-45:#12201a7d;--ink-12:#12201a20;--ink-06:#12201a0f;--paper:#f2ede1;--paper-hi:#faf7ef;--sheet:#fffdf7;--green:#1e5b47;--green-dk:#0f3c2e;--green-soft:#1e5b4714;--stamp:#ac4326;--brass:#a3792f;--brass-light:#e7c880;--brass-dk:#7a5a21;--display:"Fraunces", ui-serif, Georgia, "Times New Roman", serif;--mono:ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:14px;--radius-sm:8px;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;font-size:16px;line-height:1.55}body{background:radial-gradient(circle at 18% -8%, #ffffffb0 0%, transparent 42%), radial-gradient(circle at 100% 0%, #ffffff70 0%, transparent 38%), var(--paper);background-attachment:fixed;min-height:100vh}::selection{background:var(--brass-light);color:var(--green-dk)}:focus-visible{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--brass);border-radius:4px;outline:none}a{color:var(--green)}.wrap{max-width:460px;margin:0 auto;padding:40px 20px 72px}.wrap-wide{max-width:1040px}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-dk);align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.eyebrow:before{content:"";background:var(--brass);width:5px;height:5px;box-shadow:0 0 0 3px var(--green-soft);border-radius:50%}h1{font-family:var(--display);letter-spacing:-.015em;color:var(--green-dk);margin:8px 0 0;font-size:30px;font-weight:700;line-height:1.15}h2{font-family:var(--display);letter-spacing:-.005em;color:var(--green-dk);margin:0 0 5px;font-size:19px;font-weight:650}.note{color:var(--ink-70);margin:7px 0 0;font-size:13.5px}.mono{font-family:var(--mono)}.box{background:var(--sheet);border:1px solid var(--ink-12);border-radius:var(--radius);margin-top:20px;padding:22px;box-shadow:0 1px 2px #12201a08,0 14px 32px -22px #12201a4a}label.field{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-45);margin:20px 0 7px;font-size:10.5px;display:block}.box>label.field:first-child{margin-top:0}input.in{width:100%;font-family:var(--sans);color:var(--ink);background:var(--paper-hi);border:1.5px solid var(--ink-12);border-radius:var(--radius-sm);transition:border-color .15s var(--ease), background .15s var(--ease);padding:14px;font-size:16px}input.in:focus{border-color:var(--green);background:#fff;outline:none}input.in::placeholder{color:var(--ink-45);letter-spacing:normal}input.pin{font-family:var(--mono);letter-spacing:.5em;text-align:center;font-size:21px}input.code{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase}button.btn{appearance:none;cursor:pointer;background:linear-gradient(155deg, var(--green) 0%, var(--green-dk) 100%);color:#fdfaf2;border-radius:var(--radius-sm);width:100%;font-family:var(--sans);letter-spacing:.003em;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);border:0;margin-top:22px;padding:16px;font-size:16px;font-weight:600;box-shadow:inset 0 1px #ffffff26,0 10px 22px -12px #0f3c2e8c}button.btn:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff26,0 14px 26px -12px #0f3c2ea6}button.btn:active{transform:translateY(0)}button.btn:disabled{background:var(--ink-12);color:var(--ink-45);cursor:not-allowed;box-shadow:none;transform:none}button.quiet{background:var(--paper-hi);width:auto;color:var(--ink);border:1.5px solid var(--ink-12);border-radius:var(--radius-sm);transition:background .15s var(--ease), border-color .15s var(--ease);margin:0;padding:11px 16px;font-size:13.5px;font-weight:550}button.quiet:hover{border-color:var(--brass);color:var(--green-dk);background:#fff}button.danger{color:var(--stamp)}.row{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.hits{border:1px solid var(--ink-12);border-radius:var(--radius-sm);background:#fff;margin-top:7px;overflow:hidden;box-shadow:0 10px 26px -18px #12201a5c}button.hit{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--ink-06);width:100%;font-family:var(--sans);color:var(--ink);transition:background .12s var(--ease);background:#fff;padding:13px;display:block}button.hit:last-child{border-bottom:0}button.hit:hover{background:var(--green-soft)}button.hit b{font-size:14px;font-weight:650;display:block}button.hit span{color:var(--ink-70);margin-top:1px;font-size:12px;display:block}.picked{background:var(--paper-hi);border-left:3px solid var(--green);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-top:9px;padding:13px 14px}.picked b{font-size:14px;display:block}.picked span{color:var(--ink-70);margin-top:2px;font-size:12px;display:block}.msg{background:var(--paper-hi);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:3px solid;margin-top:17px;padding:12px 13px;font-size:13.5px}.msg.bad{border-color:var(--stamp);color:var(--stamp)}.msg.good{border-color:var(--green);color:var(--green-dk)}.msg.info{border-color:var(--brass);color:var(--ink-70)}.card{aspect-ratio:1.586;color:#f2efe4;background:radial-gradient(120% 140% at 100% 0,#2c4d3d 0%,#0000 55%),linear-gradient(155deg,#1c3a2d 0%,#12201a 55%,#0a130f 100%);border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,0 18px 40px -18px #0a130fb0}.card:after{content:"";border:1.5px solid #e7c88026;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-50px;right:-50px;box-shadow:0 0 0 26px #e7c88012,0 0 0 52px #e7c8800a}.card:before{content:"";pointer-events:none;background:linear-gradient(115deg,#fff2 0%,#0000 26%);position:absolute;inset:0}.card-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.card-brand{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:#f2efe48c;font-size:9.5px}.card-chip{background:linear-gradient(140deg, var(--brass-light), var(--brass-dk));border-radius:4px;width:34px;height:24px;position:relative;box-shadow:inset 0 1px #ffffff40}.card-chip:after{content:"";border:1px solid #00000024;border-radius:2px;position:absolute;inset:4px}.card-code{z-index:1;font-family:var(--mono);letter-spacing:.17em;text-shadow:0 1px #ffffff2e,0 -1px #00000059;font-size:clamp(23px,8vw,33px);font-weight:700;position:relative}.card-foot{z-index:1;font-family:var(--mono);color:#f2efe499;font-size:10px;position:relative}.card-biz{font-family:var(--display);color:#f2efe4;font-size:14.5px;font-weight:650}.stamp{z-index:2;border:2px solid var(--brass-light);color:var(--brass-light);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;opacity:.95;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:4px;padding:5px 11px 4px;font-size:12px;font-weight:700;position:absolute;bottom:38px;right:16px;transform:rotate(-9deg)}.stamp.cold{color:#f2efe48a;border-color:#f2efe45e}.stamp.fresh{animation:.42s cubic-bezier(.2,1.4,.4,1) both thud}@keyframes thud{0%{opacity:0;transform:rotate(-9deg)scale(2.7)}60%{opacity:.95;transform:rotate(-9deg)scale(1)}72%{transform:rotate(-9deg)scale(.965)}to{opacity:.95;transform:rotate(-9deg)scale(1)}}@media (prefers-reduced-motion:reduce){.stamp.fresh{animation:none}}dl.spec{margin:0;font-size:13.5px}dl.spec>div{border-bottom:1px dotted var(--ink-12);justify-content:space-between;gap:12px;padding:9px 0;display:flex}dl.spec>div:last-child{border-bottom:0}dl.spec dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);flex-shrink:0;font-size:10.5px}dl.spec dd{text-align:right;word-break:break-word;margin:0}table.cards{border-collapse:collapse;width:100%;margin-top:15px;font-size:13.5px}table.cards th{text-align:left;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45);border-bottom:1.5px solid var(--ink);padding:9px 7px;font-size:10px}table.cards td{border-bottom:1px solid var(--ink-12);vertical-align:top;padding:11px 7px}table.cards tr:hover td{background:var(--green-soft)}table.cards td.c{font-family:var(--mono);letter-spacing:.12em;font-weight:700}.dot{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9.5px}.dot.live{color:var(--green)}.dot.ready{color:var(--brass-dk)}.dot.idle{color:var(--ink-45)}.dot.off{color:var(--stamp)}@media print{.no-print{display:none!important}body{background:#fff}.sheet{padding:0}}.sheet{max-width:860px;margin:0 auto;padding:28px 20px 64px}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.qr-cell{border:1px dashed var(--ink-45);border-radius:var(--radius-sm);text-align:center;break-inside:avoid;background:#fff;padding:11px 9px 9px}.qr-cell svg{width:100%;height:auto;display:block}.qr-cell .code{font-family:var(--mono);letter-spacing:.16em;color:var(--green-dk);margin-top:7px;font-size:14px;font-weight:700}.qr-cell .host{font-family:var(--mono);color:var(--ink-45);font-size:8.5px}.grafik{margin-top:18px}.grafik-atas{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.grafik-puncak{font-family:var(--mono);color:var(--ink-45);font-size:10px}.grafik svg{width:100%;height:auto;margin-top:9px;display:block}.angka{flex-wrap:wrap;gap:24px;margin-top:5px;display:flex}.angka>div{min-width:96px}.angka .n{font-family:var(--display);letter-spacing:-.02em;color:var(--green-dk);font-size:36px;font-weight:700;line-height:1.05}.angka .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-45);margin-top:3px;font-size:10px}.delta{font-family:var(--mono);font-size:11.5px}.delta.naik{color:var(--green)}.delta.turun{color:var(--stamp)}.delta.rata{color:var(--ink-45)}pre.pesan{font-family:var(--sans);white-space:pre-wrap;word-break:break-word;background:var(--paper-hi);border-left:3px solid var(--brass);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:13px 0 0;padding:13px;font-size:13.5px;line-height:1.55}ul.bulan{margin:11px 0 0;padding:0;list-style:none}ul.bulan li{border-bottom:1px dotted var(--ink-12);justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px;display:flex}ul.bulan li:last-child{border-bottom:0}ul.bulan .j{font-family:var(--mono);color:var(--green-dk);font-weight:700}ol.urut{margin:9px 0 0;padding-left:21px;font-size:13.5px}ol.urut li{padding:3.5px 0}ol.urut li::marker{font-family:var(--mono);color:var(--brass-dk);font-size:11px}.qr-unduh{justify-content:center;gap:5px;margin-top:7px;display:flex}.qr-unduh button{appearance:none;cursor:pointer;font-family:var(--mono);letter-spacing:.1em;color:var(--ink-70);border:1px solid var(--ink-12);transition:background .12s var(--ease), border-color .12s var(--ease);background:0 0;border-radius:5px;padding:4px 8px;font-size:9.5px}.qr-unduh button:hover{background:var(--green-soft);color:var(--green-dk);border-color:var(--green)}