._home_fqnco_1{display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;background-color:#f9f9f9;min-height:100vh}._toolbarContainer_fqnco_11{display:flex;align-items:center;gap:10px}button{background-color:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;margin:10px 0}button:hover{background-color:#45a049;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}button:active{background-color:#388e3c;box-shadow:0 2px 4px #0003;transform:translateY(1px)}._toolbar_fqnco_11{display:flex;justify-content:space-between;padding:12px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}._clearButton_fqnco_50{background-color:#e57373;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;margin-left:10px}._clearButton_fqnco_50:hover{background-color:#ef5350;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}._clearButton_fqnco_50:active{background-color:#d32f2f;box-shadow:0 2px 4px #0003;transform:translateY(1px)}._toolbar_11lyd_1{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;transition:all .3s ease-in-out}._toolbar_11lyd_1:hover{box-shadow:0 4px 16px #00000026}._toolbar__color-picker_11lyd_16{display:flex;align-items:center;gap:12px}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;background-color:transparent;box-shadow:0 0 0 2px #0000001a;transition:box-shadow .3s ease-in-out}@media (max-width: 768px){input[type=color]{height:20px}}input[type=color]:hover{box-shadow:0 0 0 4px #0003}input[type=color]:active{box-shadow:0 0 0 4px #0000004d}span{font-size:14px;color:#333;font-weight:600;text-transform:capitalize;margin-left:10px}._toolbar__color_11lyd_16{border-radius:50%;cursor:pointer;box-shadow:0 0 0 2px #0000001a;transition:transform .3s ease,box-shadow .3s ease}._toolbar__color_11lyd_16:hover{transform:scale(1.1);box-shadow:0 0 0 3px #0003}._toolbar__color_11lyd_16:active{transform:scale(1.05);box-shadow:0 0 0 4px #0000004d}._grid_hqmjc_1{display:flex;gap:1px;border:1px solid #ddd}._grid-cell_hqmjc_7{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:1px solid #ddd;background-color:#fff;cursor:pointer}._grid-cell_hqmjc_7._selected_hqmjc_18{background-color:#4caf50}._grid-cell_hqmjc_7._highlighted_hqmjc_22{background-color:#ffeb3b}._cell_1arbm_1{width:70px;height:70px;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all .3s ease;font-size:14px;text-align:center;font-weight:600}._selected_1arbm_19{box-shadow:0 0 10px #0000ff80}@media (max-width: 1200px){._cell_1arbm_1{width:60px;height:60px;font-size:12px}}@media (max-width: 992px){._cell_1arbm_1{width:50px;height:50px;font-size:11px}}@media (max-width: 768px){._cell_1arbm_1{width:45px;height:45px;font-size:10px}}@media (max-width: 480px){._cell_1arbm_1{width:35px;height:35px;font-size:8px}}@media (min-width: 1201px){._cell_1arbm_1{width:80px;height:80px;font-size:16px}}._statsPage_1dka6_1{padding:20px;background-color:#f4f4f4;min-height:100vh;display:flex;flex-direction:column;align-items:center}h1{font-size:2rem;color:#333;margin-bottom:20px}._stats_1dka6_1{display:flex;flex-direction:column;gap:15px;max-width:600px;width:100%}._statsItem_1dka6_24{padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:1rem}._statsItem_1dka6_24 h2{font-size:1.25rem;color:#444}._statsInfo_1dka6_37{display:flex;justify-content:space-between;align-items:center;width:100%}._statsItem_1dka6_24 p{font-size:1rem;color:#666}._statsItem_1dka6_24 span{padding:5px 10px;border-radius:4px;color:#fff;margin-left:10px}._backButton_1dka6_56{margin-top:30px;background-color:#007bff;color:#fff;border:none;padding:12px 25px;font-size:1rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}._backButton_1dka6_56:hover{background-color:#0056b3}._backButton_1dka6_56:focus{outline:none}._app_l6yz1_1{font-family:Arial,sans-serif;padding:20px}h1{font-size:2rem}a{color:#00f;text-decoration:none}a:hover{text-decoration:underline}