body{background-color:#f9f9f9;color:#333;font-family:sans-serif;margin:0}#app{display:flex;min-height:100vh}.sidebar{background-color:#fff;border-right:1px solid #ddd;box-shadow:2px 0 4px rgba(0,0,0,.05);box-sizing:border-box;height:100vh;left:0;overflow-y:auto;padding:1.5rem 1rem;position:fixed;top:0;transition:transform .3s ease;width:200px;z-index:200}.sidebar h3{color:#555;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.sidebar.sidebar-hidden{transform:translateX(-100%)}.toggle-sidebar-btn{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:color .2s}.toggle-sidebar-btn:hover{color:#333}.open-sidebar-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;font-size:1.5rem;left:1rem;padding:.5rem .75rem;position:fixed;top:1rem;transition:background-color .2s;z-index:100}.open-sidebar-btn:hover{background-color:#f0f0f0}.sidebar-link{border-radius:4px;color:#333;display:block;margin-bottom:.25rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s}.sidebar-link:hover{background-color:#f0f0f0}.sidebar-link:active{background-color:#e0e0e0}.main-content{flex:1;margin:0 auto;max-width:900px;overflow-y:auto;padding:2rem}.page-title{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem;margin-top:0;text-align:center}#bingo-options{scroll-margin-top:2rem}#card-title input{margin-bottom:1rem}form{margin-bottom:2rem;width:100%}.form-row{display:flex;gap:1rem;margin-bottom:.5rem}.form-row label{display:flex;flex:1;flex-direction:column}.grid-input{display:grid;gap:.5rem;margin:.4rem 0;width:100%}input[type=number],input[type=text]{box-sizing:border-box;font-size:1rem;padding:.4rem;width:100%}button{cursor:pointer;font-size:1rem;padding:.5rem 1rem}.button-container{display:flex;gap:.5rem;margin-top:.5rem}#print-btn,.card{margin-bottom:2rem}.card{align-items:center;aspect-ratio:1/1;background:#fff;border:1px solid #ccc;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:flex-start;padding:1rem;scroll-margin-top:2rem}.card-grid{display:grid;gap:.25rem;grid-template-columns:repeat(5,1fr);height:100%;margin-top:.5rem;width:100%}.cell{align-items:center;aspect-ratio:1/1;border:1px solid #333;display:flex;font-size:.85rem;font-weight:700;justify-content:center;overflow:hidden;padding:.5rem;text-align:center;text-overflow:unset;white-space:normal;word-break:break-word}.card-print-btn{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.9rem;margin-top:.75rem;padding:.5rem 1rem;transition:background-color .2s}.card-print-btn:hover{background-color:#e0e0e0}@media print{.card-print-btn{display:none}}@media (max-width:768px){#app{display:block}.sidebar{box-shadow:2px 0 8px rgba(0,0,0,.15);height:100vh;left:0;padding-right:2.25rem;position:fixed;top:0;z-index:200}.toggle-sidebar-btn{padding:.2rem .35rem;right:.6rem;top:.6rem;width:auto}.sidebar.sidebar-hidden{transform:translateX(-100%)}.open-sidebar-btn{padding:.45rem .7rem;width:auto;z-index:250}.main-content{box-sizing:border-box;margin:0;max-width:none;overflow-x:hidden;padding:1rem;width:100%}.page-title{font-size:2rem;margin:.4rem 3.5rem 1.5rem;text-align:left}.form-row{flex-direction:column;gap:.75rem}.form-row label{font-size:1.05rem;width:100%}input[type=number],input[type=text]{font-size:1.1rem;width:100%}.button-container{flex-direction:column}.button-container button,.card-print-btn{font-size:1.1rem;width:100%}}@media print{body{background:#fff;color:#000;margin:0}.open-sidebar-btn,.sidebar{display:none}.main-content{padding:0}#print-btn,form{display:none}.card{border:1px solid #000;box-shadow:none;page-break-after:always;page-break-inside:avoid}}
/*# sourceMappingURL=index.cb0f4aa5c92c535ac05e.css.map*/