*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}body{background:#f5f5f7;color:#111;padding-top:40px;padding-bottom:40px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}.app{padding:20px;max-width:600px;margin:0 auto}h1{font-size:26px;margin-bottom:15px}ul{list-style:none}li{padding:10px 0;border-bottom:1px solid #ddd;font-size:16px}#keypad{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:6px;padding:12px;transition:opacity .2s ease}#keypad.training{background:#0000ff0d;opacity:1}#keypad.training div{background:#0000000d;color:#000000b3}#keypad.hidden-mode{background:transparent;opacity:0;pointer-events:auto}#keypad.hidden-mode div{background:transparent;color:transparent}#keypad.flash{background:#0000000a}#keypad div{display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;border-radius:12px;-webkit-user-select:none;user-select:none;cursor:pointer}#list{position:relative;z-index:1}#keypad{z-index:9999}