:root{--latar:#fafaf9;--kartu:#fff;--garis:#e7e5e4;--teks:#44403c;--judul:#1c1917;--redup:#78716c;--biru:#1976d2;--biru-hover:#1565c0;--error:#c62828;--peringatan:#b45309;--peringatan-latar:#fef3c7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background:var(--latar);color:var(--teks);margin:0;font:15px/1.5 system-ui,sans-serif}#lobi{max-width:360px;margin:12vh auto;padding:0 16px}h1{color:var(--judul);letter-spacing:-.02em;margin:0;font-size:32px}.sub{color:var(--redup);margin:0 0 24px}form{background:var(--kartu);border:1px solid var(--garis);border-radius:6px;gap:12px;padding:16px;display:grid}label{gap:4px;font-size:13px;display:grid}input[type=text],input:not([type]){font:inherit;border:1px solid var(--garis);border-radius:6px;padding:8px 10px}input:focus-visible,button:focus-visible{outline-offset:1px;outline:2px solid #2196f3}.tombol{gap:8px;display:flex}button{font:inherit;border:1px solid var(--biru);background:var(--biru);color:#fff;cursor:pointer;border-radius:6px;flex:1;padding:8px 12px}button:hover{background:var(--biru-hover)}button.kedua{background:var(--kartu);color:var(--biru-hover)}#pesan-error{min-height:1.5em;color:var(--error);margin:0;font-size:13px}#layar{width:100vw;height:100vh;display:block;position:fixed;inset:0}#layar[hidden],#panel[hidden],#sinyal[hidden],#lobi[hidden]{display:none}#panel{background:var(--kartu);border:1px solid var(--garis);border-radius:6px;width:240px;padding:12px;font-size:13px;position:fixed;top:16px;right:16px;box-shadow:0 1px 2px #1c191708}.baris{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.baris span{color:var(--redup)}.baris b{color:var(--judul);font-weight:600}.lelet{cursor:pointer;align-items:center;gap:6px;margin-top:8px;display:flex}.petunjuk{color:var(--redup);margin:8px 0 0}#p-keluar{width:100%;margin-top:12px}#sinyal{background:var(--peringatan-latar);color:var(--peringatan);border:1px solid var(--peringatan);border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;position:fixed;top:16px;left:50%;transform:translate(-50%)}