:root{--checkbox-size: 13px;--checkbox-gap: 0px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#1a1a1a;color:#fff;display:flex;justify-content:center;align-items:center}.app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:1rem}.timer-banner{display:flex;gap:1rem;margin-bottom:1rem;background:#ffffff1a;padding:1rem;border-radius:8px;flex-shrink:0;contain:layout size style;transform:translateZ(0)}.time-input{display:flex;align-items:center;gap:.5rem}.time-input input{width:60px;padding:.5rem;border:none;background:#ffffff1a;color:#fff;border-radius:4px;font-size:1rem;text-align:center;contain:layout size style}.time-input span{font-size:1rem;color:#ffffffb3}.checkbox-grid{display:grid;gap:var(--checkbox-gap);grid-auto-rows:var(--checkbox-size);width:100%;height:calc(100% - 80px);overflow:hidden;contain:layout size style;transform:translateZ(0);will-change:transform}.top-checkbox{width:var(--checkbox-size);height:var(--checkbox-size);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:2px;cursor:pointer;contain:layout size style;transform:translateZ(0);will-change:transform,background-color;transition:background-color .2s;position:relative}.top-checkbox:checked{background:#4caf50;border-color:#4caf50}.top-checkbox:hover{background:#fff3}.top-checkbox:checked:hover{background:#45a049}.top-checkbox.falling{animation:fall .5s ease-in forwards;z-index:1}@keyframes fall{0%{transform:translateY(0)}to{transform:translateY(var(--fall-distance))}}