*,:after,:before{box-sizing:border-box}body{background:#f5f7fb;color:#222;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;margin:0}.site-header{align-items:center;background:#192131;border-bottom:4px solid #3b82f6;color:#fff;display:flex;gap:1.6rem;padding:1.2rem 2rem}.logo{height:auto;width:96px}@media (max-width:720px){.logo{width:64px}.site-header{flex-direction:column;padding:1.2rem 1rem}.App{padding:.5rem!important}}.project-meta h1{font-size:1.4rem;font-weight:600;margin:0}.project-meta .description{font-size:.9rem;margin:.15rem 0 .4rem;opacity:.9}.project-meta time{font-size:.8rem;opacity:.7}.site-footer{background:#eef0f5;color:#555;font-size:.85rem;margin-top:4rem;padding:2rem 1rem;text-align:center}.site-footer a{color:#3b82f6;font-weight:600;text-decoration:none}.site-footer a:hover{text-decoration:underline}.App{column-gap:2.5rem;margin:auto;max-width:960px;padding:2.5rem 2rem}.keypad{border-radius:14px;break-inside:avoid-column;margin-bottom:2rem;padding:1rem}.keypad h3{color:#192131;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.switch-row{display:flex;gap:12px;margin-bottom:12px}.rocker{background:linear-gradient(#e1e5eb,#cfd4dc);border-radius:10px;box-shadow:inset 0 2px 4px #ffffffd9,inset 0 -2px 3px #0000000d,0 1px 2px #0000000a;color:#2e3a4a;cursor:default;flex:1 1;font-size:.84rem;font-weight:500;padding:.85rem .6rem;position:relative;text-align:center;transition:background .18s ease,transform .15s ease}.rocker span{display:block;word-break:break-word}.rocker:hover{background:linear-gradient(#d5dae1,#c2c7cf)}.rocker:active{transform:translateY(1px)}.rocker.empty{pointer-events:none;visibility:hidden}@media (min-width:720px){.App{column-count:2}}.socket-panel{align-items:center;background:linear-gradient(135deg,#c8c8c8,#e0e0e0);border:1px solid #b0b0b0;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 4px #0003;display:flex;justify-content:center;max-height:400px;max-width:400px;padding:20px}.button-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);height:100%;width:100%}.panel-button{align-items:center;background-color:#f5f5f5;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:center;padding:8px;position:relative}.panel-button:hover{background-color:#ebebeb}.button-content{align-items:center;display:flex;flex-direction:column;height:100%;width:100%}.button-indicator{background-color:#444;border-radius:50%;height:8px;margin-bottom:8px;width:8px}.button-text{color:#333;font-size:12px;text-align:center;width:100%}
/*# sourceMappingURL=main.b13e51c6.css.map*/