*{box-sizing:border-box;margin:0;padding:0}:root{--putih: #ffffff;--kuning: #ffd60a;--merah: #ff3b30;--oranye: #ff8a00;--hitam: #111111;--tepi: 3px solid var(--hitam);--bayangan: 4px 4px 0 var(--hitam);--bayangan-tekan: 2px 2px 0 var(--hitam);--sudut: 6px}body{font-family:system-ui,-apple-system,sans-serif;background:var(--putih);color:var(--hitam)}.app{display:flex;flex-direction:column;min-height:100dvh}.konten{flex:1;padding:16px 16px 96px;max-width:640px;margin:0 auto;width:100%}h1{font-size:1.4rem;margin-bottom:16px;color:var(--merah);font-weight:800;text-transform:uppercase;letter-spacing:.5px;border-bottom:4px solid var(--hitam);padding-bottom:8px}h2{font-size:1.05rem;margin-bottom:10px;color:var(--hitam);font-weight:800}.kartu{background:var(--kuning);border:var(--tepi);border-radius:var(--sudut);padding:16px;margin-bottom:12px;box-shadow:var(--bayangan)}.kartu-label{font-size:.75rem;color:var(--hitam);text-transform:uppercase;font-weight:800;letter-spacing:.5px}.kartu-angka{font-size:2rem;font-weight:900;margin:4px 0;color:var(--oranye)}.kartu-kecil{font-size:.8rem;color:var(--hitam);font-weight:600}.tombol{display:inline-block;background:var(--merah);color:var(--putih);padding:12px 20px;border-radius:var(--sudut);text-decoration:none;font-size:1rem;font-weight:800;border:var(--tepi);cursor:pointer;min-height:48px;box-shadow:var(--bayangan)}.tombol:active{transform:translate(2px,2px);box-shadow:var(--bayangan-tekan)}.tombol-kedua{background:var(--putih);color:var(--hitam)}.error{color:var(--putih);background:var(--merah);padding:12px;border:var(--tepi);border-radius:var(--sudut);margin-bottom:12px;font-weight:700;box-shadow:var(--bayangan)}.nav-bawah{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--kuning);border-top:var(--tepi);padding-bottom:env(safe-area-inset-bottom)}.nav-item{flex:1;text-align:center;padding:12px 4px;text-decoration:none;color:var(--hitam);font-size:.8rem;font-weight:800;min-height:48px;text-transform:uppercase;letter-spacing:.5px}.nav-item.aktif{background:var(--merah);color:var(--putih)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:48px;height:48px;font-size:1.4rem;border-radius:var(--sudut);border:var(--tepi);background:var(--putih);cursor:pointer;box-shadow:3px 3px 0 var(--hitam);font-weight:800}.stepper button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--hitam)}.stepper-nilai{font-size:1.1rem;font-weight:800;min-width:60px;text-align:center}.daftar-item{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:2px solid var(--hitam);gap:10px}.daftar-item:last-child{border-bottom:none}.badge{display:inline-block;padding:4px 10px;border:2px solid var(--hitam);border-radius:var(--sudut);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.badge-baru{background:var(--kuning);color:var(--hitam)}.badge-selesai{background:var(--oranye);color:var(--putih)}.badge-tipis{background:var(--merah);color:var(--putih)}.kartu-peringatan{background:var(--merah);color:var(--putih);border:var(--tepi);box-shadow:var(--bayangan)}.kartu-peringatan .kartu-label{color:var(--putih)}.kartu-peringatan input{border-color:var(--hitam)}.baris-tombol{display:flex;gap:10px;margin-bottom:14px}.baris-tombol .tombol{flex:1;text-align:center}input,select{width:100%;padding:12px;border-radius:var(--sudut);border:var(--tepi);font-size:1rem;margin-bottom:10px;min-height:48px;background:var(--putih);color:var(--hitam);font-weight:600}input:focus,select:focus{outline:3px solid var(--kuning);outline-offset:2px}